/*
Theme Name: Rechnungskauf2018
Theme URI: https://www.rechnungskauf.com
Author: Jonas Breuer
Author URI: https://www.j-breuer.de
Description: The main Rechnungskauf Theme from the 2018 relaunch
Version: 1.0.1
Text Domain: rk18
*/

body {
    background:#fef7da;
    background:linear-gradient(to bottom, #ffffff 0%, #fef7da 100%);
    background-attachment:fixed;
	margin:0;
	font:13px Verdana;
	min-width:1150px;
}

#page {
    background-color:#fef7da;
    max-width:1500px;
    margin:0 auto;
    overflow-x:hidden;
}

/* Header and Footer */

.header {
    height:112px;
    background-color:#990000;
    color:#ffffff;
    padding:10px 10px 0 10px;
    display:grid;
    grid-template-columns:130px 280px 290px auto 170px;
    align-items:center;
    position: relative;
}

.header a,
.header h1,
.header h2 {
    color:#ffffff;
}   

.header .flags_categories {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.header .flags_categories .flags {
    width:40px;
}

.header .flags_categories .categories {
    padding-bottom:10px;
    position:relative;
}


/* search term and button in generics */


.header .sharing img {
    margin:2px 0;
}

.header .shopcount {
    position:absolute;
    right:10px;
    top:10px;
    text-align:right;
}

.header .infocenter {
    text-align:right;
    margin-top:78px;
    padding-bottom:10px;
    position:relative;
}


.infocenter_header {
    right:-10px;
    background-color:#990000;
    width:400px;
    padding-right:20px;
}

.infocenter_header a {
    display:block;
}

.infocenter_header a:hover {
    text-decoration:underline;
}

.infocenter_header ul.menu_simple li ul {
    font-size:0.9em;
}


.footer .footer_links {
     padding:10px;
     width:auto;
     text-align:center;
}




/* Main area */

.content_sidebar,
.content_double_sidebar {
    padding:0 10px 10px 10px;
    display:grid;
    grid-gap:10px;
}

.content_sidebar {
    grid-template-columns:180px auto;
}

.content_double_sidebar {
    grid-template-columns:180px auto 180px;
}

.content_full {
     padding:0 10px 0 10px;
}

section, aside {
    background-color:#ffffff;
    padding:10px;
    margin-top:10px;
}

aside a {
    color:#000000;
}

aside ul.category_list {
    list-style-type:none;
    padding-left:5px;
}

aside ul.category_list li {
    margin:5px 0;
}

aside ul.category_list li.active {
    font-weight:bold;
}

aside ul.category_list li a {
    color:#000000;
}

aside label:not(.price_label) {
    display:grid;
    grid-template-columns:25px auto;
    align-items:baseline;
}

.loading {
    padding:200px 0 20px 0;
    text-align:center;
    background:#ffffff url("img/ergebnisse-laden.gif") no-repeat center 20px;
}

section h3 {
    color:#990000;
    font-size:16px;
}

section .search_term {
    border:1px solid #ccc;
    height:15px;
}

ol.top_terms_list {
    column-count:4;
    list-style-position:inside;
}

ol.top_terms_list li {
    line-height:2em;
}


/* Categories Popup */

.categories_all {
    background-color:#ffffff;
    color:#000000;
    width:1120px;
    margin-top:10px;
}

.header .categories_all {
    left:-10px;
}

.categories_all .categories_container {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    height:440px;
    width:100%;
    padding:5px 10px;
}

.categories_all .categories_container div {
    width:190px;
}

.categories_all .categories_container div:not(:last-child):not(.big) {
     margin-bottom:10px;
}


.categories_all .categories_container div > *:nth-child(-n+3) {
    border-left-width:4px;
    border-left-style:solid;
    padding-left:5px;
}

.categories_all .categories_container div .big .fas,
.categories_all .categories_container div p  .fas {
    display:none;
}

.categories_all .categories_container div .big {
    color:#000000;
    padding-bottom:0.3em;
    font-size:1.4em;
    margin-top:5px;
}

.categories_all .categories_container div p {
    margin:0;
    padding:0.3em 0 0.3em 9px;
}

.categories_all .categories_container div p a {
    color:#000000;
    display:block;
}

.categories_all .categories_container div p a:hover {
    color:#990000;
    text-decoration:underline;
}



/* Generics */


.onlymobile {
    display:none;
}


.search_term {
    border:none;
    margin:5px 0;
    padding:2px;
    width:220px;
    height:17px;
    border-radius:0;
}

.search_button {
    vertical-align:bottom;
    margin:5px 0;
    cursor:pointer;
}


/* menu_simple is used in the header infocenter and the page sidebar menu */

ul.menu_simple {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.menu_simple li {
    margin:0 0 15px 0;
}

ul.menu_simple li ul {
    list-style-type:none;
    margin:0 10px 0 10px;
    padding:0;
}

ul.menu_simple li ul li {
    margin:7px 0;
}

ul.menu_simple li a {
    display:block;
}

ul.menu_simple li a:hover {
    text-decoration:underline;
}


.red, a, h1, h2, .collapseomatic {
    color:#990000;
}

h1, h2, h3 {
    margin:0;
    font-weight:normal;
    line-height:1em;
}

a {
    text-decoration:none;
}

p {
    margin:1em 0;
}

input[type="text"] {
    font-size:inherit;
}

.small {
    font-size:0.9em;
}

.tiny {
    font-size:0.6em;
}

.normal_big {
    font-size:1.1em;
}

.big {
    font-size:1.5em;
}

.bold {
    font-weight:bold;
}

.right {
    text-align:right;
}

.alignleft {
    float:left;
    margin-right:24px;
}

.alignright {
    float:right;
    margin-left:24px;
}

.noborder {
    border:none !important;
}

.border-bottom {
    border-bottom: 1px solid #990000;
}

.image_shadow {
    box-shadow: 2px 2px 8px 0 #bbb;
}

.double_lineheight {
    line-height:2em;
}

.feature_inactive {
    color:#cccccc;
}

.topcontent_info {
    display:grid;
    grid-template-columns:130px auto;
    grid-gap:10px;
}

.topcontent_editorinfo {
    height:120px;
}

.topcontent_editorinfo p:first-child {
    margin:0;
}

.content_hidden {
    display:none;
    position:absolute;
    z-index:20;
}

.show_content:hover .content_hidden {
    display:block;
}

.miniheading {
    display:inline-block;
    margin:0.5em 0 0.3em 0;
}

.wp-caption-text {
    font-size:0.85em;
    margin-top:0.4em;
}

a.hover:hover {
    text-decoration:underline;
}

/*
.rainbow:nth-child(1) > * {border-color:#82d9e3;}
.rainbow:nth-child(2) > * {border-color:#ace421;}
.rainbow:nth-child(3) > * {border-color:#0000fe;}
.rainbow:nth-child(4) > * {border-color:#ffa624;}
.rainbow:nth-child(5) > * {border-color:#fe0000;}
.rainbow:nth-child(6) > * {border-color:#009900;}
.rainbow:nth-child(7) > * {border-color:#ffff01;}
.rainbow:nth-child(8) > * {border-color:#ff01ff;}
*/

.shadowred { text-shadow: 2px 2px 0px rgba(153, 0, 0, 1); }
.shadowwhite { text-shadow: 2px 2px 0px rgba(255, 255, 255, 1); }
.shadowblack { text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }
.shadowred-small { text-shadow: 1px 1px 0px rgba(153, 0, 0, 1); }
.shadowwhite-small { text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
.shadowblack-small { text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
.shadowred-soft { text-shadow: 1px 1px 3px rgba(153, 0, 0, 1); }
.shadowwhite-soft { text-shadow:1px 1px 3px rgba(255, 255, 255, 1); }
.shadowblack-soft { text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); }



/* Pagination */ 

.pagination {
    display:grid;
    grid-template-columns:auto 200px;
    align-items:center;
    margin-bottom:40px;
}

.pagination .pagelinks {
    text-align:left;
    font-size: 1.35em;
}

.pagination .pagelinks > a,
.pagination .pagelinks > span {
    margin-right:25px;
}

.pagination .pagelinks > span {
    color:#cccccc;
}

.pagination .items_per_page {
    text-align:right;
}



/* Homepage */


.mainslider_area {
    position:relative;
    height:380px;
    background:linear-gradient(to right, #ffefbc 0%,#fffaea 51%,#ffefbc 100%);
}

.mainslider_area .prev,
.mainslider_area .next {
    position:absolute;
    top:110px;
    font-size:4em;
    color:#990000;
    z-index:10;
    cursor:pointer;
}

.mainslider_area .prev {left:30px;}
.mainslider_area .next {right:30px;}

.mainslider_area #mainslider {
    height:100%;
}

.mainslider_area #mainslider .slide,
.mainslider_area #mainslider .slide_background_container {
    width:100%;
    height:100%;
}

.mainslider_area #mainslider .slide_background_container {
    background-position:center; 
    background-repeat:no-repeat;
    cursor:pointer;
}

.mainslider_area #mainslider .slide_background_container[data-url=""] {
    cursor:auto;
}

.mainslider_area #mainslider .slide_content {
    padding:20px 80px;
}

.catslider_area {
    position:relative;
    height:200px;
}

.catslider_area .prev,
.catslider_area .next {
    position:absolute;
    top:60px;
    font-size:2em;
    z-index:10;
    cursor:pointer;
    padding:23px 10px;
    background-color:#fef7da;
}

.catslider_area .prev {
    left:10px;
    box-shadow:1px 1px 1px 0px rgba(0,0,0,0.3);
    display:none;
}

.catslider_area .next {
    right:10px;
    box-shadow:-1px 1px 1px 0px rgba(0,0,0,0.3);
}

.catslider_area #catslider {
    height:100%;
     overflow:visible !important;
}

.catslider_area #catslider .slide {
    width:100%;
    height:100%;
    display:flex;
}

.catslider_area #catslider .slide .catbox {
    /* flex-basis:25%; */
    flex-grow:1;
    background-color:#ffffff;
    padding:10px;
    margin:10px;
    border-left-width:4px;
    border-left-style:solid;
}

.catslider_area #catslider .slide .catbox_general {
     border-left-width:0;
     flex-grow:0;
     padding-bottom:0;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
}

.catslider_area #catslider .slide .catbox .show_content {
    padding-bottom:10px;
}

.catslider_area #catslider .slide .catbox .categories_all {
    margin-left:-10px;
}

.catslider_area #catslider .slide .catbox .big {
    color:#000000;
}

.catslider_area #catslider .slide .catbox img {
    display:block;
    margin:10px auto;
}

/*
.mainslider_area h2 {
    font-size:4em;
    color:#ffcc67;
    text-shadow:2px 2px 2px #990000;
}
*/


/* Shop List  */

.shop {
    display:grid;
    grid-template-columns:210px auto;
    grid-gap:15px;
    align-items:top;
    padding-bottom:20px;
    margin-bottom:30px;
    border-bottom:1px solid #990000;
}

.shop.item_last {
    border:0;
}

.shop_logo_clickout {
    height:150px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.shop .shop_publish_date {
    float:right;
    position:relative;
    bottom:15px;
    font-size:1.3em;
    color:#990000;
}


.shop_infotext p {
    margin: 0.5em 0;
}

.shop_infotext p.spacious {
    margin:1em 0;
}

.shopinfo_multicol {
    display:flex;
}

.shopinfo_multicol .bigspace {
     padding-right:40px
}

.shopinfo_multicol .feature_active,
.shopinfo_multicol .feature_inactive  {
    display:grid;
    grid-template-columns: 17px auto;
    padding-right:15px;
}

.shopinfo_multicol .feature_active .fas,
.shopinfo_multicol .feature_inactive .fas {
    padding:2px;
}

.shopdetail_links {
    display:flex;
}

.shopdetail_links a {
    padding-right:20px;
}

.top_terms {
    display:flex;
    margin-bottom:20px;
    line-height:2em;
}

.top_terms > * {
    margin-right:30px;
}

/* Product Search */

.search_meta_info_flex {
    display:grid;
    grid-template-columns:auto 400px;
}

.search_meta_info_flex section:first-child {

}

.search_meta_info_flex section:not(:first-child) {
    flex-basis:400px;
    margin-left:10px;
    /* height:fit-content; */
}

input.price {
    width:50px;
    padding:5px;
    border-radius:3px;
    border:1px solid #cccccc;
    text-align:right;
}

.shopfilter_hidden {
    display:none;
}

.price_label {
    position:relative;
    left:13px;
}

.term_description_grid {
	display:grid;
	grid-template-columns:fit-content(180px) auto;
	grid-gap:20px;
}

.term_description_grid img {
	max-width:180px;
	max-height:180px;
}

.product {
    display:grid;
    grid-template-columns:210px 230px 1fr 240px;
    grid-template-rows:auto 75px auto 70px auto;
    padding-bottom:20px;
    margin-top:10px;
    border-bottom:1px solid #990000;
}

.product_name_manufacturer {
    grid-column:2/4;
    grid-row:1/2;
    margin-bottom:10px;
}

.product_image {
    grid-column:1/2;
    grid-row:1/4;
    margin:0 auto;
    text-align:center;
    max-width:180px;
    max-height:180px;
}

.product_price {
    grid-column:1/2;
    grid-row:4/5;
    margin-top:20px;
    font-size:1.5em;
    text-align:center;
}

.product_description {
    grid-column:2/4;
    grid-row:2/4;
    overflow-wrap:break-word;
}

.product_clickout {
    grid-column:2/4;
    grid-row:4/5;
}

.product_shop_logo {
    grid-column:4/5;
    grid-row:1/2;
    margin:0 0 10px 10px;
}

.product_shop_infos {
    grid-column:4/5;
    grid-row:2/3;
    font-size:0.9em;
    margin-left:10px;
	overflow:hidden;
}

.product_conditions {
    grid-column:4/5;
    grid-row:3/5;
    font-size:0.9em;
    margin-left:10px;
}

a[data-clickouttype="product_button"] {
    display:block;
    width:216px;
    height:67px;
    background:url(/pre/wp-content/themes/rechnungskauf2018/img/hierbestellen-button.png) no-repeat top left;
}



/* collapseomatic */

.collapseomatic {
    background-image: none;
    padding: 0 0 10px 0;
}

.collapseomatic_content {
    margin-left:0;
}


/* country change popup */

#TB_closeWindowButton .screen-reader-text,
#TB_title {
    display:none;
}