body {
	background: url(https://www.hoppe-handwerkstadt.de//benutzerdaten/400069/shop/layout/Template_8_Dateien/brick.jpg);
}

.usp_header {
    height: 23px;
}

.template_account, .template_cart {
    float: right;
    background: white;
    margin-right: 1%;
}

.template_wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px;
    overflow: visible;
	background: white;
}

.contentholder {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    background: #164594;
}

.template_header_item a > i {
    color: #164594;
}

.usp_header .contentholder {
    max-width: 1400px;
	text-align: center;
	height: 20px;
    background: none;
}

#template_header #template_main_nav span.template_nav_span {
    text-align: left;
}

#template_header #template_main_nav > li > a:hover, #template_header #template_main_nav > li > a.active {
    background: white;
    color: #164594;
    transition: 0.8s ease;
    opacity: 0.8;
    border-radius: 0px;
}

#template_main_nav li.template_nav_sortiment_button {
    float: left;
}

#template_main_nav > li > a {
    color: #164594;
    border-right: 2px solid #164594;
    border-radius: 25px;
    border-bottom: 2px solid #164594;
}

#template_header {
    background: #7c7c7c29;
}

#template_center_column.template_full_column {
    width: 100%;
    border-right: 2px solid lightgrey;
    border-left: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
	background: #ffffff;
}

#template_header #template_main_nav {
    /*border-top: 2px solid #ffffff !important;
    border-bottom: 0px solid #005099 !important;
    text-align: center;
	height: 42px;*/
	
	border-top: 2px solid #164594 !important;
    border-bottom: 2px solid #164594!important;
    text-align: center;
    height: 42px;
    background: white;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 16%;
    bottom: 13%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    height: 206px;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
    background-color: #565957;
    opacity: 0.9;
    color: white;
    font-size: 25px;
    padding: 16px 32px;
    padding-top: 33%;
    height: 202%;
    line-height: 3;
}

.text a:hover {
    color: #EEDC00;
    font-size: 30px;
    transition: 0.8s ease;
    overflow: visible;
}

.text a {
    color: white;
}

h2 {
    margin-top: -4px;
}

.topic{
	border: 2px solid #164594;
    color: #ffffff;
    font-size: 21px;
    background: #164594;
    height: 34px;
    width: 100%;
    /* margin-left: 20%; */
    /* margin-right: 15%; */
}

.topic2{
	margin-top: 50px;
	border: 2px solid #164594;
    color: #ffffff;
    font-size: 21px;
    background: #164594;
    height: 34px;
    width: 100%;
}

.topic3{
	margin-top: 50px;
	border: 2px solid #164594;
    color: #ffffff;
    font-size: 21px;
    background: #164594;
    height: 34px;
    width: 100%;
}

.img2 {
    margin-top: 365px;
}

.responsive_element_design {
    border-bottom: 0px solid #d2d8db; 
    min-height: 170px;
    line-height: 170px;
    text-align: center;
}

.responsive_table_12 {
    margin-left: 0.30%;
    float: right;
    height: 125px;
    opacity: 1.0;
}

.responsive_element_design.responsive_table_12 img:hover {
    width: 95%;
}

.responsive_element_design.responsive_table_8 img:hover {
    width: 105% !important;
}

.responsive_table_8 {
    width: 11.0%;
    margin-right: 1%;
    margin-bottom: -4%;
    float: left;
	margin-left: 0.5%;
}

div#wrappergrid {
    margin-top: 22px;
	margin-right: 3.3%;
}

div#wrappergrid2 {
    margin-top: 22px;
}

#template_footer {
    max-width: 1400px;
	background: #164594;
}

#template_header #template_main_nav .template_wgprev_heading {
    color: #164594;
}

#template_header_list {
    margin-top: 46px;
}

button.accent_button, input.accent_button, .accent_button {
    background: white;
    color: #164594;
    border: 2px solid #999999;
}

button.accent_button:hover, input.accent_button:hover, .accent_button:hover {
    background: ##005099cc !important;
    color: #ffffff;
}

#template_center_column {
    background: white;
}

#template_left_column {
    background: white;
}



/*Ausgeblendete div linke Sidebar*/
.sidebar_box {
    padding: 0px 20px 20px;
    display: none;
}

.contentbox_container {
    display: none;
}
/*Ausgeblendete div linke Sidebar*/


.sortiment li a:hover {
    color: #164594;
}



.template_header_item.template_search {
    width: 67%;
}

#sticky_menu {
    background-color: #164594;
    border-bottom: 4px solid #164594;
}

#template_logo_stickynavi {
    max-width: 50%;
    width: 20%;
    margin: 30px 0px 0px 10px;
}

.sticky_navi_fixed {
    max-width: 1400px;
}

.artangebote_popup {
    width: 103% !important;
}

/**Responsive Design**/
@media only screen and (max-width: 60em){
	.responsive_table_12 {
    margin-left: 0.30%;
    float: right;
    height: 125px;
    width: 47%;
    margin-right: 1%;
	}
	
	.responsive_table_8 {
    width: 23%;
    margin-right: 2%;
    margin-bottom: -4%;
    float: left;
    margin-left: 0.5%;
	}
	
	.rslides_nav {
    margin-right: 9px;
	}
	
	.sticky_navi_fixed {
    max-width: 60em;
	margin-left: -2px;
	}
}

@media only screen and (max-width: 30em){
	.rslides_nav {
    margin-right: 4px;
	}
	
.responsive_table_12 {
    margin-left: 0.30%;
    float: right;
    height: 125px;
    width: 94%;
    margin-right: 1%;
    opacity: 1.0;
	}

.responsive_element_design.responsive_table_12 img:hover {
    opacity: 1;
}
	
	.responsive_table_8 {
    width: 48%;
    margin-right: 2%;
    margin-bottom: -4%;
    float: left;
	}
	
	#template_logo_stickynavi {
    max-width: 50%;
	}	
	
	.sticky_navi_fixed {
    max-width: 30em;
	margin-left: -2px;
	}
}

/* #template_header #template_main_nav .popup_div {
    min-height: 460px;
    overflow: hidden;
    overflow-y: auto;
    width: 450px;
    margin-left: 38%;
    margin-top: 0.5%;
    text-align: left;
} */