/*
Theme Name: Echtzeit
Theme URI: http://echtzeit.ch
Description: Custom Theme for Echtzeit
Author: Roger Burkhard
Author URI: http://www.rogerburkhard.com
*/

/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, header, footer {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------
IMPORT FONTS
------------------------------------------------------*/

@font-face {
    font-family: 'Helvetica Neue Regular';
    src: url('fonts/helvetica.neue.eot');
    src: url('fonts/helvetica.neue.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/helvetica.neue.svg#raleway') format('svg'),
         url('fonts/helvetica.neue.woff') format('woff'),
         url('fonts/helvetica.neue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('fonts/helvetica.neue.bold.eot');
    src: url('fonts/helvetica.neue.bold.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/helvetica.neue.bold.svg#raleway') format('svg'),
         url('fonts/helvetica.neue.bold.woff') format('woff'),
         url('fonts/helvetica.neue.bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------
GENERAL
------------------------------------------------------*/

html {
	background:#232323;
	margin:0 !important;
	-webkit-text-size-adjust: 100%;
	overflow:hidden !important;
}

html, html * {
	-webkit-transition:color 0.5s ease, background 0.5s ease;
	transition:color 0.5s ease, background 0.5s ease;
}

body {
	display:block;
	font: normal 17px/24px 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	color: #b4b4b4;
	min-width: 320px;
	overflow:hidden;
	overflow-y:scroll;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling:touch;
}

body.nl_unsubscribe {
	overflow-y:auto;
}

body.wait, body.wait a {
	cursor:wait;
	overflow-y:hidden;
}

body.noscroll {
	overflow: hidden;
}

#wpadminbar {
	display:none !important;
}

.landscape_mobile {
	display:none;
}

/*------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------*/

h1 {
	font: 36px/36px 'Helvetica Neue Regular', Helvetica, Arial, Verdana, sans-serif;
}

h2 {
	font: 22px/26px 'Helvetica Neue Regular', Helvetica, Arial, Verdana, sans-serif;
	margin-bottom:0;
	padding-top:16px;
	color:#fff;
	background:#232323;
	height:34px;
	position:fixed;
	top:0;
	left:400px;
	padding-left:10px;
	width:590px;
}

.detail_box_page_slug_newsletter h2, .detail_box_page_slug_impressum h2 {
	width:390px;
}

.detail_box_page_slug_cart h2, .detail_box_page_slug_postfinance h2 {
	left:402px;
	padding:16px 10px 0;
	width:576px;
	margin-top:0;
	margin-bottom:0;
	background:#5a5a5a;
	z-index: 10;
}

p {
	margin-bottom: 12px;
}

b, strong {
	font-weight: normal;
	font-family: 'Helvetica Neue Bold';
}

/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

/* Firefox Hack to elmininate that ugly dotted line */
:focus {
	outline: 0;
	-moz-outline-style: none;
}

*:focus {
    outline: none;
    -moz-outline-style: none;
}

@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
       color: transparent !important;
       text-shadow: 0 0 0 #c80000 !important;
       background-image: none !important;
       border:0;
    }
}


/*------------------------------------------------------
IMAGES
------------------------------------------------------*/

img {
	border: none 0;
}

/*------------------------------------------------------
VIDEO
------------------------------------------------------*/

video {
	outline: 0;
	-moz-outline-style: none;
}

/* Responsive iFrame */

.video_wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
Focus Input & Textarea
------------------------------------------------------*/

input, textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	resize: none;
	-webkit-appearance: none;
}

textarea:focus, input:focus{
    outline: 0;
}

input[type="button"], button {
   outline:none !important;
}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
   border: 0 !important;
}

/*------------------------------------------------------
LIGHT
------------------------------------------------------*/

html.light, html.light h2, html.light .detail_boxes, html.light .menues .menu_verlag {
	background:#ebebeb;
}

html.light body, html.light .menues div a, html.light .detail_home .home_events a.link_presale {
	color:#414141;
}

html.light .detail_box_page_slug_cart h2, .detail_box_page_slug_postfinance h2 {
	background: #5a5a5a;
	color:#fff;
}

html.light .detail_box_page_slug_cart .black_header {
	background:#ebebeb;
}

html.light a.show_verlag, html.light a.show_authors, html.light a.show_books, html.light a.show_cart, html.light h2, .detail_box span.color, html.light .detail_box a, html.light .detail_box strong, html.light .menues div a:hover, html.light .search, html.light .detail_box_page_slug_search span.search_results a.active, html.light .detail_home .home_events span.white, html.light .menues div a.active, html.light .menues a:hover, html.light .author_letter, html.light .detail_box span.color, html.light .detail_box span.book_subtitle {
	color:#000;
}

html.light a.go_cart_step2, html.light .item_totals a.cart_to_overview, html.light a.payment_box, html.light a.delivery_box.finish_order, html.light a.show_other_delivery {
	color:#c80000;
}

html.light a.go_cart_step2:hover, html.light .item_totals a.cart_to_overview:hover, html.light a.payment_box:hover, html.light a.delivery_box.finish_order:hover {
	color:#5a5a5a;
}

html.light a.close_detail, html.light a.close_detail_menue {
	background:url('../img/close_black.svg') no-repeat center center;
	background-size:16px 16px;
}

html.light .color_changer {
	background:url('../img/color_changer_dark.svg') no-repeat center center;
	background-size:11px 11px;
}

html.light .social_icons a.social_twitter {
	background:url('../img/icon_twitter_dark.svg') no-repeat center center;
	background-size:22px 22px;
}

html.light .social_icons a.social_facebook {
	background:url('../img/icon_facebook_dark.svg') no-repeat center center;
	background-size:22px 22px;
}

html.light .social_icons a.social_instagram {
	background:url('../img/icon_instagram_dark.svg') no-repeat center center;
	background-size:22px 22px;
}

/*------------------------------------------------------
WRAPPER
------------------------------------------------------*/

#wrapper { 
	width: 10000px; 
	height: 100%;
	position: absolute; 
	top: 0;
	left:0;
	right:0;
	bottom:0;
	margin-top: 0;
	opacity:0;
	overflow:hidden;
	-webkit-transition:opacity 0.5s ease-out, margin 0.3s ease-out;
	transition:opacity 0.5s ease-out, margin 0.3s ease-out;
}

.tablet_left, .tablet_right {
	display:none;
}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/

.desktop_header {
	display:block;
}

.mobile_header {
	display:none;
}

a.show_verlag, a.show_authors, a.show_books, a.show_cart {
	position:fixed;
	top:18px;
	font-size:22px;
	line-height: 22px;
	height:24px;
	letter-spacing: 0.01em;
	color:#fff;
	text-decoration: none;
	z-index: 600;
	-webkit-transition:opacity 0.3s ease-out, left 0.3s ease-out, width 0.3s ease-out, color 0.3s ease-out;
	transition:opacity 0.3s ease-out, left 0.3s ease-out, width 0.3s ease-out, color 0.3s ease-out;
}

a.show_verlag, a.show_cart {
	display:none;
	left:15px;
}

a.show_authors.grey, a.show_books.grey {
	color:#b4b4b4;
}

a.show_authors {
	display:none;
	left:310px;
}

a.show_authors.fixed_width, a.show_books.fixed_width {
	width:140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

a.show_authors.show_author_filter {
	left:410px;
}

a.show_books {
	display:none;
	left:410px;
}

a.show_books.show_author_filter {
	left:320px;
}

a.show_books.home {
	left:1010px;
}

/* Color Changer */

.color_changer {
	position:fixed;
	z-index: 200;
	top:23px;
	right:15px;
	width:11px;
	height:11px;
	background:url('../img/color_changer_grey.svg') no-repeat center center;
	background-size:11px 11px;
}

/* Search */

.flexible_width_search {
	position:fixed;
	right:41px;
	top:15px;
	z-index: 10;
}

span.no_results {
	opacity:0;
	font-size:22px;
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.search {
	font-family: 'Helvetica Neue Regular';
	background:transparent;
	border:none 0;
	text-align: right;
	color:#fff;
	font-size:22px;
	line-height: 26px;
	min-width: 80px;
}

.tmp-element {
	visibility: hidden;
	white-space: pre;
}

.search::-webkit-input-placeholder {
    color: #b4b4b4;
}

.search:-moz-placeholder {
   color: #b4b4b4;
   opacity: 1;
}

.search::-moz-placeholder {
   color: #b4b4b4;
   opacity: 1;
}

.search:-ms-input-placeholder {
   color: #b4b4b4;
}

/*------------------------------------------------------
BOOKS
------------------------------------------------------*/

.books .mobile_books {
	display:none;
}

.books .desktop_books {
	display:inline-block;
}

.books {
	display:inline-block;
}

.iosslider {
	display:none;
}

.books .fixed_section {
	display:block;
	position:fixed;
	top:50px;
	left:0;
	height:600px;
	width:400px;
	z-index: 100;
	background:#232323;
	-webkit-transition:left 0.3s ease-out;
	transition:left 0.3s ease-out;
}

.books .mobile_slides {
	display:none;
}

.books .fixed_section a {
	position:fixed;
	height:600px;
	width:400px;
	opacity:0;
	z-index: 1;
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
	cursor:default;
}

.books .fixed_section a.book_cover {
	cursor:pointer;
}

.books .fixed_section a.active {
	opacity:1;
}

.books .fixed_section a img {
	width:100%;
	height:100%;
	-moz-transform: translateZ(0);
}

.books .scroll_section {
	display:block;
	padding-left:400px;
	margin-top:50px;
}

.books .book {
	opacity:1;
	display: inline-block; 
	height: 600px; 
	float: left; 
	margin-left: 0;
	margin-top:0;
	margin-left:2px;
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.books .book.verlag_andere_buecher {
	display:none;
}

.books .book.book_mouseover {
	opacity:0.3;
}

.books .book img {
	height:600px;
	width:auto;
}

/*------------------------------------------------------
Detail Box
------------------------------------------------------*/

.detail_boxes {
	display:block;
	position:fixed;
	background:#232323;
	left:400px;
	width:580px;
	top:0;
	bottom:0;
	z-index: 100;
	padding:0 10px;
	padding-bottom:10px;
	-webkit-transition:width 0.3s ease-out, background 0.5s ease;
	transition:width 0.3s ease-out, background 0.5s ease;

}

a.close_detail, a.close_detail_menue {
	display:none;
	width:16px;
	height:16px;
	background:url('../img/close_white.svg') no-repeat center center;
	background-size:16px 16px;
	position:fixed;
	top:10px;
	padding:10px;
	left:954px;
	z-index: 100;
}

a.close_detail_menue {
	display:none;
	z-index: 600;
	left:555px;
	margin-left:10px;
}

.detail_box {
	display:none;
	overflow-y:auto;
	overflow-x:hidden;
	padding-bottom:20px;
	margin-top:0;
	padding-top:50px;
}

.detail_box a, .detail_box strong {
	font-family:'Helvetica Neue Regular';
	color:#fff;
}

.detail_box span.color {
	color:#fff;
}

.detail_box span.book_subtitle {
	display:block;
	color:#fff;
	margin-top:-5px;
}

.detail_box span.price_info_desktop {
	display:inline-block;
}

.detail_box span.price_info_mobile {
	display:none;
}

.detail_box span.preorder_mobile {
	display:block;
}

.detail_box .buy_book_wrap, .detail_box .vergriffen_book_wrap {
	margin:12px 0;
}

.detail_box .buy_book_wrap .buy_single_book span.text_buy_book {
	font-size:22px;
	line-height: 26px;
	color:#fff;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.detail_box .buy_book_wrap .buy_single_book:hover span.text_buy_book {
	color:#b4b4b4;
}

.detail_box .buy_book_wrap .buy_single_book span.price_info_desktop {
	display: block;
}

.buy_bookgroup span {
	color:#ffffff;
}

.detail_box .text_specialprice {
	display:block;
	margin-top:12px;
}

.detail_box .author_shortversion {
	cursor:pointer;
}

.detail_box a.vergriffen_book {
	cursor: not-allowed;
}

.detail_box a.buy_bookgroup {
	display:block;
	margin-bottom:12px;
	color:#b4b4b4;
}

.detail_box a.buy_bookgroup:hover {
	color:#fff;
}

.detail_box .book_pressezitate p {
	display:inline-block;
	margin-bottom:0;
}

.detail_box .book_weitere_pressezitate, .detail_box .author_weitere_infos {
	display:none;
	margin-top:12px;
}

.author_letter {
	display:block;
	color:#fff;
}

/*------------------------------------------------------
HOME
------------------------------------------------------*/

.detail_home {
	padding-top:50px;
	font-size:22px;
	line-height: 28px;
	height:582px;
	position:relative;
}

.detail_home a {
	font-size:22px;
	line-height: 28px;
}

.social_icons a {
	display:block;
	width:22px;
	height:22px;
	margin-right:10px;
	float:left;
}

.social_icons a.social_twitter {
	background:url('../img/icon_twitter.svg') no-repeat center center;
	background-size:22px 22px;
}

.social_icons a.social_facebook {
	background:url('../img/icon_facebook.svg') no-repeat center center;
	background-size:22px 22px;
}

.social_icons a.social_instagram {
	background:url('../img/icon_instagram.svg') no-repeat center center;
	background-size:22px 22px;
}

.detail_home .home_events {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}

.detail_home .home_events .title_events {
	display:block;
	margin-bottom:-12px;
}

.detail_home .home_events .event {
	margin-top:12px;
}

.detail_home .home_events span.white {
	color:#fff;
}

.detail_home .home_events a.link_presale {
	color:#b4b4b4;
}

.detail_home .home_events .event_detail p {
	margin-bottom:0;
}

/*------------------------------------------------------
MENUES
------------------------------------------------------*/

.menues {
	display:block;
}

.mobile_menu {
	display:none;
}

.menues .menu_books, .menues .menu_authors, .menues .menu_verlag {
	display:none;
	width:180px;
	padding:0 10px;
	height:600px;
	position:fixed;
	top:50px;
	left:400px;
	z-index: 500;
	overflow-x: hidden;
	overflow-y:auto;
}

.menues div a {
	display:block;
	color:#b4b4b4;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.menues div a.filter_geschenkbuch {
	margin-bottom:6px;
}

.menues div a.filter_special {
	margin-top:6px;
}

.menues a.active, .menues a:hover {
	color:#fff;
}

.menues .menu_verlag {
	left:0;
	width:170px;
	padding:0 15px;
	background:#232323;
	top:0;
	padding-top:50px;
}

/*------------------------------------------------------
PAGES
------------------------------------------------------*/

.detail_box_page a {
	color:#b4b4b4;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.detail_box_page a:hover {
	color:#fff;
}

.detail_box_page_slug_impressum .page_detail_content_outside {
	position:absolute;
	height:600px;
	top:50px;
	width:380px;
}

.detail_box_page_slug_impressum .page_detail_content_outside .page_detail_content_inside {
	position:absolute;
	bottom:-12px;
}

/* Press */

span.press_year {
	display:block;
}

.detail_box_page_slug_pressematerial p {
	margin-bottom:12px;
}

/*------------------------------------------------------
Newsletter and MP3 Download
------------------------------------------------------*/

.detail_box_page_slug_newsletter, .detail_box_page_slug_yello {
	margin-left:-8px;
	margin-right:-8px;
}

.choose_nl_type {
	display:block;
	margin-left:-8px;
	margin-right:-8px;
}

.choose_nl_type a {
	display:block;
	background:#fff;
	margin:0 2px;
	border-bottom:1px solid #5a5a5a;
	color:#c80000;
	padding:5px 10px 5px 16px;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.choose_nl_type a:hover {
	color:#5a5a5a;
}

.nl_type_content, .yellow_music_download {
	display:none;
	background:#fff;
	margin:0 2px;
	padding:3px 0 0 0;
	margin-left:-6px;
	margin-right:-6px;
	color:#000;
}

.yellow_music_download {
	display:block;
}

.nl_type_content p, .yellow_music_download p {
	padding:0 10px 10px 16px;
	border-bottom:1px solid #5a5a5a;
	margin-bottom:0;
}

.nl_type_content p.nl_info_desktop {
	display:block;
}

.nl_type_content p.nl_info_mobile {
	display:none;
}

.nl_type_content input, .nl_type_content a, .yellow_music_download input, .yellow_music_download a {
	display:block;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	background:#fff;
	margin:0;
	border-bottom:1px solid #5a5a5a;
	color:#000;
	padding:5px 0 5px 50px;
	border:none 0;
	border-bottom:1px solid #5a5a5a;
	font: normal 17px/24px 'Helvetica Neue Regular', Helvetica, Arial, Verdana, sans-serif;
}

.nl_type_content a, .yellow_music_download a {
	color:#c80000;
}

.nl_type_content a.chosen {
	color:#000;
}

.nl_type_content a.subscribe, .yellow_music_download a.subscribe {
	color:#c80000;
}

.nl_type_content a:hover, .yellow_music_download a:hover {
	color:#5a5a5a;
}

.nl_type_content input::-webkit-input-placeholder, .yellow_music_download input::-webkit-input-placeholder {
    color: #c80000;
}

.nl_type_content input:-moz-placeholder, .yellow_music_download input:-moz-placeholder {
   color: #c80000;
   opacity: 1;
}

.nl_type_content input::-moz-placeholder, .yellow_music_download input::-moz-placeholder {
   color: #c80000;
   opacity: 1;
}

.nl_type_content input:-ms-input-placeholder, .yellow_music_download input:-ms-input-placeholder {
   color: #c80000;
}

/* Custom Select */

.choose {
	display:none;
}

.choose a {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	color:#5a5a5a;
	background:#ededed;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
}

.delivery_contact .choose a {
	width: -moz-calc(100% - 13px);
	width: -webkit-calc(100% - 13px);
	width: -o-calc(100% - 13px);
	width: calc(100% - 13px);
	padding-left:0;
	border-left:2px solid #5a5a5a;
	padding-left:11px;
}

.choose a.active, .choose a:hover {
	color:#c80000;
}

/* Custom Multiselect */

.nl_type_content a.show_multiselect {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: -moz-calc(100% - 55px);
	width: -webkit-calc(100% - 55px);
	width: -o-calc(100% - 55px);
	width: calc(100% - 55px);
}

.multiselect {
	display:none;
}

.multiselect a {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	color:#5a5a5a;
	background:#ededed;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
}

.multiselect a span.multiselect_checkbox {
	border: 1px solid #c80000;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 12px;
    margin-left: 0;
    margin-right: 12px;
    margin-top: 8px;
    position: relative;
    width: 12px;
}

.multiselect a span.multiselect_checkbox span.multiselect_checkbox_inside {
	display:inline-block;
	position:absolute;
	top:0;
	width:12px;
	height:12px;
	opacity:0;
	background:url('../img/checkbox_icon.svg') no-repeat center center;
	background-size:12px 12px;
}

.multiselect a.active span.multiselect_checkbox {
	border: 1px solid #ededed;
}

.multiselect a.active span.multiselect_checkbox span.multiselect_checkbox_inside {
	opacity:1;
}

.multiselect a span.multiselect_text {
	display: inline-block;
    float: left;
    line-height: 20px;
    margin-left: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.multiselect a.active span.multiselect_text, .multiselect a.active:hover span.multiselect_text {
	color:#000;
}

.multiselect a:hover {
	color:#c80000;
}

a.subscribe {
	color:#5a5a5a;
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: -o-calc(100% - 16px);
	width: calc(100% - 16px);
	padding-left:16px;
}

p.nl_error, p.yello_error {
	display:none;
	margin-top:5px;
	color:#c80000;
	font-size:19px;
	padding-top:5px;
}

p.nl_success {
	display:none;
	background:#fff;
	margin:0;
	border-bottom:1px solid #5a5a5a;
	color:#000;
	padding:5px 10px 5px 9px;
}

.nl_success {
	display:none;
}

a.delivery_box.finish_order {
	margin-top:36px;
}

.desktop_finish_order {
	display:block;
}

.mobile_finish_order {
	display:none;
}

/*------------------------------------------------------
CART
------------------------------------------------------*/

.detail_box_page_slug_cart .black_header {
	background:#232323;
	left:0;
	right:0;
	position:fixed;
	height:10px;
	top:0;
	z-index: 100;
}

.mobile_different_delivery_address {
	display:none !important;
}

.detail_box_page_slug_cart .page_detail_content_inside, .detail_box_page_slug_postfinance .page_detail_content_inside {
	background:#5a5a5a;
}

.detail_box_page_slug_cart, .detail_box_page_slug_postfinance {
	margin-right:-8px;
	margin-left:-8px;
}

.detail_box_page_slug_cart .load_cart {
	background:#5a5a5a;
}

.cart_item, .empty_cart_message, .detail_box_page_slug_postfinance input#submit_pf {
	display:block;
	background: #fff;
    border-bottom: 1px solid #5a5a5a;
    color: #c80000;
    display: block;
    padding: 5px 10px;
}

.cart_item.porto {
	display:none;
}

.cart_item.porto .item_title_price {
	margin-left:47px;
}

.cart_item input {
	background:none 0;
	width:33px;
	text-align: center;
	background:transparent;
	float:left;
	color:#c80000;
	border:none 0;
	font: normal 17px/24px 'Helvetica Neue Regular', Helvetica, Arial, Verdana, sans-serif;
}

.cart_item input[type='number'] {
    -moz-appearance:textfield;
}

.cart_item input::-webkit-outer-spin-button,
.cart_item input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.cart_item .item_title_price {
	display:block;
	width: -moz-calc(100% - 81px);
	width: -webkit-calc(100% - 81px);
	width: -o-calc(100% - 81px);
	width: calc(100% - 81px);
	margin-left:9px;
	margin-right:0;
	float:left;
	color:#000;
}

.cart_item .item_title_price span {
	color:#5a5a5a;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.cart_item a.remove_item {
	display:block;
	width:12px;
	height:12px;
	background:url('../img/remove_item.svg') no-repeat center center;
	background-size:12px 12px;
	padding:5px;
	position:absolute;
	right:10px;
	margin-top:2px;
}

.item_totals {
	padding:5px 10px;
	background:#fff;
	color:#000;
}

.item_totals span {
	color:#5a5a5a;
}

.item_totals .mobile_price {
	display:inline-block;
}

.item_totals span.total_amount.active {
	color:#000;
}

.item_totals span.total_text {
	margin-right:3px;
}

.item_totals .ajax_load {
	display:block;
	width: -moz-calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	width: -o-calc(100% - 140px);
	width: calc(100% - 140px);
	margin-right:10px;
	float:left;
}

.empty_cart_message {
	color:#5a5a5a;
}

.empty_cart_message a.cart_to_overview {
	color:#c80000;
}

.empty_cart_message a.cart_to_overview:hover {
	color:#5a5a5a;
}

a.go_cart_step2, .cart_step2 .payment_box, .cart_step3 .delivery_box, .payment_info_box, a.cart_to_overview {
	display:block;
	background: #fff;
    border-bottom: 1px solid #5a5a5a;
    color: #c80000;
    display: block;
    padding: 5px 10px;
}

a.go_cart_step2:hover, .cart_step2 a.payment_box:hover, .payment_info_box, a.cart_to_overview:hover {
	color: #5a5a5a;
}

a.payment_box span.grey {
	color:#5a5a5a;
}

.cart_step2 a.payment_box.active {
	color: #5a5a5a;
}

.payment_info_box {
	line-height:20px;
	padding-top: 7px;
	padding-bottom:9px;
}

.payment_info_box a {
	color: #5a5a5a;
}

a.cart_to_overview, a.cart_to_overview:hover, .cart_step2, .cart_step3 {
	margin-top:36px;
}

.cart_step2, .cart_step3 {
	display:none;
}

.cart_step2 div.payment_box, .cart_step3 div.delivery_box {
	color:#000;
}

.payment_type_box a.go_back_to_step2, a.go_back_to_step1 {
	display:block;
	width:12px;
	height:12px;
	background:url('../img/remove_item.svg') no-repeat center center;
	background-size:12px 12px;
	padding:5px;
	position:absolute;
	right:10px;
	margin-top:-22px;
}

.different_delivery a {
	color:#c80000;
}

.cart_step3 a:hover {
	color: #5a5a5a;
}

.cart_step3 input, .cart_step3 .show_choose, p.order_error, .blank_rows  {
	display:block;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	background:#fff;
	margin:0;
	border-bottom:1px solid #5a5a5a;
	color:#000;
	padding:5px 0 5px 50px;
	border:none 0;
	border-bottom:1px solid #5a5a5a;
	font: normal 17px/24px 'Helvetica Neue Regular', Helvetica, Arial, Verdana, sans-serif;
}

.blank_rows {
	height:24px;
}

p.order_error {
	display:none;
	color:#c80000;
}

.cart_step3 a.show_choose {
	color: #c80000;
}

.cart_step3 a.show_choose.chosen {
	color:#000;
}

.cart_step3 input::-webkit-input-placeholder {
    color: #c80000;
}

.cart_step3 input:-moz-placeholder {
   color: #c80000;
   opacity: 1;
}

.cart_step3 input::-moz-placeholder {
   color: #c80000;
   opacity: 1;
}

.cart_step3 input:-ms-input-placeholder {
   color: #c80000;
}

/* Not Required */

.cart_step3 input.not_required {
	color:#000;
}

.cart_step3 input.not_required::-webkit-input-placeholder {
    color: #5a5a5a;
}

.cart_step3 input.not_required:-moz-placeholder {
   color: #5a5a5a;
   opacity: 1;
}

.cart_step3 input.not_required::-moz-placeholder {
   color: #5a5a5a;
   opacity: 1;
}

.cart_step3 input.not_required:-ms-input-placeholder {
   color: #5a5a5a;
}

.cart_step3 .choose {
	max-height: 150px;
	overflow:auto;
}

.cart_step3 .choose.choose_delivery_country {
	margin-left:-2px;
}

.cart_step3 .choose a {
	background:#ededed;
	border-bottom:1px solid #000;
}

.cart_step3 .choose a:hover {
	color:#c80000;
}

.split_view.bill_contact {
	width:286px;
	float:left;
}

.split_view.delivery_contact {
	width:310px;
	float:left;
}

.split_view.delivery_contact input {
	padding-left:13px;
}

.cart_step3 .delivery_contact.split_view {
	display:none;
}

.cart_step3 .bill_contact.split_view input, .cart_step3 .bill_contact.split_view .show_choose {
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}

.cart_step3 .delivery_contact.split_view input, .cart_step3 .delivery_contact.split_view .show_choose{
	width: -moz-calc(100% - 13px);
	width: -webkit-calc(100% - 13px);
	width: -o-calc(100% - 13px);
	width: calc(100% - 13px);
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
}

.different_delivery.inactive span.title_delivery_address {
	display:none;
}

.different_delivery span.mobile_delivery {
	display:none;
}

.different_delivery.active .comma_seperator_delivery, .different_delivery.active a.show_other_delivery {
	display:none;
}

.different_delivery.active span.title_bill_address, .different_delivery.active span.title_delivery_address {
	display:block;
	width:50%;
	float:left;
	position:relative;
}

.different_delivery.active span.title_delivery_address a.remove_delivery_address {
	background:url('../img/remove_item.svg') no-repeat center center;
	background-size:12px 12px;
	position:absolute;
	right:-2px;
	top:2px;
	padding:5px;
	width:12px;
	height:12px;
	z-index: 90;
}

.custom_checkbox_box a.custom_checkbox {
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid #c80000;
	margin-left:11px;
	margin-right:12px;
	margin-top:8px;
	cursor:pointer;
	float:left;
	position:relative;
}

.custom_checkbox_box span.checkbox_text a {
	color:#000;
}

.custom_checkbox_box a.custom_checkbox.active {
	border:1px solid #fff;
}

.custom_checkbox_box a.custom_checkbox span.checkbox_inside {
	display:inline-block;
	position:absolute;
	top:0;
	width:12px;
	height:12px;
	opacity:0;
	background:url('../img/checkbox_icon.svg') no-repeat center center;
	background-size:12px 12px;
}

.custom_checkbox_box a.custom_checkbox.active span.checkbox_inside {
	opacity:1;
}

.custom_checkbox_box span.checkbox_text {
	display:inline-block;
	margin-left:8px;
	float:left;
	width:500px;
	line-height: 20px;
	padding-top:3px;
	padding-bottom:3px;
}

.detail_box_page_slug_order_success, .detail_box_page_slug_order_error, .detail_box_page_slug_payment_status {
	margin:0 -10px 0 -10px;
}

.order_success_box, .order_error_box, .payment_status_box {
	background: #ffffff none repeat scroll 0 0;
	border-bottom: 1px solid #5a5a5a;
	display: block;
	padding: 5px 10px;
	margin:0 2px;
	color:#000;
}

.order_error_box a, .payment_status_box a {
	color:#c80000;
}
.order_error_box a:hover, .payment_status_box a:hover {
	color:#b4b4b4;
}

form#go_to_pf input#submit_pf {
	cursor:pointer;
	background:none;
	border:none;
	font: 17px/24px "Helvetica Neue Regular",Helvetica,Arial,Verdana,sans-serif;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width:100%;
	background:#fff;
	text-align: left;
}

.payment_status_wrap {
	display:none;
}

/*------------------------------------------------------
SEARCH
------------------------------------------------------*/

.detail_box_page_slug_search span.search_results a {
	display:inline-block;
}

.detail_box_page_slug_search span.search_results a span, .detail_box_page_slug_search span.search_results a:hover span, .detail_box_page_slug_search span.search_results a.active span {
	color:#b4b4b4;
}

.detail_box_page_slug_search span.search_results a.active {
	color:#fff;
}

/*------------------------------------------------------
UNSUBSCRIBE
------------------------------------------------------*/

.unsubscribe_box {
	color:#fff;
	margin-top:20px;
	margin-left:15px;
}

.unsubscribe_box a {
	color:#fff;
	display: inline-block;
	text-decoration:underline;
}

.unsubscribe_box a.unsubscribe_action_links {
	margin-right:20px;
}

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/

footer {

}

/*------------------------------------------------------
Media Queries
------------------------------------------------------*/

@media all and (max-width: 1220px) and (min-width: 0) {

	.flexible_width_search, .color_changer {
		display:none;
	}

}

@media all and (max-width: 500px) and (min-width: 0) {
	.tablet_left, .tablet_right {
		display:none !important;
	}
}

@media all and (max-width: 1100px) and (min-width: 0) {

	html, body {
		overflow-y:auto !important;
		height:100%;
		max-width: 100%;
		overflow-x: hidden !important;
	}

	.page_wrap {
		height:100%;
	}

	#boxscroll {
		overflow-x:hidden;
	}

	/* Font Sizes */

	body {
		margin-left:auto;
		margin-right:auto;
		overflow-x:hidden;
	}

	body, .mobile_menu .mobile_menu_level3 .mobile_menu_level3_outer, .mobile_menu .mobile_menu_level3 .mobile_menu_level3_outer a, .cart_step3 input, .cart_step3 .show_choose, p.order_error, .blank_rows, .cart_step3 .choose a, .mobile_different_delivery_address {
		font-size:14px;
		line-height: 20px;
	}
	.detail_home, .detail_home a {
		font-size:19px;
		line-height: 24px;
	}
	.mobile_menu .mobile_search_box .search_status {
		font-size:19px;
	}
	.mobile_menu input.mobile_search_inside_menu, .mobile_menu a, .mobile_menu .author_letter, .load_mobile_search_results a {
		font-size:19px;
	}
	a.return_to_level1, a.return_to_level2 {
		font-size:19px;
	}
	.mobile_header a.show_mobile_cart, a.cart_to_overview, a.cart_to_overview:hover {
		font-size:19px;
	}
	.mobile_header .mobile_search {
		font-size:19px;
		line-height: 40px;
	}
	.mobile_header .current_filter {
		font-size:19px;
	}
	.landscape_mobile .landscape_mobile_inside {
		font-size:19px;
	}
	.cart_step3 input, .cart_step3 .choose, .cart_step3 a.show_choose {
		font-size:19px;
	}
	.detail_box a.buy_book.buy_single_book, .detail_box a.vergriffen_book, h2, .detail_box .buy_book_wrap .buy_single_book span.text_buy_book {
		font-size:19px;
	}

	.item_totals a.cart_to_overview, a.go_cart_step2, .cart_step2 .payment_box, .cart_step3 input, .cart_step3 .show_choose, p.order_error, .blank_rows, .cart_step3 .choose a, .mobile_different_delivery_address {
		font-size:19px;
	}
	.nl_type_content input, .nl_type_content a, .yellow_music_download input, .yellow_music_download a {
		font-size:19px;
	}
	.delivery_box.different_delivery {
		font-size:19px;
		background:#232323;
		color:#fff !important;
	}
	.delivery_box.different_delivery span.mobile_delivery {
		display:none;
	}

	.cart_step2 .payment_box {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	a.delivery_box.finish_order {
		font-size:18px;
	}

	.landscape_mobile {
		display:none;
	}

	.tablet_left, .tablet_right {
		display:block;
		position:fixed;
		top:0;
		bottom:0;
		width:0;
		background:#000;
		z-index: 10000;
	}

	.tablet_left {
		left:0;
	}

	.tablet_right {
		right:0;
	}

	/*------------------------------------------------------
	Remove all unnessary Elements
	------------------------------------------------------*/

	body, h2, .detail_home, .detail_home a {
		overflow-x: hidden;
		overflow-y: auto;
	}

	p {
		margin-bottom:11px;
	}

	h2 {
		display:block;
		width:auto;
		position:relative;
		padding-left:0;
		padding-top:0;
		left:0;
		height:auto;
		margin-bottom:0;
		margin-bottom:5px;
		margin-top:-5px;
	}

	.detail_box a.buy_bookgroup {
		margin-bottom:6px;
	}

	.detail_box span.book_subtitle {
		margin-top:-5px;
	}

	.scroll_section, .show_cart, .show_verlag, .show_books, .flexible_width_search, .color_changer, .books .fixed_section, a.show_authors  {
		display:none !important;
	}

	#wrapper { 
		width: 100% !important; 
		min-height: 100%;
		position: relative; 
		top: 0; 
		margin-top: 0;
		opacity:1;
		overflow-x:auto;
		max-width: 500px !important;
		margin-left:auto;
		margin-right:auto;
	}

	.menues {
		display:none;
	}

	.mobile_menu {
		display:block;
	}

	.books .mobile_books {
		display:block;
	}

	.books .desktop_books {
		display:none;
	}

	.detail_boxes {
		display:none;
		position:relative;
		left:0;
		width:100%;
		top:0;
		bottom:0;
		z-index: 100;
		padding:0;
		padding-bottom:0;
	}

	.detail_box {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 0 auto;
		padding-top:0;
		overflow:visible;
	}

	.mobile_books_list, .mobile_authors_list, .mobile_cats_list {
		display:none;
	}

	/*------------------------------------------------------
	Mobile Menu
	------------------------------------------------------*/

	.mobile_menu {
		display:block;
		width:100%;
		width:100%;
		max-width: 500px;
		overflow:hidden;
		position:fixed;
		left:-100%;
		top:40px;
		bottom:0;
		z-index: 600;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
	}

	.mobile_menu.active {
		left:0;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
	}

	.mobile_menu .mobile_menu_inside {
		display:block;
		position:relative;
		float:left;
		margin-top:0;
		border-top:2px solid #000;
		width: -moz-calc(100% - 42px);
		width: -webkit-calc(100% - 42px);
		width: -o-calc(100% - 42px);
		width: calc(100% - 42px);
		max-width: -moz-calc(500px - 42px);
		max-width: -webkit-calc(500px - 42px);
		max-width: -o-calc(500px - 42px);
		max-width: calc(500px - 42px);
		height:100%;
		height: -moz-calc(100% + 40px);
		height: -webkit-calc(100% + 40px);
		height: -o-calc(100% + 40px);
		height: calc(100% + 40px);
		background:#232323;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}
	.mobile_menu a.close_mobile_menu {
		display:none;
		width:20px;
		position:absolute;
		right:0;
		bottom:0;
		top:0;
		background:transparent;
		z-index: 10;
	}

	.mobile_menu .mobile_search_box {
		border-bottom:2px solid #000;
		padding:6px 10px 4px 10px;
		position:relative;
	}

	.mobile_menu .mobile_search_box input.mobile_search_inside_menu {
		display:block;
		background:none;
		border:none 0;
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		margin-right:20px;
		float:left;
		padding:0;
		border:none 0;
	}

	.mobile_menu .mobile_search_box .search_status {
		display:block;
		width:0;
		color:#b4b4b4;
		float:left;
		margin-top:1px;
	}

	.mobile_menu a.mobile_remove_search {
		display:block;
		opacity:0;
		width:10px;
		height:10px;
		background:url('../img/close_white.svg') no-repeat center center;
		background-size:10px 10px;
		padding:4px;
		position:absolute;
		right:5px;
		top:5px;
		border-bottom:none 0;
		-webkit-transition:opacity 0.3s ease-out;
		transition:opacity 0.3s ease-out;
	}

	/* Success Search */

	.mobile_menu .mobile_search_box.status_success input.mobile_search_inside_menu {
		width: -moz-calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
		width: -o-calc(100% - 100px);
		width: calc(100% - 100px);
		text-align: left;
	}

	.mobile_menu .mobile_search_box.status_success .search_status {
		display:block;
		width:80px;
	}

	/* Nope Search */

	.mobile_menu .mobile_search_box.status_nope input.mobile_search_inside_menu {
		width: -moz-calc(100% - 150px);
		width: -webkit-calc(100% - 150px);
		width: -o-calc(100% - 150px);
		width: calc(100% - 150px);
	}

	.mobile_menu .mobile_search_box.status_nope .search_status {
		display:block;
		width:130px;
		margin-top:1px;
	}

	.mobile_menu input.mobile_search_inside_menu::-webkit-input-placeholder {
	    color: #fff;
	}

	.mobile_menu input.mobile_search_inside_menu:-moz-placeholder {
	   color: #fff;
	   opacity: 1;
	}

	.mobile_menu input.mobile_search_inside_menu::-moz-placeholder {
	   color: #fff;
	   opacity: 1;
	}

	.mobile_menu input.mobile_search_inside_menu:-ms-input-placeholder {
	   color: #fff;
	}

	.mobile_menu input.mobile_search_inside_menu, .mobile_menu a, .mobile_menu .author_letter, .load_mobile_search_results a {
		display:block;
		color:#fff;
		border-bottom:2px solid #000;
		padding:6px 10px 8px 10px;
	}

	.mobile_menu a.show_mobile_cart {
		display:none;
	}

	.mobile_menu_box .author_letter {
		color:#b4b4b4;
	}

	.mobile_menu_box .sub_filter a.go_to_book, .load_search_results a.go_to_book {
		text-align: right;
		color:#b4b4b4;
	}

	.mobile_menu_box .sub_filter img {
		width:100%;
		height:auto;
	}

	.mobile_menu_level1 {
		display:block;
	}

	.mobile_menu_level2 {
		display:none;
	}

	.load_mobile_search_results {
		display:none;
		position:absolute;
		top:40px;
		left:-40px;
		right:0;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		max-width: -moz-calc(500px - 40px);
		max-width: -webkit-calc(500px - 40px);
		max-width: -o-calc(500px - 40px);
		max-width: calc(500px - 40px);
		z-index: 1000;
		background:rgba(35,35,35,0.8);
	}

	.mobile_filter .sub_filter {
		display:none;
	}

	.mobile_menu .mobile_menu_level3 {
		display:none;
		position:relative;
	}

	.mobile_menu .mobile_menu_level3 .mobile_menu_level3_outer {
		display:block;
		line-height: 20px;
		padding:6px 10px 8px;
		position:relative;
	}

	.mobile_menu .mobile_menu_level3 .mobile_menu_level3_outer a {
		display:inline-block;
		padding:0;
		border:none 0;
	}

	.mobile_menu .mobile_filter_newsletter a {
		color: #c80000;
	    padding-left: 10px;
	    width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
	    border-bottom:1px solid #000;
	   	overflow: hidden;
	   	white-space: nowrap;
	   	text-overflow: ellipsis;
	}

	.mobile_menu .mobile_filter_newsletter a:hover {
		color:#5a5a5a;
	}

	.mobile_menu .mobile_filter_newsletter a.chosen {
		color:#000;
	}

	.mobile_menu .nl_success {
		display:none;
	}

	.mobile_home .nl_success {
		display:none;
		margin-bottom:80px;
		background:transparent;
		font-size:19px;
		line-height: 24px;
		padding:18px 0 0 18px;
		color:#b4b4b4;
		border-bottom:none 0;
	}

	.mobile_home p.nl_success span {
		color:#fff;
	}

	.mobile_menu .nl_type_content {
		margin:0;
		padding:0;
		width:100%;
	}

	.mobile_menu .choose_nl_type a.nl_type {
		padding-left:16px;
	}

	.nl_type_content input, .nl_type_content a {
		border-bottom:1px solid #000;
		padding-left:10px;
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		width: calc(100% - 10px);
	}

	.nl_type_content p {
		border-bottom:1px solid #000;
		padding-left:10px;
	}

	.nl_type_content p.nl_info_desktop {
		display:none;
	}

	.nl_type_content p.nl_info_mobile {
		display:block;
		background:#232323;
		color:#b4b4b4;
		padding-top:10px;
	}

	/*------------------------------------------------------
	Mobile Header
	------------------------------------------------------*/

	.desktop_header {
		display:none;
	}

	.mobile_header {
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		height:40px;
		margin-left:auto;
		margin-right:auto;
		background:#232323;
		z-index: 500;
		max-width: 500px;
		overflow:hidden;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
	}

	.mobile_header a.hamburger {
		display:block;
		position:absolute;
		padding:11px;
		width:20px;
		height:17px;
		left:0;
		right:auto;
		z-index: 200;
		background:url('../img/hamburger.svg') no-repeat center center;
		background-size:20px 17px;
		-webkit-transition:left 0.3s ease-out, right 0.3s ease-out;
		transition:left 0.3s ease-out, right 0.3s ease-out;
	}

	.mobile_header a.hamburger.cart_type {
		left:auto !important;
		right:1px !important;
	}

	.mobile_header .mobile_search {
		display:block;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
		border:none;
		background:transparent;
		height:25px;
		position:absolute;
		right:0;
		top:0;
		margin-right:10px;
		padding-left:0;
		padding-right:0;
		text-align: right;
		color:#b4b4b4;
		margin-top:6px;
		line-height: 19px;
		text-shadow: 0px 0px 0px #fff; /* change [input font] by this*/
		-webkit-text-fill-color: transparent;
		-webkit-transition:right 0.3s ease-out;
		transition:right 0.3s ease-out;
	}

	.mobile_header .mobile_search.active_focus {
		color:#fff;
	}

	.mobile_header .current_filter {
		display:none;
		position:absolute;
		left:0;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		margin-left:auto;
		margin-right:auto;
		margin-top:9px;
		height:22px;
		z-index: 200px;
		margin-left:40px;
		margin-right:40px;
		left:auto;
		right:auto;
		text-align: center;
		top:0;
		color:#fff;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.mobile_header .current_filter.go_back_to_order {
		cursor:pointer;
	}

	.mobile_header .current_filter span.grey {
		color:#b4b4b4;
	}

	.mobile_header a.close_mobile_header {
		display:none;
		position:absolute;
		height:17px;
		width:17px;
		background:url('../img/close_white.svg') no-repeat center center;
		background-size:17px 17px;
		right:7px;
		top:6px;
		padding:5px;

	}

	/*------------------------------------------------------
	Home
	------------------------------------------------------*/

	.detail_home {
		padding-top:18px;
		margin-bottom:0;
		height:auto;
		margin-bottom:-30px;
		padding-bottom:0;
	}

	.detail_home div {
		-webkit-transition:opacity 1s ease-out;
		transition:opacity 1s ease-out;
	}

	.detail_home .social_icons {
		margin-bottom:80px;
	}

	.detail_home .home_events {
		position:relative;
	}


	.detail_home .home_events .event:nth-child(3), .detail_home .home_events .event:nth-child(4), .detail_home .home_events .event:nth-child(5) {
		display:none;
	}

	/*------------------------------------------------------
	Add iOs Slider
	------------------------------------------------------*/

	.page_wrap, .books {
		display:block;
		position:relative;
		width:100% !important;
	}

	.page_wrap {
		overflow-x:hidden;
	}

	.mobile_slider {
		display:block;
		width:100%;
		margin-top:40px;
		margin-bottom:13px;
		position:relative;
		opacity:0;
		-webkit-transition:opacity 0.3s ease-out;
		transition:opacity 0.3s ease-out;
	}

	.mobile_slider .next_book {
		display:block;
		width:40px;
		z-index: 100;
		right:0;
		top:0;
		bottom:0;
		height:100%;
		position:absolute;
	}

	.mobile_slider .iosslider {
		display:block;
		width:100000px;
	}

	.mobile_slider .iosslider .slider {
		width:100%;
	}

	.mobile_slider .iosslider .slider .mobile_book {
		width:425px;
		height:auto;
		display:block;
		float:left;
		margin-right:1px;
		max-width:500px;
	}

	.mobile_slider .iosslider .slider .mobile_book img {
		width:100%;
		height:auto;
	}

	/*------------------------------------------------------
	Book Detail
	------------------------------------------------------*/

	.detail_box span.price_info_desktop {
		display:none;
	}

	.detail_box span.price_info_mobile, .detail_box span.preorder_mobile {
		display:inline-block;
	}

	.detail_box a.buy_book.buy_single_book, .detail_box a.vergriffen_book {
		padding:1px 10px 1px 10px;
		margin-left:-10px;
		margin-right:-10px;
		margin-top:0;
		margin-bottom:0;
		display:block;
	}

	.detail_box span.book_subtitle {
		margin-top:-5px;
	}

	.detail_box a.vergriffen_book {
		cursor: not-allowed;
	}

	/*------------------------------------------------------
	Cart
	------------------------------------------------------*/

	.detail_box.detail_box_page_slug_cart, .detail_box.detail_box_page_slug_order_success, .detail_box.detail_box_page_slug_order_error, .detail_box.detail_box_page_slug_payment_status, .detail_box.detail_box_page_slug_yello {
		display:block !important;
		opacity:1 !important;
		width:100%;
		max-width: 500px;
		height:100%;
		overflow:auto;
		position:fixed;
		left:-100%;
		top:0;
		bottom:0;
		z-index: 600;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
	}

	.detail_box.detail_box_page_slug_yello {
		width: -moz-calc(100% - 68px);
		width: -webkit-calc(100% - 68px);
		width: -o-calc(100% - 68px);
		width: calc(100% - 68px);
	}

	.custom_checkbox_box a.custom_checkbox.checkbox_agb,
	.custom_checkbox_box a.custom_checkbox.checkbox_nl {
		width:40px;
		height:46px;
	}

	.custom_checkbox_box a.custom_checkbox.checkbox_agb span.checkbox_inside,
	.custom_checkbox_box a.custom_checkbox.checkbox_nl span.checkbox_inside {
		width:40px;
		height:46px;
	}

	.custom_checkbox_box a.custom_checkbox.checkbox_agb.active span.checkbox_inside,
	.custom_checkbox_box a.custom_checkbox.checkbox_nl.active span.checkbox_inside {
		width:40px;
		height:48px;
	}

	.detail_box.detail_box_page_slug_cart.active, .detail_box.detail_box_page_slug_order_success.active, .detail_box.detail_box_page_slug_order_error.active, .detail_box.detail_box_page_slug_payment_status.active, .detail_box.detail_box_page_slug_yello.active {
		left:0;
		-webkit-transition:left 0.3s ease-out;
		transition:left 0.3s ease-out;
	}

	.detail_box.detail_box_page_slug_cart .black_header, .detail_box.detail_box_page_slug_cart h2, .detail_box.detail_box_page_slug_yello h2 {
		display:none;
	}

	.detail_box.detail_box_page_slug_cart .page_detail_content_inside, .detail_box.detail_box_page_slug_order_success .page_detail_content_inside, .detail_box.detail_box_page_slug_order_error .page_detail_content_inside, .detail_box.detail_box_page_slug_payment_status .page_detail_content_inside, .detail_box.detail_box_page_slug_yello .page_detail_content_inside {
		display:block;
		position:relative;
		float:left;
		margin-top:0;
		padding-top:40px;
		width: 100%;
		max-width: 500px;
		background:transparent;
	}

	.item_totals a.cart_to_overview {
		background: #ffffff none repeat scroll 0 0;
	    border-bottom: 2px solid #232323;
	    border-top: 2px solid #232323;
	    display: block;
	    float: none;
	    height: 40px;
	    line-height: 38px;
	    text-align: left;
	    width: -moz-calc(100% - 10px);
	    width: -webkit-calc(100% - 10px);
	    width: -o-calc(100% - 10px);
	    width: calc(100% - 10px);
	    padding-left:10px;
	    position:relative;
	}

	.item_totals .ajax_load {
		width:100%;
		margin-right:0;
		float:none;
		position:relative;
	}

	.detail_box.detail_box_page_slug_cart .page_detail_content_inside {
		background:transparent;
	}

	.item_totals, .detail_box_page_slug_cart .load_cart, .cart_item, .empty_cart_message, .detail_box_page_slug_postfinance input#submit_pf {
		border-bottom:2px solid #232323;
	}

	a.go_cart_step2, .cart_step2 .payment_box, .cart_step3 .delivery_box, .payment_info_box, .item_totals, .cart_item, .empty_cart_message, .detail_box_page_slug_postfinance input#submit_pf {
		width: -moz-calc(100% - 42px);
		width: -webkit-calc(100% - 42px);
		width: -o-calc(100% - 42px);
		width: calc(100% - 42px);
		padding:0;
		border-right:2px solid #232323;
		height:40px;
	}
	a.go_cart_step2, .cart_step2 .payment_box, .cart_step3 .delivery_box, .payment_info_box {
		border-bottom:2px solid #232323;
	}
	.detail_box_page_slug_cart .load_cart {
		background:transparent;
		border-bottom:none 0;
	}

	.cart_item a.remove_item {
		background-color:#fff;
	}

	.cart_item .item_title_price {
		border-left:2px solid #232323;
	}
	.cart_item input {
		width:35px;
		height:31px;
		line-height: 36px;
	}

	.ajax_load span.comma_price {
		display:inline-block;
	}

	.cart_item .item_title_price {
		padding-left:11px;
		height:40px;
		line-height: 38px;
		width: -moz-calc(100% - 75px);
		width: -webkit-calc(100% - 75px);
		width: -o-calc(100% - 75px);
		width: calc(100% - 75px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-left:0;
	}

	.cart_item:after {
		content:'';
		clear:both;
	}

	.item_title_price span {
		display:none;
	}

	.ajax_load span.total_versandspesen {
		display:none;
	}

	.item_totals span {
		margin-right:0;
	}

	.ajax_load {
		text-align: left;
	}

	.ajax_load span.total_text {
		display:block;
		position:absolute;
		left:10px;
		height:40px;
		width:40px;
		float:left;
		margin-left:0;
		margin-right:0;
		color:#232323;
	}
	.ajax_load .mobile_price {
		display:block;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
		float:right;
		text-align: right;
		margin-right:10px;
	}

	.item_totals .ajax_load {
		height:40px;
		line-height: 38px;
	}

	a.go_cart_step2, a.go_cart_step2:hover, a.cart_to_overview, a.cart_to_overview:hover {
		height:40px;
		line-height: 38px;
		padding-left:10px;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
	}
	.cart_step2, .cart_step3 {
		height:40px;
		line-height: 38px;
		margin-top:40px;
		padding-left:0;
		width:100%;
	}

	.cart_step2 > div.payment_box {
		background:transparent;
		color:#fff;
	}

	.cart_step2 span.visa_master {
		display:none;
	}

	.cart_step2 .payment_box {
		padding-left:10px;
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
	}

	.cart_item a.remove_item, .payment_type_box a.go_back_to_step2, a.go_back_to_step1 {
		border-top: 0 none;
		display: block;
		height: 40px;
		margin-top: 0;
		padding: 0;
		position: absolute;
		right: 0;
		width: 40px;
		background-color:#fff;
	}

	.detail_box.detail_box_page_slug_cart a.go_back_to_overview_mobile {
		display:none;
		position:fixed;
		top:0;
		bottom:0;
		z-index: 0;
		right:0;
		width:40px;
		height:100%;
		height:100%;
		background:transparent;
	}

	.detail_box.detail_box_page_slug_cart.active a.go_back_to_overview_mobile {
		display:block;
	}

	.cart_step3 div.delivery_box.payment_type_box, .cart_step3 div.delivery_box {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-left:10px;
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
		border-bottom:2px solid #000;
	}

	.cart_step3 div.delivery_box a.go_back_to_step2, a.go_back_to_step1 {
		margin-top:-38px;
	}

	.different_delivery span.comma_seperator_delivery, .different_delivery a.show_other_delivery, .different_delivery span.title_delivery_address {
		display:none !important;
	}

	.different_delivery span.mobile_delivery {
		display:inline-block;
	}

	.cart_step3 input, .cart_step3 .show_choose, p.order_error, .blank_rows, .cart_step3 .choose a, .mobile_different_delivery_address {
		padding-left:10px;
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
		height:40px;
		padding-top:0;
		padding-bottom:0;
		line-height: 38px;
		border-bottom:2px solid #232323;
	}

	.cart_step3 input {
		padding-right:10px;
		width: -moz-calc(100% - 62px);
		width: -webkit-calc(100% - 62px);
		width: -o-calc(100% - 62px);
		width: calc(100% - 62px);
	}

	.mobile_different_delivery_address {
		display:block !important;
		background:#fff;
		color:#c80000;
	}

	.cart_step3 .bill_contact.split_view input {
		width: -moz-calc(100% - 62px);
		width: -webkit-calc(100% - 62px);
		width: -o-calc(100% - 62px);
		width: calc(100% - 62px);
		margin:0;
		padding-top:0;
		padding-bottom:0;
	}

	.cart_step3 .bill_contact.split_view .show_choose {
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
	}

	.mobile_different_delivery_address a {
		color:#c80000;
		display:block !important;
	}

	.mobile_different_delivery_address span.remove_delivery_address {
		display:none;
	    border-top: 0 none;
	    height: 40px;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    width: 40px;
	    background: #fff url('../img/remove_item.svg') no-repeat center center;
	    background-size:12px 12px;
	    margin-top:-38px;
	    cursor:pointer;
	}

	.mobile_different_delivery_address.has_different_address {
		background:transparent;
	}
	.mobile_different_delivery_address.has_different_address a {
		color:#fff;
	}
	.mobile_different_delivery_address.has_different_address span.remove_delivery_address {
		display:block;
		z-index: 100;
	}

	.split_view.bill_contact {
		float:none;
		width:100%;
	}
	.cart_step3 .bill_contact.split_view input, .cart_step3 .bill_contact.split_view .show_choose {
		width: -moz-calc(100% - 62px);
		width: -webkit-calc(100% - 62px);
		width: -o-calc(100% - 62px);
		width: calc(100% - 62px);
	}
	.cart_step3 .bill_contact.split_view .show_choose {
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
	}
	.cart_step3 .delivery_contact.split_view input, .cart_step3 .delivery_contact.split_view .show_choose {
		margin: 0;
	    padding-bottom: 0;
	    padding-left: 10px;
	    padding-top: 5px;
	    width: -moz-calc(100% - 22px);
	    width: -webkit-calc(100% - 22px);
	    width: -o-calc(100% - 22px);
	    width: calc(100% - 22px);
	}

	.cart_step3 .delivery_contact.split_view .choose a {
		width: -moz-calc(100% - 14px);
		width: -webkit-calc(100% - 14px);
		width: -o-calc(100% - 14px);
		width: calc(100% - 14px);
	}

	.cart_step3 .delivery_contact.split_view .show_choose {
		width: -moz-calc(100% - 12px);
		width: -webkit-calc(100% - 12px);
		width: -o-calc(100% - 12px);
		width: calc(100% - 12px);
	}
	.split_view.delivery_contact {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.cart_step3 .blank_rows {
		display:none !important;
	}
	a.delivery_box.finish_order {
		padding-left:10px;
		width: -moz-calc(100% - 52px);
		width: -webkit-calc(100% - 52px);
		width: -o-calc(100% - 52px);
		width: calc(100% - 52px);
		margin-top:0;
	}
	.custom_checkbox_box a.custom_checkbox {
		background-color: #ffffff;
	    height: 40px;
	    margin-right: 0;
	    margin-top: 0;
	    position: absolute;
	    right: 0;
	    width: 40px;
	}

	.custom_checkbox_box a.custom_checkbox.active span.checkbox_inside {
		text-indent: -10000px;
		background: #fff url('../img/remove_item.svg') no-repeat center center;
	    background-size:12px 12px;
	    width:35px;
	    height:38px;
	}

	.custom_checkbox_box a.custom_checkbox.active {
		border:none 0;
	}
	.custom_checkbox_box a.custom_checkbox {
		border:none 0;
	}
	.custom_checkbox_box span.checkbox_text {
		padding-left:10px;
		width: -moz-calc(100% - 32px);
		width: -webkit-calc(100% - 32px);
		width: -o-calc(100% - 32px);
		width: calc(100% - 32px);
		word-break: break-all;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
		height:auto;
		padding-left:0;
		margin-left:0;
	}
	.cart_step3 .delivery_box.custom_checkbox_box {
		height:auto;
		text-overflow: clip;
		white-space: normal;
	}
	.payment_info_box {
		color:#5a5a5a;
		line-height: 20px;
		height: auto;
	    line-height: 20px;
	    margin-bottom: 2px;
	    padding-left: 10px;
	    text-overflow: clip;
	    white-space: normal;
	    border-bottom:none 0;
	    width: -moz-calc(100% - 52px);
	    width: -webkit-calc(100% - 52px);
	    width: -o-calc(100% - 52px);
	    width: calc(100% - 52px);
	    padding-top:2px;
	    padding-bottom:4px;
	}

	.payment_info_box a {
		color:#5a5a5a;
	}

	.mobile_finish_order {
		display:block;
		margin-top:30px;
	}

	.desktop_finish_order {
		display:none;
	}

	.cart_item.porto .item_title_price span {
		display:inline-block;
	}

	.cart_item.porto .item_title_price {
	    border-left: 0 none;
	    margin-left: 0;
	    padding-left: 10px;
	    width:100%;
	}

	.cart_order_success {
		padding-top:12px;
	}

	.order_success_box, .order_error_box, .payment_status_box {
		font-size:19px;
		line-height:24px;
	}
	.order_success_box, .order_error_box, .payment_status_box {
		background: transparent;
		border-bottom: none;
		display: block;
		padding: 0;
		margin:0;
		color:#b4b4b4;
		margin: 6px 10px;
	}

	.order_error_box a, .payment_status_box a {
		color:#b4b4b4;
	}
	.cart_order_success .order_success_box:nth-child(2n), .payment_success .payment_status_box:nth-child(2n) {
		color:#fff;
	}

	.books, .detail_boxes {
		-webkit-transition:margin 0.3s ease-out;
		transition:margin 0.3s ease-out;
	}

	.payment_info_box.order_process_info {
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
	}

	.mobile_home .payment_status_wrap {
		margin-bottom:80px;
	}

}