body{
padding:0;
margin:0;
line-height:1.5;

}
body * {
padding:0;
/*margin:0;*/
line-height:1.5;

	box-sizing: border-box;
}
.gruppenliste a.allefarben {
	position:relative;
	display:inline-block;
}
.gruppenliste a.allefarben::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://www.planenscout.de/bilder/ebay_hauptbild/portalteaser_overlay.png);
  background-size: cover;
  left: 0;
  right: 0;
}
.showcase.zube {
	display:flex;
	align-items:center;
	align-content:center;
	flex-wrap: wrap;
	margin-top: 0;
}
.showcase.zube .artikelbox {
    display: inline-block;
    width: 200px;
	text-align:center;
	margin:1em auto;
}
.showcase.zube .artikelbox img {
	display:block;
	width:100%;
	height:auto;
}
.sp-wrap img {
    margin: 5px;
}
.banner_rechts {
	margin-bottom:40px!important;
}
.linktext_wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.artikellink {
    display: inline-block;
    width: 48%;
    margin: 5px!important;
    border-radius: 20px;
    border: 2px solid #00900a;
    padding: 1em;
	position:relative;
}
.artikellink img {
    vertical-align: middle;
    text-align: center;
    float: left;
    display: inline;
	border-radius: 20px;
	margin-right: 1em;
}
.artikellink img[src$="svg"] {
    height: 80px;
	width:auto;
	float:right;
    background-color: #fff;
}
.artikellink img[src$="svg"]:hover {
    position: absolute;
    height: 400px;
    background-color: #fff;
    border: 1px solid #00900a;
	background-color: #fff;
	z-index:2;
}
.mgDescription .showcase h4 {
    visibility: hidden;
}
.mgDescription .showcase h4:first-child {
    visibility: show;
	font-size: 0;
	line-height: 0;
	position: relative;
}
.mgDescription .showcase h4:first-child::after {
    visibility: visible;
	font-size: 12px;
	line-height: 12px;
	display: block;
	content: "Weitere Artikel von Planenscout:";
	position: absolute;
	top:-20px;
}
.showcase a[href*="201709066394"], .showcase a[href*="201709066428"], .showcase a[href*="201709066492"] {
    display: none;
}
.massanfertigung::after {
    display: block;
    content: "";
    font-weight: bolder;
}
.stoffe .massanfertigung::after {
    
    content: "Prüfen Sie Optik und andere Materialeigenschaften vorab und nutzen Sie unseren kostenfreien Musterservice. Bestellen Sie Stoffmuster auf unserer Website oder telefonisch.";
    margin-top: 1em;
    
}
a.mg_doc:not([href]):after {
   display:block;
   position:relative;
   color:#000;
   font-size:10px;
   text-decoration:none;
   content:"Wir bedauern, daß sie diesen Link nicht mehr anklicken können, aber ebay hat beschlossen externe Links zu Dateien (außer zu Videos) zu entfernen.";
}
.important {font-weight:bold;}
.banner_kuerzen {
    background: #f2fbf8 none repeat scroll 0 0;
    border-radius: 1% 0 0 1%;
    border: 3px solid #00cc7e;
    font-size: 14px;
    line-height: 60px;
    min-height: 60px;
    padding-left: 52px;
    position: relative;
    margin-left:30px;
    margin-bottom:3em;
}
@media screen and (max-width: 655px) {
    .banner_kuerzen, .banner_kuerzen .teaser {
        line-height:30px;
    }
	.artikellink { width:100%;}
}
.banner_kuerzen::before {
    background-color: #00cc7e;
    border: 2px solid #00cc7e;
    border-radius: 50%;
    color: #fff;
    content: "NEU";
    display: block;
    font-size: 20px;
    height: 64px;
    left: -32px;
    line-height: 64px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -3px;
    width: 64px;
}
.banner_kuerzen .teaser {
    color: #00cc7e;
    font-size: 1.5em;
    line-height: 60px;
}

.banner_kuerzen span {
    background: rgba(0, 0, 0, 0) url("https://www.planenscout.de/bilder/layout/menue/icon_projekt.svg") no-repeat scroll right center / 30px auto;
    display: inline-block;
    font-size: 1.2em;
    margin-right: 20px;
    padding-right: 60px;
}
.mgContainer h3::after {
    clear: both;
    content: "";
    display: block;
}
.mgDescription > h3 img {float:left;}
.mgContainer h3 img {
    width: 150px;
    height:auto;
    vertical-align: middle;
}
/*
css neue gallerie ohne javascript
*/
input#showfullscreen:checked ~ div.fullscreen{display:block;z-index:100;}
input#showfullscreen:not(:checked) ~ label#close{display:none;}

.mgContainer .left label {display:block;width:100%;cursor:pointer;margin-top:4px;}
.mgContainer input {
    display: none;
}
.mgPhone .phonecall {display:none;}
div.fullscreen{
    display:none;
    text-align:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height: 1000px;
    color:white;
    background:rgba(64,64,64,1);
    box-shadow:1px 1px 2px 0px #aaa inset,-1px -1px 2px 0px #000 inset;
}
div.pic {
    background-color: #fff;
}
div#navbar{
font:normal .85em sans-serif;
display:inline-block;

height:56px;
position:absolute;
bottom:8px;
right:10%;
padding:2px 1px;

}
label#fullscreenoff {
    border: 2px solid #000;
    border-radius: 50%;
    bottom: 10px;
    cursor: pointer;
    display: table;
    height: 40px;
    position: absolute;
    right: 10px;
    width: 40px;
    opacity: 0.6;
    box-shadow: 0 0 8px 1px black inset;
    transition:opacity .3s ease-in-out;
  -webkit-transition:opacity .3s ease-in-out;
  -moz-transition:opacity .3s ease-in-out;
  -ms-transition:opacity .3s ease-in-out;
  -o-transition:opacity .3s ease-in-out;
}
label#fullscreenoff:hover {
    
    opacity: 0.9;
    box-shadow: 0 0 8px 1px #00cc7e inset;
}
label#fullscreenoff::after {
    color: #00cc7e;
    content: "x";
    font-family: Verdana;
    font-size: 38px;
    left: 14px;
    position: absolute;
    opacity: 0.6;
    top: -8px;
    transform: rotate(90deg) scale(1, 0.9);
    
}
div#navbar:after{
content:"";
position:absolute;
top:2px;
display:block;

box-shadow:0 0 8px 1px black inset;
border-radius:15px;
transition:1s ease-in-out;
  -webkit-transition:1s ease-in-out;
  -moz-transition:1s ease-in-out;
  -ms-transition:1s ease-in-out;
  -o-transition:1s ease-in-out;
}

#navbar label{
float:left;
margin:0 1px;
width:28px;
height:28px;
text-align:center;
background-color: #fff;
cursor:pointer;
opacity:.5;
margin-right:1em;
border-radius:15px;
box-shadow:0 0 1px #000 inset;
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center center;
}
#navbar label:hover{opacity:1;}
.fullscreen div.pic{
position:absolute;
left:10px;
top:10px;
right:10px;
bottom:60px;
background-size:contain;
background-repeat:no-repeat;
background-position:center 0;
/*transition:1s linear;
  -webkit-transition:1s linear;
  -moz-transition:1s linear;
  -ms-transition:1s linear;
  -o-transition:1s linear;*/
}

input#showfullscreen:checked ~ label#fullscreenoff {
    background: #777 none repeat scroll 0 0;
    border-radius: 30px;

    box-shadow: 1px 0 1px white inset, -2px 0 1px #888 inset;
    
    display: block;
    font-size: 56px;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    position: fixed;
    right: 15px;
    text-align: center;
    text-shadow: 1px 0 2px black, -2px -2px 2px white;
    transform: rotate(45deg);
    width: 56px;
    z-index: 100;
}


/*
css neue gallerie ohne javascript ENDE
*//*
.mitte a{visibility:hidden;}
 Container scroll */
.scroll-img {
  width: 100%;

  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 0;
  margin:0 auto;
}
.scroll-img ul {
    border: 2px solid #ddd;
   /* border-radius: 10px;*/
    margin: 0;
    padding: 8px;
    width: 100%;
}
.scroll-img ul li {
    display: inline-block;
    font-size: 8pt;
    margin: 5px 0 5px 5px;
    text-align: center;
    width: 130px;
}
.scroll-img ul li a:link, .scroll-img ul li a:visited, .scroll-img ul li a:active {
font-size:8pt;
}
#demo1.scroll-img ul {
 /* width: 60000px;*/
}
#demo1-btn {
  width: 680px;
  padding-top: 10px;
}

img.showcasepic { margin:20px;}


/* Container scroll ENDE */
#artikelattribute{
list-style-type: none;
list-style-image: url(https://www.raumtextilienshop.de/flaechenvorhang/bilder/icon_pfeil_dunkelgrau.png);
width: 450px;
padding: 0 10px;
}

#artikelattribute li{
margin: 0 5px 1px 0;
width: 210px;
float: left;
}
#artikelattribute_27{
list-style-type: none;
list-style-image: url(https://www.raumtextilienshop.de/flaechenvorhang/bilder/icon_pfeil_dunkelgrau.png);
width: 450px;
padding: 0 10px;
-moz-column-count:2;
column-count:2;
-webkit-column-count: 2;
}

#artikelattribute_27 li{
margin: 0 5px 1px 0;
/*width: 210px;
float: left;*/
}
.ausverkauft {
	filter: alpha(opacity = 50); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */
	opacity:.5;
}
/*.mgIndividuell img {margin-bottom:10px;}*/
.MGBannerSchal {
    background-color: #eee;
    height: 110px;
    margin: 20px auto;
    position: relative;
    text-align: center;
    max-width: 1100px;
	clear: both;
}
.MGBannerOverlay {
    background-color: #eee;
    height: 110px;
    margin: 20px auto;
    position: relative;
    text-align: center;
    max-width: 1100px;
}
.MGBannerOverlay .kasten_overlay {
    left: 240px;
    margin-left: 40px;
    position: absolute;
    top: 0;
	background-color:#eee;
	height:110px;
}
.MGBannerSchal .MGBannerOverlay .kasten_overlay {
    left: 160px;
    margin-left: 40px;
    position: absolute;
    top: 0;
}

.MGBannerSchal .kasten_overlay {
    left: 170px;
    margin-left: 40px;
    position: absolute;
    top: 0;
}
.MGBannerSchal .lysel_logo {
    left: 30px;
    position: absolute;
    top: 25px;
}
.zubehoer_artikel {
		width:150px;
		float:left;
		margin:28px;
		border:1px solid  #f1f1f1;
	/*	border-radius:5px;*/
		padding:3px;
		text-align:center;
		min-height:220px;
		background:#fff;
}
.zubehoer_artikel:hover {
		border:1px solid  #357ec6;
		background:#f1f1f1;
}
.showcase {margin-top: 2em;display:none!important;}
.showcase h4, .mgRight h4 {min-height: 2em;
    margin: 1em;}
.banner_rechts {max-width:260px;width::100%;height:auto;margin-bottom: 2em;}
.mgContainer a:link, .mgContainer a:active, .mgContainer a:visited {
	color: #0654BA;
}
.mgContainer .kasten_overlay {
	/*position: relative;
	top:-112px;
	left:160px;
	z-index:20;*/
	margin:0 auto;
}
.mgContainer .kasten  {
    display: inline-block;
	*display:inline;
    font-size: 11px!important;
    line-height: 15px!important;
    margin-right: 7.9px;
    text-align: center;
   
    width: 92px!important;
	font-family:Verdana,Helvetica,Swiss!important;
}
.mgContainer .kasten a:hover  {
    font-weight:bold;
	 
}
.MGBanner {
	margin: 20px auto;
    text-align: center;
    max-width: 1100px;
}
.mgContainer .kasten a {
    color: #444444;
	text-decoration: none!important;
}
.mgContainer .kasten img {
    background-color: #f1f1f1;
    padding: 4px;
}
.mgContainer a img {
    border: 0 none;
    margin: 0 2px;
}
.mgContainer .kasten img:hover {
    border:4px solid #00cc7e;
    padding: 0;
}
.selectscroll {
    border: 2px solid #1C73FF;
    float: left;
	/*border-radius:3px;*/
    /*font-size: 8pt !important;*/
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 32%;
	font-weight:bold;
}
.right .selectscroll {
    
    width: 85%;
}
.mitte img {width:120px;clear:both;height:auto;display:block;}
.lysel_3.selectscroll, .lysel_11.selectscroll, .spitze_11.selectscroll {
	width: 70px;
}
/* Container positions */
.mgContainer div.left {
max-width:360px;
width:35%;
float:left;
text-align: center;
}
/*
.mgContainer:not(.stoffe, .profile, .profilekeder, .kleberreiniger) div.left {
	display:none;
}*/
.mgContainer div.left img[src$="svg"] {

width:60%;
height:auto;

}
.mgContainer div.right img {
max-width:260px;
width: 85%;
margin:5px;
height:auto;
display:block;
max-height: 300px;

}
.mgContainer div.right .box_bemassung {text-align:center;margin-top: 30px;position:relative;}
.mgContainer div.right .box_bemassung * {
        transition:.5s ease-in-out;
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
    }
/*
.mgContainer div.right .box_bemassung img[src$="svg"]:hover {
    position:absolute;
    width:auto;
    height:800px;
    z-index:2;
    max-height:none;
    max-width:1000px;
    background-color: rgba(255,255,255,.6);
    border:2px solid #00cc7e;
    border-radius:20px;
    right:0;
    top:0;
    
}

@media screen and (max-width: 655px) {
    .mgContainer div.right .box_bemassung:hover img[src$="svg"] {
        max-width:320px;
		height:auto;
    }
}
*/
.mgContainer div.right img:after {content:""; display:block;clear:both;}
.mgContainer div.right {
    max-width:260px;
    float:right;
    width:22%;
    max-height: 500px;
   /* overflow-x: hidden;
    overflow-y: auto;*/
}

.mgContainer div.mitte { 
    width:40%;
    display:block;
    float:left; 
    margin-top: 30px;
}
/*
.mgContainer:not(.stoffe, .profile, .profilekeder, .kleberreiniger) div.mitte { 
    width: calc(100% - 300px);
}*/
.MGMedialinks, .mgRight h4 {
  display: none;
}
.mgContainer.zubehoer .showcase {
  display: none;
}
.mgHeader {
	background-image:url(https://www.planenscout.de/bilder/layout/ebay/slider_image_sonnensegelbau.jpg), url(https://www.planenscout.de/bilder/layout/ebay/slider_image_pvc-folien.jpg),  url(https://www.planenscout.de/bilder/layout/ebay/slider_image_zubehoer.jpg);
	background-position:left -20px, 427px -8px, 854px top;
	background-size:auto auto, auto auto, auto auto;
    background-repeat:no-repeat, no-repeat, no-repeat;
	height:140px;
	width:100%;
    position: relative;
	/*border-top: 6px solid #009D66;
	border-left: 6px solid #00cc7e;*/
}
.mgFooter {
	height:140px;
	width:100%;
	position:relative;
	/*border-bottom: 6px solid #009D66;
	border-left: 6px solid #00cc7e;*/
	background-image:url(https://www.planenscout.de/bilder/layout/ebay/hint_fon.png);
	background-repeat:no-repeat;
	background-position:right center;
}
/* END Container positions 
#drawers div { display:none; }
#drawers div.first { display:block; }*/
#drawers {
list-style-image: url("https://www.planenscout.de/bilder/layout/icon_arrow_aufzaehlung.svg");

}
#drawers  > li{
clear:both;
margin-left: 10px;
}
#drawers ul > br {
    display: none;
}
#drawers h4{
border-bottom: 1px solid #ccc;
    /*cursor: pointer;*/
    display: inline-block;
    padding: 0 1em 1em;
    width: 90%;
}
ul.MGMedialinks {
list-style-type:none;
padding-left: 0;
}
#drawers ul {
    margin-left: 1em;
}
li.massanfertigung, span.massanfertigung {
    background-image: linear-gradient(to right, #ffffff 0%, #e8fcea 50%, #ffffff 100%);
    border-bottom: 1px dashed #bde5bf;
    border-top: 1px dashed #bde5bf;
    color: #00900a;
    /*font-size: 0.85em;*/
    list-style-image: url("https://www.planenscout.de/bilder/layout/icon_haken_gruen.svg");
	list-style-position: outside; 
    margin-bottom: 0;
	margin-left: 8px;
    padding-bottom: 0.5em;
    padding-left: 20px;
    padding-top: 0.5em;
	margin-top: 2em;
}
ul.MGMedialinks li {
/*height:32px;*/
background-repeat: no-repeat;
background-image:url(https://www.planenscout.de/artikel/bilder/button_anleitung.png);
padding-left:40px;
margin:5px;
border: 1px solid #ddd;
word-wrap:break-word;
font-size: .8em;
}
ul.MGMedialinks li.fl_waschanleitung {
background-image:url(https://www.planenscout.de/artikel/bilder/button_anleitung.png);
}
ul.MGMedialinks li.fl_montage {
background-image:url(https://www.planenscout.de/artikel/bilder/button_anleitung.png);
}
ul.MGMedialinks li.fl_massanfertigung {
background-image:url(https://www.planenscout.de/artikel/bilder/button_anleitung.png);
}
ul.MGMedialinks li.video {
background-image:url(https://www.planenscout.de/artikel/bilder/button_anleitung.png);
}
ul.MGMedialinks li a {
font-size:8pt;

}
div.mgDescription img.product{
  width: 300px!important;
  }

  
.mgContainer p.eigenschaften {
 /* width: 460px!important;*/

}

.mgContainer h2, .mgContainer h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	color: #000;
}

.mgContainer h2 {
font-size: 14pt;
padding: 1em 0 2em;
}
.mgContainer h3 {
font-size: 12pt;
}
iframe.mgYoutube {
	margin: 10px auto;
}
.mgContainer {
	max-width:1100px;
	padding:0;
	margin:0 auto;
}
.mgContainer * {
	font-family:Arial, sans-serif;
	font-size:10pt;
}

.mgPhone a:link, .mgPhone a:visited, .mgPhone a:active {
color:#1C73FF;
}

.mgDescription h4 {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 9pt;
font-weight:bold;
color: #000;
}
.mgambfloat, .mgamb { 
border:1px solid #ccc; 
margin:5px; 
padding:5px; 
float:left;
font-size:8pt;
text-align:center;
}
.mgambfloat { 
height:230px;
width:130px;
display:block;
}
.mgamb {
display:block;
}
.mgambfloat img {
margin:5px auto;
width:120px;
}
.mgambfloat a:link, .mgambfloat a:visited, .mgambfloat a:active {
color:#00cc7e;
text-decoration:none;
font-size:8pt;
margin:5px auto;
width:120px;
}
div.mgLogo {
    background-color: #fff;
    float: left;
    height: 160px;
    padding-top: 2em;
    width: 205px;
}
div.mgLogo img {
	
    display:inline;
    width:170px;
	height:auto;
}
div.mgLogo span {
	margin: 10px 0 0 2px;
    width:200px;
    display:inline-block;
	height:auto;
    /*font-style:italic;*/
    
}
.mgLogoText {
	font-family: Verdana, sans-serif;
	font-size: 13.5pt;
	width:200px;
	float:left;
    margin: 10px 0 0 40px;
	position:relative;
	
}
.mgPhone {
    background-color: #fff;
    background-image: url("https://www.planenscout.de/bilder/layout/ebay/hint_fon.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 2px solid #eee;
    border-radius: 2px;
    bottom: 1em;
    float: right;
    padding: 5px 80px 5px 20px;
    position: absolute;
    right: 1em;
    text-align: right;
}

.mgFooter .mgPhone {
    bottom: 40px;
    height: 80px;
    position: absolute;
    right: 140px;
    text-align: right;
    width: 330px;
    background-image: none;
    padding:0;
    border:0;
}
.mgHeader .mgPhone {

	/*display:none;*/

}
.mgPhone ul{
	list-style:none;
	margin:0;
	padding-right: 5px;
	/* padding-left:90px; */
}
.mgFooter .mgPhone li:first-child {
	font-weight:bold;
}
.mgFooter .mgPhone li.phone {
    color: #1c73ff;
    font-size: 18pt;
    line-height: 160%;
}
.mgPhone li.time{
	
}
.mgPhone li.phone{

	color:#1C73FF;

}
.mgSensuna{
	font-weight:bold;
	font-size:10pt;
	font-family:Arial, sans-serif;
}
.mgSlogan{
	font-size:10pt;
	font-family:Arial, sans-serif;
	border-bottom:1px solid #ddd;
	padding:3px;
	display:none;
	/*background: #00cc7e;
	color:#fff;*/
}
div.mgDescription {
  width: 100%;
padding:0;
	margin:0;
}
.mitte span {color:#888;font-size:.8em;font-style:italic;}
div.mgDescription img.product{
  width: 350px;
  float: left; margin: 0 2em 2em 0;
}


p.eigenschaften {
  width: 740px;
  column-count: 2;
}
.eigenschaften *{
  font-size:10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #5d5d5d;
}
p.text {

}
.text {
  
  font-size:10pt;
	font-family: Arial, sans-serif;
	color: #5d5d5d;
}
ul#css3columnlist {
/*width: 400px;*/
margin:0;
	padding-left: 10px;
	/*
-moz-column-count: 2;
-moz-column-gap: 2px;
-webkit-column-count: 2;
-webkit-column-gap: 2px;
column-count: 2;
column-gap: 2px;*/
list-style-image: url(https://www.planenscout.de);
}
ul#css3columnlist li{
line-height: 1.5em;
font-size:10pt;
	font-family: Arial, sans-serif;
	color: #5d5d5d;
	list-style-image: url(https://www.raumtextilienshop.de/ebay-template/images/list_attributes_icon.png);
	
}
/*container*/
.clearout {
height:20px;
clear:both;
}
.trenner {
height:20px;
clear:both;
}

#mggruppe0 {
display:none;
}
.zubehoer.xnbs-flexisel-container {
    min-height: 240px;
}
.nbs-flexisel-container {
    position:relative;
    max-width:1100px;
	
}
.nbs-flexisel-ul {
    position:relative;
    width:80000px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
	
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
	padding-right:50px;
    background:#fcfcfc;
  /*   background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); 
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    //background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); 
    //background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%);  */
    border:1px solid #ccc;
    /*border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  */
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
	font-size:9pt;
  /*  line-height:0px;*/
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    max-width:95px;
    max-height:100px;
	margin:3px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;

}

.sp-loading {
	text-align: center;
	max-width: 270px;
	padding: 15px;
	border: 5px solid #00cc7e;
	/*border-radius: 3px;*/
	font-size: 12px;
	color: #888;
}

/* Element wrapper */

.sp-wrap {

	line-height: 0;
	font-size: 0;
	/*background: #00cc7e;
	border-bottom: 4px solid #00cc7e;
	border-right: 4px solid #009D66;
	border-top: 4px solid #009D66;
	border-left: 4px solid #00cc7e;
	border-radius: 3px;*/
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	/**************
	  Set max-width to your thumbnail width
	***************/
	
	max-width: 333px;
}

/* Thumbnails */

.sp-thumbs {
	text-align: left;
	display: inline-block;
}
.sp-thumbs img {
	min-height: 50px;
	min-width: 50px;
	max-width: 50px;
}
.sp-thumbs img {opacity: .5;
    -webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 50px;
	height: 50px;
	overflow: hidden;
	
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
    pointer-events:none;
}
.sp-thumbs a:hover, .sp-thumbs img:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}
.sp-large a img {
	max-width: 100%;
	height: auto;
}
.sp-large a {
	display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
	/*position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
    */
    display:inline-block;
	
}
/* Lightbox */
.sp-zoom > img {
    max-width: 320px;
    width: 100%;
}
.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 500;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	/*bottom: 0;*/
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	/*top: 50%;
	margin-top: -25px;*/
	top:200px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #00cc7e;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}



@media (max-width: 1099px) {
    .scroll-img ul {max-height: 140px;
        overflow-y: scroll;}
    }
@media (max-width: 800px) {
	.mgContainer div.right {width:50%;max-width:none;}
    .mgContainer div.right .selectscroll{width:45%;}
    .mgContainer div.right img{margin:1em auto;}
    
    .mgContainer div.right > br{display:none;}
    .mgContainer div.left {width:50%;}
    .mgContainer div.mitte {width:100%;min-height:none;max-width:none;}
    .mgContainer {
    
        padding: 1em;
    }
    #navbar label{

        margin-right:.7em;

    }
}
    
@media (max-width: 580px) {
    .mgContainer  {margin-bottom: 80px;}
	.mgPhone .phonecall {display:inline;}
    .mgPhone .desktop {display:none;}
    .mgContainer div.left {width:100%;max-width:none;text-align:center;}
    .mgContainer div.mitte {width:100%;}
    .mgPhone {position: fixed;}
    .mgContainer div.right {
        max-width: none;
        width: 100%;
    }
    .sp-wrap {
        
        float: none;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
    }
    .mgFooter {display:none;}
    
}