/*mobilmenu*/
#Mobile_Menu .customer_menu,
#Mobile_Menu .shops_menu {padding:0px 20px}
#Mobile_Menu .h3menu {font-size:14px;font-weight: 600;margin:25px 0 5px 0}
#Mobile_Menu .links {margin-bottom:10px}
#Mobile_Menu .links a {display: block;font-size:13px}

/*forside*/
@media screen and (max-width: 991px) and (max-width: 767px) {
    .content>.container-fluid>.row>.col-xs-12 .fp_video video {
        position: absolute;
        top: 0!important;
        left: 50%;
        transform: translate(-50%, 0);
        width: 1200px !important;
    }
}
@media(max-width:767px) {
	body.webshop-frontpage .fp_focus_boxes .fp_focus_boxes-single .fp_focus_boxes-text {font-size:16px}
}
/*footer*/
footer .h3 {margin-bottom:10px!important}
footer .footer_menu .footermenuHead {font-size:18px;margin-top:20px;border-bottom:1px solid #fff}
footer .links {margin-bottom:30px}
footer .links a {display: block;}
footer .links a:hover {color:#fff;text-decoration: underline}
footer .follow_us,
footer .visit_also {padding:0}
footer .social_links {margin:10px 0}
footer .container .row>div {min-height: auto!important}
@media(max-width:980px) {
	footer .row>div {margin-bottom:0px!important}
	footer .links {display: none}
	footer .h3menu {font-size:13px!important;padding-top:7px}
	.footer .h3menu:after {content:'\f078';font-family:'Font Awesome 5 Pro';margin-left:10px;display:inline-block;transition:transform .3s}
	.footer .h3menu.open:after {transform:rotate(180deg)}
	.footer ul.social_links ~ .h3 {margin:0px!important}
	footer div.right_align {padding-bottom:50px}
	footer ul.social_links,
	footer ul.social_links ~ ul {display: block!important}
}

/*blog*/
.blog {font-size:15px}
.blog img {width:100%!important;height:auto!important}
.blog .text-center {display: block}
.blog hr {width: 100px;height: 1px;margin: 20px auto 0 auto;background-color:#000;border: none;border-radius: 3px;margin-bottom:50px;}


.blog .text-center {text-align: center}
.blog .bgwhite {background:#ffffff}
.blog .bggrey {background:#faf6f6}
.blog .bgdarkgrey {background:#dad8d8}

.blog .head {position: relative;display:flex;justify-content: center;align-items: center}
.blog .head img {filter: brightness(50%);}
.blog .headtext {position: absolute;color:#fff;left:50%;top:0;bottom:0;display: flex;align-items: center;background:rgba(0,0,0,0.10)}
.headtext div {padding:0 10%}
.blog .headtext h1 {font-size:40px;margin-bottom:10px;color:#fff}
.blog .headtext p {font-weight:normal;font-size:15px;color:#fff}
@media (max-width:779px) {
	.blog h2,
	.blog h2 span,
	.blog h3,
	.blog h3 span {font-size:18px!important;}
    .blog .headtext {left:0;text-align: center} 
    .blog .headtext h1 {font-size:22px;text-align: center}
	.blog .headtext h1:after {display:none}
    .blog .headtext p {font-size:13px}
	.blog .head {height:400px}
	.blog .head img {  width: 100%!important;height: 100%!important;object-fit: cover;}
}


.blog .text {padding:60px 0}
.blog .text h2 {text-align: center}

.blog .wrapper {max-width:1370px;margin:0px auto}

.blog .help {display:flex}
.blog .help.reverse {flex-direction:row-reverse}
.blog .help.bggrey h2 {color:#000!important}
.blog .help > div {flex:1}
.blog .help > div:last-child {display: flex;flex-direction: column;justify-content: center;}
.blog .help > div:last-child > div {padding:100px}
.blog .help > div:last-child h2 {color:#000}
@media (max-width:779px) {
	.blog .help {flex-direction: column}
	.blog .help.reverse {flex-direction: column}
    .blog .help > div:last-child > div {padding:5%;text-align: center}
    .blog .help > div:last-child > div hr {display: none}
    .blog .help > div:last-child h2 {color:#000;text-align: center}
}

.blogproduct {width:50%;margin:50px auto;display:flex;gap:30px}
.blogproduct img {max-width: 100%!important;}
.blogproduct div {width:50%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;font-size: 14px;}
@media(max-width:999px) {
    .blogproduct {width:95%}
	.blogproduct div:first-child {width:40%}
	.blogproduct div:last-child {width:60%}
	
	
}

.blog .box {padding:50px 0}
.blog .box h2  {text-align: center} 
.blog .box ul {display: flex;list-style: none;margin:50px 0 0 0;padding:10px;gap:50px}
.blog .box ul li {position: relative;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);padding:40px;border-radius: 20px}
.blog .box i {display: block;font-size:60px}
.blog .box b {display: block;font-size:18px;margin:20px 0}
.blog .box hr {height:3px;position: absolute;bottom:0px;margin-bottom:0;width:calc(100% - 80px - 20%);left:10%; right:10%}
@media (max-width:900px) {
    .blog .box ul {flex-direction: column}
}

 
/*liste*/

.blogRelated {width:80%;margin:0px auto}
.blogRelated .text-center {margin-top:20px}
.blog .product_list-breadcrumbs,
.blog .product_list-breadcrumbs + h1 {width:80%;margin:0px auto}
.blog .product_list-breadcrumbs + h1 {margin-top:20px}

.blogRelated ul {overflow-x:auto;-webkit-overflow-scrolling:touch;; padding:0 0 20px 0;display: flex;flex-wrap: wrap;margin: 20px 0;padding: 0px;list-style: none;}
.blogRelated ul li {width:calc(25% - 10px);background:#fff;display: inline-block;position: relative;float: none;vertical-align: top;box-sizing: border-box;margin: 4px;border: 1px solid #cccccc;-webkit-transition: all .5s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.blogRelated.flex {padding:50px 0}
.blogRelated.flex ul {justify-content: center;;flex-wrap: nowrap;}
.blogRelated.flex li {width:25%;flex-grow:0;flex-shrink:0;flex-basis:19.4%}

.blogRelated ul::-webkit-scrollbar {-webkit-appearance: none;height: 10px}
.blogRelated ul::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)} 

@media (max-width: 1000px) { 
   .blogRelated {width:100%}
	.blogRelated.flex li,
    .blogRelated ul li {width:calc(50% - 10px)}
	.blogRelated.flex ul {justify-content: flex-start}
    .blogRelated.flex li {width:25px;flex-basis: 150px}
}
.blogName {margin:10px;font-size:16px;height: 50px;}
.blogName a {font-weight: bold}
.blogImage img {width:100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.blogImage img:hover {opacity: 0.7}
.blogDescShort {margin:10px;font-size:15px;height:100px;overflow:hidden;position:relative}
.blogDescShort:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));pointer-events: none;}
.blogLink {margin:20px}
.blogLink a {color:#000;font-weight: bold}
@media (max-width:779px) {
	.blogRelated,
	.blog .product_list-breadcrumbs,
	.blog .product_list-breadcrumbs + h1 {width:100%}
	
	.blogName {font-size:14px}
	.blogDescShort {font-size:12px}
}