/* eigene Schriftfarben */

:root {
    --menufarbe: #ffeb3b; 
    --menuout: #8c8c8c; 
    --menuschrift: black; 
    --websitehg: white; 
	--jmblau: #002080;
	--jmorange: #FF6600;
	--hellgrau: #f1f1f1;
}



/* * IVORY Framework * * A simple,flexible,powerful and fully responsive grid based front-end web framework * makes your web development faster and easier,& it takes you all the way from 1200px on down to 320px. * * Developed by Lakshmikanth Vallampati - kanth.vallampati@gmail.com * Licensed under GPLv2 * http://weice.in/ivory * */
/* ---------------------------------------- HTML RESET ----------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block }
body { background: #f9f9f9; font-family: sans-serif; color: #555; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100% }
label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
/* --------------------------------------- Clearfixes ------------------------------------------ */
.row:before, .row:after, .clearfix:before, .clearfix:after { content: ''; display: table; }
.row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }
/* --------------------------------------- GRID Layout ----------------------------------------- */
* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0 auto }
.grid { margin: 0 auto; max-width: 1200px; width: 100%; }
/* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.g1140 { margin: 0 auto; max-width: 1140px; width: 100%; }
.g1024 { margin: 0 auto; max-width: 1024px; width: 100%; }
.g960 { margin: 0 auto; max-width: 960px; width: 100%; }
.row { width: 100%; margin: 0 auto; }
.c1 { width: 8.33% }
.c2 { width: 16.66% }
.c3 { width: 25% }
.c4 { width: 33.33% }
.c5 { width: 41.66% }
.c6 { width: 50% }
.c7 { width: 58.33% }
.c8 { width: 66.66% }
.c9 { width: 75% }
.c10 { width: 83.33% }
.c11 { width: 91.66% }
.c12 { width: 100% }
.c1-5 { width: 20% }
/* This column can be used as a one fifth of the row */
.c1-8 { width: 12.5% }
/* This column can be used as a one eigth of the row */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 { min-height: 1px; float: left; padding-left: 10px; padding-right: 10px; position: relative; }
.row .row { margin-left: -10px }
	
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
/* ------------------------------------------ Misc ----------------------------------------- */
.left { float: left }
.right { float: right }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.space-top { margin-top: 20px }
.space-bot { margin-bottom: 20px }
.space-htop { margin-top: 10px }
.space-hbot { margin-bottom: 10px }
/* ------------------------------------------- Typography ---------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	font-style: normal; 
	color: #333; 
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
	margin-bottom: 14px; 
	margin-top: 14px; 
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #333; line-height: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
h1 { font-size: 36px; line-height: 48px; margin-bottom: 12px; }
h2 { font-size: 32px; line-height: 42px; margin-bottom: 8px; }
h3 { font-size: 27px; line-height: 36px; margin-bottom: 6px; }
h4 { font-size: 24px; line-height: 32px; margin-bottom: 4px; }
h5 { font-size: 20px; line-height: 27px; font-weight: bold; }
h6 { font-size: 16px; line-height: 27px; font-weight: bold; }
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { color: #2795b6 }
a:focus { outline: none; }
p { margin-bottom: 20px }
p a, p a:visited { line-height: inherit }
p.note { background-color: #f0f0f0; padding: 15px 10px 20px; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); }
p.alert { background-color: #fff6aa; border-color: #ffc814; padding: 15px 10px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); }
p.alert, p.alert * { color: #454545; text-shadow: 0 1px 0 rgba(255,255,255,0.6) !important; }
p.alert.success { background-color: #d7e87c; border-color: #97ae1e; }
p.alert.error { background-color: #edb39b; border-color: #ed6127; }
p.alert.info { background-color: #d9edf0; border-color: #b8e7f5; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 20px 0 -15px; height: 0; }
/* ----------------------------------------- Lists ------------------------------------------ */
#topNav ul, ol { list-style-position: inside; text-indent: 5px; }
ul, ol { margin-bottom: 8px }
ul li ul, ul li ol { margin-bottom: 0px }
ul.square, ul.circle, ul.disc { margin-left: 12px }
ul.square { list-style-type: square }
ul.square li ul { list-style: inherit }
ul.circle { list-style-type: circle }
ul.circle li ul { list-style: inherit }
ul.disc { list-style-type: disc }
ul.disc li ul { list-style: inherit }
ul.no-bullet { list-style: none }
ul.large li { line-height: 21px }
ol { margin-left: 10px }
ol li ul, ol li ol { margin-left: 10px; margin-bottom: 0; }
ul { list-style: none }
/* --------------------------------------- Form Elements ------------------------------------- */
img { border: 0px }
form { margin-bottom: 20px;  }
fieldset { margin-bottom: 20px }
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
select { 
	background: #ffffff; 
	border: 1px solid #ddd; 
	padding: 8px 8px; 
	vertical-align: middle; 
	outline: none; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	transition: border linear 0.4s,box-shadow linear 0.4s; 
	-o-transition: border linear 0.4s,box-shadow linear 0.4s; 
	-moz-transition: border linear 0.4s,box-shadow linear 0.4s; 
	-webkit-transition: border linear 0.4s,box-shadow linear 0.4s; 
	margin: 0; 
	width: 100%; 
	display: block; 
	margin-bottom: 20px; 
	color:#1b1b1b;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid; border-color: rgba(82,168,236,0.8); color: #444; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); }
textarea { min-height: 120px }
input[type="checkbox"] { display: inline }
label span, legend span { font-size: 12px; color: #444; }
/* ---- Alerts ---- */
.alert { padding: 10px; margin-bottom: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeee0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.success { color: #468847;background-color: #dff0d8;border-color: #d6e9c6;padding: 10px;font-weight: bold;margin-bottom: 10px;}
.error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.close {font-size: 20px;color: #333;float: right;}
/* ---- Accordion ---- */
.accordion { width: 100%; background: #fff; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.accordion p { height: 0; margin-bottom: 0px; padding: 0; color: #888; overflow: hidden; }
.accordion a { display: block; height: auto; padding: 5px; line-height: 24px; background-color: #eee; color: #333; text-decoration: none; text-align: center; border-bottom: 1px solid #aaa; }
.accordion a:hover, .accordion a:focus { opacity: .9; color: #ooo; }
.accordion a:active { color: #000 }
.accordion :target + p { padding: 10px 15px; border-bottom: 1px solid #ccc; height: auto; }
.accordian { }
.accordian li { list-style-type: none; padding: 10px 5px 10px 10px; }
.dimension { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.even, .odd { font-weight: bold; height: 47px; padding-top: 3px; padding-left: 10px; }
.even { border: 1px solid #d8d8d8; background-color: #ececec; }
.odd { border: 1px solid black; background: #333; color: white; }
/* -------------------------------------------- Buttons ---------------------------------------- */
.button { font-size: 14px; background: #333; color: #fff; border: 0px; line-height: 30px; padding-left: 15px; padding-right: 15px; cursor: pointer; }
.button:hover { opacity: 0.8 }
button { 
	display: inline-block; 
	padding: 7px 20px; 
	margin-bottom: 10px; 
	font-size: 14px; 
	line-height: 20px; 
	color: #333; 
	text-align: center; 
	vertical-align: middle; 
	cursor: pointer; 
	background-color: #eee; 
	background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e6e6e6)); 
	background: -moz-linear-gradient(top,#eee,#e6e6e6); 
	border: 1px solid #bbbbbb; 
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); 
	border-color: #eee,#eee,#d4d4d4; 
	border-radius: 4px; 
	-o-border-radius: 4px; 
	-ms-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); 
	filter: progid:dximagetransform.microsoft.gradient(enabled=false); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); 
}
button:hover, button:active { 
	background: #eee; 
	background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#f8f8f8)); 
	background: -moz-linear-gradient(top,#eee,#f8f8f8); 
}
button.large { padding: 10px 35px; font-size: 15px; }
button.small { padding: 3px 13px; font-size: 13px; }
button.skyblue { /* --- skyblue color button --- */ color: #fff !important; background-color: #26a2b6; background: -moz-linear-gradient(#34bac9,#26a2b6); background: -webkit-gradient(linear,left top,left bottom,from(#34bac9),to(#26a2b6)); background: -webkit-linear-gradient(#34bac9,#26a2b6); background: -o-linear-gradient(#34bac9,#26a2b6); background: -ms-linear-gradient(#34bac9,#26a2b6); background: linear-gradient(#34bac9,#26a2b6); }
button.skyblue:hover, button.black:active { background: #a9016b; background: -webkit-gradient(linear,left top,left bottom,from(#26a2b6),to(#34bac9)); background: -moz-linear-gradient(top,#26a2b6,#34bac9); }
button.blue { /* --- blue color button --- */ color: #fff !important; background-color: #008fd5; background: -webkit-gradient(linear,left top,left bottom,from(#008fd5),to(#0085c6)); background: -moz-linear-gradient(top,#008fd5,#0085c6); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; }
button.blue:hover, button.blue:active { background: #008fd5; background: -webkit-gradient(linear,left top,left bottom,from(#008fd5),to(#009de9)); background: -moz-linear-gradient(top,#008fd5,#009de9); }
button.green { /* --- green color button --- */ color: #fff !important; background-color: #46a546; background: -webkit-gradient(linear,left top,left bottom,from(#46a546),to(#419a41)); background: -moz-linear-gradient(top,#46a546,#419a41); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; }
button.green:hover, button.green:active { background: #46a546; background: -webkit-gradient(linear,left top,left bottom,from(#46a546),to(#4cb34c)); background: -moz-linear-gradient(top,#46a546,#4cb34c); }
button.yellow { /* --- yellow color button --- */ color: #fff !important; background-color: #f0bf4a; background: -moz-linear-gradient(#f0c930,#f0bf4a); background: -webkit-gradient(linear,left top,left bottom,from(#f0c930),to(#f0bf4a)); background: -webkit-linear-gradient(#f0c930,#f0bf4a); background: -o-linear-gradient(#f0c930,#f0bf4a); background: -ms-linear-gradient(#f0c930,#f0bf4a); background: linear-gradient(#f0c930,#f0bf4a); }
button.yellow:hover, button.black:active { background: #f0bf4a; background: -webkit-gradient(linear,left top,left bottom,from(#f0bf4a),to(#f0c930)); background: -moz-linear-gradient(top,#f0bf4a,#f0c930); }
button.orange { /* --- orange color button --- */ color: #fff !important; background-color: #ff5c00; background: -moz-linear-gradient(#ff6f40,#ff5c00); background: -webkit-gradient(linear,left top,left bottom,from(#ff6f40),to(#ff5c00)); background: -webkit-linear-gradient(#ff6f40,#ff5c00); background: -o-linear-gradient(#ff6f40,#ff5c00); background: -ms-linear-gradient(#ff6f40,#ff5c00); background: linear-gradient(#ff6f40,#ff5c00); }
button.orange:hover, button.black:active { background: #d798d1; background: -webkit-gradient(linear,left top,left bottom,from(#ff5c00),to(#ff6f40)); background: -moz-linear-gradient(top,#ff5c00,#ff6f40); }
button.red { /* --- red color button --- */ color: #fff !important; background-color: #bd362f; background: -webkit-gradient(linear,left top,left bottom,from(#bd362f),to(#b1322c)); background: -moz-linear-gradient(top,#bd362f,#b1322c); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; }
button.red:hover, button-red:active { background: #bd362f; background: -webkit-gradient(linear,left top,left bottom,from(#bd362f),to(#cc3b34)); background: -moz-linear-gradient(top,#bd362f,#cc3b34); }
button.magenta { /* --- magenta color button --- */ color: #fff !important; background-color: #b9298f; background: -moz-linear-gradient(#b93180,#b9298f); background: -webkit-gradient(linear,left top,left bottom,from(#b93180),to(#b9298f)); background: -webkit-linear-gradient(#b93180,#b9298f); background: -o-linear-gradient(#b93180,#b9298f); background: -ms-linear-gradient(#b93180,#b9298f); background: linear-gradient(#b93180,#b9298f); }
button.magenta:hover, button.black:active { background: #b9298f; background: -webkit-gradient(linear,left top,left bottom,from(#b9298f),to(#b9358f)); background: -moz-linear-gradient(top,#b9298f,#b9358f); }
button.black { /* --- black color button --- */ color: #fff !important; background-color: #111; background: -moz-linear-gradient(#222,#111); background: -webkit-gradient(linear,left top,left bottom,from(#222),to(#111)); background: -webkit-linear-gradient(#222,#111); background: -o-linear-gradient(#222,#111); background: -ms-linear-gradient(#222,#111); background: linear-gradient(#222,#111); }
button.black:hover, button.black:active { background: #222; background: -webkit-gradient(linear,left top,left bottom,from(#222),to(#333)); background: -moz-linear-gradient(top,#222,#333); }
/* --------------------------------------- Table ------------------------------------------ */
table { 
	*border-collapse: collapse; /* IE7 and lower */ 
	border-spacing: 0; 
	width: 100%; 
	border: solid #ccc 1px; 
}
td, th { 
	border: 1px solid #ccc; 
	padding: 10px; 
	text-align: left; 
}
th { 
	background-color: #faf9e9; 
}
/* ----------------------------------------- Tabs ----------------------------------------- */
.tab-page p { padding: 20px }
.tab-container { position: relative }
/* You have to change the height based on your content */
.tab-container .tab-radio { display: none }
.tab-container .tab { 
	display: block; 
	float: left; 
	position: relative; 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	border: 1px solid #cfd2d7; 
	color: #888; 
	margin-top: -10px; 
	margin-right: 1.0%; 
	padding: 5px 20px; 
	text-decoration: none; 
	text-align: center; 
	cursor: pointer; 
	background-color: #eee; 
}
.tab-container .tab-radio:checked ~ .tab, .tab-container .tab-radio:active ~ .tab { background-color: #fff; z-index: 100; border-bottom: 1px solid #fff; }
.tab-container .tab-radio:checked ~ .tab { background-color: #fff; color: #333; }
.tab-container .tab-page { visibility: hidden; background-color: #fff; color: #888; display: block; position: absolute; top: 22px; height: auto; width: 100%; float: left; padding: 5px; border: 1px solid #ddd; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.tab-container .tab-radio:checked ~ .tab-page { visibility: visible }

/* MENUS ================================================== */
/* JS disabled styles */
/* base nav styles */
div.slide img { float: left; margin: 8px 5px 30px; }
blockquote.testimonial-wrap.testimonial { position: relative; display: table; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); font-size: 15px; line-height: 22px; background: #ebebeb; color: #545454; text-shadow: 0 1px 0 #fff; margin-bottom: 22px; }
blockquote.testimonial-wrap .testimonialdiv.valign { display: table-cell; vertical-align: middle; }
blockquote.testimonial-wrap .testimonial:after { position: absolute; z-index: 1; content: ' '; width: 14px; height: 14px; bottom: -14px; left: 28px; background: transparent 0 0; }
blockquote.testimonial-wrap .testimonial-profile { position: relative; min-height: 60px; padding-left: 70px; line-height: 1em; }
blockquote.testimonial-wrap .testimonial-profile img.profile-pic { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 5px solid #ebebeb; }
blockquote.testimonial-wrap .testimonial-profile img.profile-country { position: absolute; top: 7px; right: 0; width: 16px; height: 11px; }
blockquote.testimonial-wrap .testimonial-profilediv.name { 
	color: #ff7200; 
	font-size: 14px; 
	padding-top: 5px;
}
blockquote.testimonial-wrap .testimonial-profilediv.restaurant { font-size: 13px; margin-top: 5px; line-height: 20px; }
#testimonials { position: relative; z-index: 0; }
.testimonial h6 { line-height: 0; margin-top: 5px; }
.main-cta-button { position: relative; z-index: 50; top: -18px; margin: 0 auto; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; padding: 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.15); cursor: pointer; cursor: hand; background-color: #ee6100; background-repeat: repeat-x; background-image: -khtml-gradient(linear,left top,left bottom,from(#ff9422),to(#ee6100)); background-image: -moz-linear-gradient(top,#ff9422,#ee6100); background-image: -ms-linear-gradient(top,#ff9422,#ee6100); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9422),color-stop(100%,#ee6100)); background-image: -webkit-linear-gradient(top,#ff9422,#ee6100); background-image: -o-linear-gradient(top,#ff9422,#ee6100); background-image: linear-gradient(top,#ff9422,#ee6100); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9422',endColorstr='#ee6100',GradientType=0); border-color: #ee6100 #ee6100 #a24200; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.15); }
.main-cta-button:hover { background-color: #ff7200; background-repeat: repeat-x; background-image: -khtml-gradient(linear,left top,left bottom,from(#ffa533),to(#ff7200)); background-image: -moz-linear-gradient(top,#ffa533,#ff7200); background-image: -ms-linear-gradient(top,#ffa533,#ff7200); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa533),color-stop(100%,#ff7200)); background-image: -webkit-linear-gradient(top,#ffa533,#ff7200); background-image: -o-linear-gradient(top,#ffa533,#ff7200); background-image: linear-gradient(top,#ffa533,#ff7200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa533',endColorstr='#ff7200',GradientType=0); border-color: #ff7200 #ff7200 #b35000; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); }
.theme-thumb-wrap { position: relative; width: 300px; height: 223px; }
.primarycolor { color: #fe9120 }
/* NICE TABS ================================================== */
#tabs { }
.container { border-top-right-radius: 7px; margin-top: 37px; border: 1px solid #eee; padding: 20px 20px 0px; background: #fff; }
#tabs li { float: left; list-style: none; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#tabs li a { font-size: 13px; font-weight: bold; color: #000000; padding: 7px 14px 6px 12px; display: block; background: #FFFFFF; border-top-left-radius: 3px; border-top-right-radius: 3px; text-decoration: none; background: -moz-linear-gradient(top, #ebebeb, white 10%); background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white)); border-top: 1px solid white; text-shadow: -1px -1px 0 #fff; outline: none; }
#tabs li a.inactive { color: #333; background: #f3f3f3; border-top: 1px solid white; }
#tabs li a:hover, #tabs li a.inactive:hover { color: #000000 }


/* CAROUSEL ================================================== */
.list_carousel {
	margin-left: 0px; 
	margin-bottom: 20px;
}
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { 
	width: initial; 
	display: block; 
	float: left; 
	margin-left: 0px; 
	cursor: default !important; 
	height: auto;
}

.list_carousel.addmargin li{
    margin: 0;
	padding:10px;
}
ul.sw_main_top_artikel_slide li{
	margin:0 0 0 10px;
}

div.main_carousel_top div.space-top{
	margin-top:13px;
}

.list_carousel.responsive { width: auto; margin-left: 0px; }
.clearfix { float: none; clear: both; }
.list_carousel .carousel_nav { 
	position: absolute; 
	padding-right: 50px; 
	right: 0; 
	top: -56px; 
	background: transparent; 
	padding-left: 5px; 
}


a.prev, a.next { background: url(pix/carousel_arrows.png) no-repeat #444; width: 24px; height: 24px; display: block; position: relative; float: left; margin-left: 3px; -webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box;; }
a.prev:hover, a.next:hover { background-color: #0E8FAB }
a.prev { background-position: -2px 0 }
a.prev.disabled { background-color: #555 }
a.next { background-position: -22px 0 }
a.next.disabled { background-color: #555 }
a.prev.disabled, a.next.disabled { cursor: default }
a.prev span, a.next span { display: none }
.pager { float: left; width: 300px; text-align: center; }
.pager a { margin: 0 5px; text-decoration: none; }
.pager a.selected { text-decoration: underline }
.timer { background-color: #999; height: 6px; width: 0px; }
.testimonials .list_carousel li { width: 330px }
.carousel-content { float: left; width: 100%; }
.featured-projects { 
	background: #fff; 
	font-size: 12px; 
	text-align: center; 
	overflow: hidden; 
	position: relative; 
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
}
.featured-projects:hover { }
.featured-projects-image { padding: 0px }
.featured-projects-image img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.featured-projects-image a { display: block }
.featured-projects-content { padding: 0 10px }
.featured-projects-content p { margin-bottom: 10px }
.featured-projects-content h1 { font-size: 13px; line-height: 1; font-weight: bold; }
.featured-projects-content h1 a { padding-bottom: 10px; border-bottom: 1px solid #eee; display: block; color: #222; }
.small { font-size: 12px }
/* FOOTER ================================================== */
#wrapfooter { 
	background-color: #222; 
	
}
#footer .title { font-size: 15px; color: #fff; border-bottom: solid #333 1px; padding-bottom: 3px; width: 90%; }
.footerstress { border: solid #0E8FAB; border-width: 1px 0 0; clear: both; margin: -9px 0px 17px; height: 0; width: 50%; }
#footer [class^="icon-"], #footer [class*=" icon-"] { margin-right: 7px }
#footer { padding: 15px 0px 15px; color: #777; }
#footer a { color: #888 }
#footer li { list-style: none; float: left; padding-right: 15px; }
#footer li a { color: #888 }
#footer h1 { font-size: 15px; color: #ddd; margin-bottom: 20px; margin-top: 0px; -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(40%,#000),color-stop(100%,rgba(0,0,0,0.5))); }
.copyright { 
	background-color: #111; 
	color: #808080; 
	padding: 10px 0; 
	font-size: 12px; 
	border-top: 1px solid #292929; 
}
.copyright a { color: #808080 }
.textareafooter { background: #3F3F3F !important; border: #444 1px solid !Important; color: #999 !important; }
#footer ul.social-links li { border-radius: 50% }
.back-top-wrapper { width: 100%; position: absolute; overflow: hidden; height: 40px; display: block; }
.back-top { bottom: 80px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }
.back-top a { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #333 url(pix/up-arrow.png) no-repeat center center; border-radius: 0px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; opacity:0.4; border-radius: 3px;; }
.back-top a:hover { background-color: #333 } /* arrow icon (span tag) */
.back-top span { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; ; }
/* Footer Social ---------------------- */
ul.social-links li { background: #333; float: left; font-size: 12px; list-style: none; width: 32px; height: 32px; text-indent: -9999px; margin: 0px 0px 5px 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 10px; border-radius: 50%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden; }
ul.social-links li:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
ul.social-links>li.facebook-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #415b92; }
ul.social-links>li.twitter-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #10A3C3; }
ul.social-links>li.google-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #f54a35; }
ul.social-links>li.dribbble-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #fd83af; }
ul.social-links>li.vimeo-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #1ab7ea; }
ul.social-links>li.skype-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #56cbf7; }
ul.social-links li a { width: 32px; height: 32px; display: block; }
ul.social-links>li.rss-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #ff8500; }
ul.social-links>li.linkedin-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #007fc5; }
ul.social-links>li.pinterest-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #e63037; }

/* ACCORDION ================================================== */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
ul.accordion>li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion>li>div.title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion>li>div.title h1, ul.accordion>li>div.title h2, ul.accordion>li>div.title h3, ul.accordion>li>div.title h4, ul.accordion>li>div.title h5 { margin: 0 }
ul.accordion>li>div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion>li .content { display: none; padding: 15px; }
ul.accordion>li.active { border-top: 3px solid #2ba6cb }
ul.accordion>li.active .title { background: white; padding-top: 13px; }
ul.accordion>li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
ul.accordion>li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
/* TESTIMONIALS ================================================== */
.testimonial { padding: 20px 25px; background-color: #f2f2f2; /*Change colour here and in .arrow-down*/ float: left; color: #555; text-shadow: 1px 1px 0 #ffffff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.author-wrapper { width: 100%; margin-bottom: 20px; float: left; }
.arrow { float: left; margin-left: 25px; width: 0; height: 0; border-top: 30px solid #f2f2f2; /*Change colour here to match .testimonial*/ border-left: 30px solid transparent; border-right: 0px solid transparent; /*Make this 30px to create a triangle*/ }
.testimonial-name { float: left; margin: 0 8px; color: #0E8FAB; padding-top: 5px; font-size: 15px; font-weight: bold; }
.testimonial-name span { color: #555; font-weight: normal; }
.hirefor { margin-bottom: 10px }
/* PRICING TABLES ================================================== */
.vuzz-pricing-table { list-style: none; margin: 0; padding: 0; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.vuzz-pricing-table div { list-style: none }
.vuzz-pricing-table>div { margin-right: 2%; list-style: none; text-shadow: none; margin-bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05); border-top: #0E8FAB 3px solid; border: 1px solid #e6e6e6; }
.vuzz-pricing-table:hover { webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); z-index: 1; }
.vuzz-pricing.popular { webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); box-shadow: 0 0 20px 0 rgba(0,0,0,0.4); z-index: 1; }
.vuzz-pricing-table .vuzz-pricing-header { text-align: center; padding: 20px 0 0px; }
.vuzz-pricing-table .vuzz-pricing-header h5 { color: #333; font-size: 1.313em; margin: 0; padding: 0 20px 20px; }
.vuzz-pricing-table .vuzz-pricing-cost { color: #fff; font-size: 1.500em; line-height: 1em; padding-top: 20px; background: #0E8FAB; }
.vuzz-pricing-table .vuzz-pricing-per { font-size: 0.786em; color: #fff; background: #0E8FAB; padding-bottom: 10px; }
.vuzz-pricing-table .vuzz-pricing-content { background: #fff; font-size: 0.857em; text-align: center; }
.vuzz-pricing-table .vuzz-pricing-content ul { margin: 0 !important; list-style: none !important; }
.vuzz-pricing-table .vuzz-pricing-content ul li { margin: 0 !important; padding: 10px 20px !important; border-bottom: 1px solid #eee; list-style: none !important; }
.vuzz-pricing-table .vuzz-pricing-content ul li:nth-child(2n+2) { background: #F9F9F9 }
.vuzz-pricing-table .vuzz-pricing-button { background: #fff; text-align: center; border-top: 1px solid #fff; padding: 20px; }
.vuzz-pricing-table .vuzz-pricing-button .vuzz-button { float: none; margin: 0 auto; }
#pricing-table { text-align: center; width: 100%; }
#pricing-table .plan { font: 12px 'Lucida Sans','trebuchet MS',Arial,Helvetica; background: #fff; border: 1px solid #eee; color: #333; padding: 20px; float: left; position: relative; width: 25%; }
#pricing-table #most-popular { z-index: 2; top: -13px; border-width: 3px; padding: 30px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15); -webkit-box-shadow: 20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15); box-shadow: 20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15); }
#pricing-table .plan:nth-child(1) { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#pricing-table .plan:nth-child(4) { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
/* --------------- */
#pricing-table h3 { font-size: 20px; font-weight: normal; padding: 20px; margin: -20px -20px 50px -20px; color: #333; background-color: #eee; background-image: -moz-linear-gradient(#fff,#eee); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(#fff, #eee); background-image: -o-linear-gradient(#fff, #eee); background-image: -ms-linear-gradient(#fff, #eee); background-image: linear-gradient(#fff, #eee); }
#pricing-table #most-popular h3 { background-color: #ddd; margin-top: -30px; padding-top: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#pricing-table .plan:nth-child(1) h3 { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }
#pricing-table .plan:nth-child(4) h3 { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
#pricing-table h3 span { display: block; font: bold 25px/100px Georgia,Serif; color: #777; background: #fff; border: 5px solid #fff; height: 100px; width: 100px; margin: 10px auto -65px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; -webkit-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; }
/* --------------- */
#pricing-table ul { margin: 20px 0 0 0; padding: 0; list-style: none; }
#pricing-table li { border-top: 1px solid #ddd; padding: 10px 0; }
/* --------------- */
#pricing-table .signup { position: relative; padding: 8px 20px; margin: 20px 0 0 0; color: #fff; font: bold 14px Arial,Helvetica; text-transform: uppercase; text-decoration: none; display: inline-block; background-color: #72ce3f; background-image: -moz-linear-gradient(#72ce3f,#62bc30); background-image: -webkit-gradient(linear,left top,left bottom,from(#72ce3f),to(#62bc30)); background-image: -webkit-linear-gradient(#72ce3f,#62bc30); background-image: -o-linear-gradient(#72ce3f,#62bc30); background-image: -ms-linear-gradient(#72ce3f,#62bc30); background-image: linear-gradient(#72ce3f,#62bc30); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7); box-shadow: 0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7); }
#pricing-table .signup:hover { background-color: #62bc30; background-image: -moz-linear-gradient(#62bc30,#72ce3f); background-image: -webkit-gradient(linear,left top,left bottom,from(#62bc30),to(#72ce3f)); background-image: -webkit-linear-gradient(#62bc30,#72ce3f); background-image: -o-linear-gradient(#62bc30,#72ce3f); background-image: -ms-linear-gradient(#62bc30,#72ce3f); background-image: linear-gradient(#62bc30,#72ce3f); }
#pricing-table .signup:active, #pricing-table .signup:focus { background: #62bc30; top: 2px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.7) inset; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7) inset; box-shadow: 0 0 3px rgba(0,0,0,.7) inset; }
/* --------------- */
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both }
.clear { zoom: 1 }
/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
* { margin: 0; padding: 0; border: none; outline: none; }
/*General Mosaic Styles*/
.mosaic-block { position: relative; overflow: hidden; width: 100%; height: 190px; border: 0px; }
.mosaic-backdrop { display: block; position: absolute; top: 0; height: 100%; width: 100%; background: #0E8FAB; }
.mosaic-backdrop .details { padding: 20px; color: #fff; }
.mosaic-backdrop .details a { color: #fff }
.mosaic-backdrop .mosaiclink { background: #fff; color: #0E8FAB; padding: 5px 10px; font-weight: bold; font-size: 15px; }
.mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #111; }

.mosaic-backdrop.blue { background: #0E8FAB }
.mosaic-backdrop.blue .mosaiclink { color: #0E8FAB }

.mosaic-backdrop.orange { background: orange }
.mosaic-backdrop.orange .mosaiclink { color: orange }

.mosaic-backdrop.green { background: #3cb371 }
.mosaic-backdrop.green .mosaiclink { color: #3cb371 }

.mosaic-backdrop.orangered { background: orangered }
.mosaic-backdrop.orangered .mosaiclink { color: orangered }

.mosaic-backdrop.purple { background: #964c96 }
.mosaic-backdrop.purple .mosaiclink { color: #964c96 }

.mosaic-backdrop.black { background: #333 }
.mosaic-backdrop.black .mosaiclink { color: #333 }

.mosaic-backdrop.gold { background: #b8860b }
.mosaic-backdrop.gold .mosaiclink { color: #b8860b }

.mosaic-backdrop.red { background: #F45B4D }
.mosaic-backdrop.red .mosaiclink { color: #F45B4D }

.mosaic-backdrop.teal { background: #70acab }
.mosaic-backdrop.teal .mosaiclink { color: #70acab }

.mosaic-backdrop.tealdark { background: #008782 }
.mosaic-backdrop.tealdark .mosaiclink { color: #008782 }

.mosaic-backdrop.aqua { background: #66cdaa }
.mosaic-backdrop.aqua .mosaiclink { color: #66cdaa }

.mosaic-backdrop.brown { background: #e59a47 }
.mosaic-backdrop.brown .mosaiclink { color: #e59a47 }

.mosaic-backdrop.lila { background: #b28eb4 }
.mosaic-backdrop.lila .mosaiclink { color: #b28eb4 }

.mosaic-backdrop.yellow { background: #daa520 }
.mosaic-backdrop.yellow .mosaiclink { color: #daa520 }

/* BOXES ================================================== */
.insetbox { padding: 15px; background-color: #F5F5F5; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.insetbox:hover { color: #fff; background: #222; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.insetbox:hover h5 { color: #fff; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.noshadowbox { 
	padding: 0 15px 15px 15px; 
	background-color: #F5F5F5; 
	text-align: center; 
	border: 0; 
	border-top: 0px; 
}
.noshadowbox h5 { font-size: 20px; line-height: 35px; margin-top: 0px; padding-top: 20px; }
.bottomlink { margin-bottom: -12px; text-align: right; margin-right: -15px; }
/* TWITTER 
================================================== */
#ticker { height: 146px; overflow-y: hidden; position: relative; }
#ticker ul.tweet_list { position: absolute; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#ticker ul.tweet_list li { height: 146px }
.tweet, .query { }
.tweet_list { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; list-style: none; margin: 0; padding: 0; overflow-y: hidden; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none; }
.tweet_list li a { color: #0C717A }
.tweet_list .tweet_even { }
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle; margin-top: 4px; border-radius: 45%; }
/* Buttons
================================================== */
.vuzz-button { margin: 5px 5px 5px 0; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); outline: none; border: 1px solid #7e7e7e; border-radius: 3px; background: #aaaaaa; text-decoration: none !important; background: -moz-linear-gradient(top,  #aaaaaa 0%, #7e7e7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#7e7e7e)); background: -webkit-linear-gradient(top,  #aaaaaa 0%,#7e7e7e 100%); background: -o-linear-gradient(top,  #aaaaaa 0%,#7e7e7e 100%); background: -ms-linear-gradient(top,  #aaaaaa 0%,#7e7e7e 100%); background: linear-gradient(to bottom,  #aaaaaa 0%,#7e7e7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#7e7e7e',GradientType=0 ); border: 1px solid #7e7e7e; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.vuzz-button span.vuzz-button-inner { display: block; color: #fff; padding: 10px 20px 12px; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); border-radius: 3px; }
.vuzz-button:active { text-decoration: none; background: #7e7e7e; background: -moz-linear-gradient(top,  #7e7e7e 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top,  #7e7e7e 0%,#aaaaaa 100%); background: -o-linear-gradient(top,  #7e7e7e 0%,#aaaaaa 100%); background: -ms-linear-gradient(top,  #7e7e7e 0%,#aaaaaa 100%); background: linear-gradient(to bottom,  #7e7e7e 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#aaaaaa',GradientType=0 ); }
.vuzz-button:hover { text-decoration: none; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; }
.rotate { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden; }
.rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
/* ISOTOPE
================================================== */
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.boxtwocolumns { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; height: 350px; }
.boxthreecolumns { width: 33.33%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.boxfourcolumns { float: left; padding-left: 10px; padding-right: 10px; width: 24.99%; display: inline-block; margin-bottom: 20px; position: relative; z-index: 0; }
.boxfivecolumns { width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.boxcontainer { background: #fff; font-size: 12px; text-align: center; border: 1px solid #eee; border-bottom: double #ddd; }
.boxcontainer2col { height: 350px }
.mosaicover2col { height: 260px }
.mosaicover4col { height: 180px }
.mosaicover5col { height: 140px }
.boxcontainer p { margin-bottom: 10px }
.boxcontainer h1 { font-size: 13px; line-height: 1; font-weight: bold; padding-left: 10px; padding-right: 10px; }
.boxcontainer h1 a { padding-bottom: 10px; border-bottom: 1px solid #eee; display: block; color: #222; }
#content { width: 100%; margin-top: 10px; z-index: 0; }
#nav ul li a { float: left; margin-right: 15px; padding: 6px 10px; color: #333; border-radius: 3px; box-shadow: 1px 2px 5px #ccc; }
.selected { background: #444; color: #fff !Important; box-shadow: 2px 3px 5px #999 !Important; }

/* ============ TIMELINE NEWS============= */
div#timelineContainer { }
div.timelineToggle {  margin-right: 0; white-space: nowrap; }
a.expandAll { color: #fff!important; cursor: pointer; background: #0E8FAB; border: none; font-size: 12px; padding: 7px 10px; }
a.expandAll:hover { border: none!important; color: #fff!important; cursor: pointer; }
div.timelineMajor { clear: left; float: left; margin: 0 0 12px; width: 900px; border-left: 2px solid #CCC; }
.timelineMajor h2 { color: #7097AF!important; cursor: pointer; font-size: 20px; margin: 0 0 10px!important; padding: 4px 4px 4px 20px!important; }
.timelineMajor h2 span { background: #eee; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #131313; letter-spacing: .1em; line-height: 1.7em; padding: 10px; font-size: 20px; font-weight: normal; }
.timelineMajor h2 a:hover { border-bottom: none; color: #00baff!important; }
dl.timelineMinor { clear: left; float: left!important; margin: 0 12px 0 0!important; padding: 4px 4px 4px 0!important; position: relative; width: 880px; }
.timelineMinor dt { clear: left; font-size: 1.6em!important; list-style-type: none!important; line-height: 1.2em; margin: 0 0 12px!important; padding: 0 0 0 24px!important; white-space: nowrap; }
.timelineMinor dt a { color: #999; cursor: pointer; }
.timelineMinor dt a.closed { color: #999; font-size: 1em; margin-left: 0; }
.timelineMinor dt a.open { color: #7DBADF }
.timelineMinor dt a:hover { color: #7DBADF }
.timelineMinor dd { padding-left: 24px; width: 100%; }
.timelineMinor dd h3 { color: #777; clear: both; float: left; font-size: 17px; margin: 0; white-space: nowrap; }
.timelineEvent p { clear: left; float: left; line-height: 1.8em!important; margin: 6px 0 10px; }
.timelineEvent h4 { clear: left; float: left; font-size: 1.4em!important; font-weight: 400; margin: 10px 0 0; padding: 0 0 0 20px!important; }
.timelineEvent blockquote { clear: left; float: left; padding: 0 30px; width: 400px; }
.timelineEvent blockquote * { float: none; width: 400px; }
.timelineEvent ul.moreInfo { clear: left; float: left; line-height: 1.2em; list-style-type: none; margin: 0!important; padding: 0!important; width: 100%; }
.timelineEvent ul.moreInfo li { clear: left; background: none!important; font-size: 1em!important; line-height: 1.5em; margin: 8px 0!important; padding: 0 0 0 20px!important; }
.timelineEvent ul.moreInfo li a:link, .timelineEvent ul.moreInfo li a:visited { color: #7097af!important }
.timelineEvent ul.moreInfo li a:hover { color: #7DBADF!important }
.timelineEvent div.media { float: right; padding: 0 0 12px; width: 300px; }
.timelineEvent .media img { border: 2px solid #000; margin: 0; }
.timelineEvent .media p { font-size: 1.2em; margin: 0!important; padding: 0!important; }
.timelineEvent .media a:link, .timelineEvent .media a:visited { border: none!important; color: #ab221b!important; }
.timelineEvent .media a:hover { color: #7DBADF!important }
.timelineEvent .media p span.source { font-style: italic }
/* ============ FAQ============= */
.faqs dl { margin-bottom: 20px }
.faqs dl, .faqs dt, .faqs dd { padding: 0; margin: 0; }
.faqs { padding-top: 20px; padding-top: 20px; border: 1px solid #eee; padding: 20px; }
.faqstitle { color: #333; font-size: 15px; padding-bottom: 20px; line-height: 0; padding-top: 20px; background: #eee; padding-left: 20px; padding-right: 20px; margin-bottom: -5px; border: 1px solid #e7e7e7; font-weight: bold; }
.faqs dt { font-size: 13px; padding: 3px 0 15px 30px; position: relative; }
.faqs dt:hover { cursor: pointer }
.faqs dd { padding: 0 0 5px 30px; position: relative; line-height: 1.8; }
.faqs .hover { color: #0E8FAB }
.faqsicon { float: left; margin-top: -9px !Important; padding-right: 10px; font-size: 18px; }
/* ============ OTHER ============= */
.gmap { background: white; border: 1px solid #ccc; padding: 4px; width: 100%; height: 374px; }
.done { display: none }
.frontbox { background: #f6f6f6; padding: 0 0px 20px; -webkit-transition-property: background color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 1s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 1s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 1s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 1s; transition-timing-function: ease; text-align: center; box-shadow: inset 0 1px #fff,0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff,0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff,0 1px 3px rgba(34,25,25,0.4); }
.frontbox:hover { background: #fe9120; color: #fff; }
ul.teambox { padding-left: 25px }
.teamimage { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); margin-bottom: -6px; opacity: 1; }
#social-menu li, .teambox li { list-style: none; font-size: 19px; opacity: 0.7; color: #fff; float: left; }
#social-menu li, .teambox li a { color: #333 }
#social-menu li a { color: #fff }
#social-menu li:hover { opacity: 1 }
.noleftmargin { padding-left: 0px }
.grayimage { -webkit-filter: grayscale(100%) }
.hometitlebg { 
	background: #0E8FAB;
	color: #fff; 
	margin-top: 0px; 
	text-align: center; 
	margin-bottom: 0px; 
}
.neutralbutton { background: #0E8FAB; color: #fff; padding: 5px 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.neutralbutton:hover { color: #fff; background: #333; }
.serviceicon { color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #0E8FAB; font-size: 25px; text-align: center; margin-bottom: 20px; padding-top: 12px; }
.subtitles { line-height: 27px; font-size: 15px; text-transform: uppercase; }
.titlehead { 
	margin-top: -50px; 
	margin-bottom: 0px; 
	color: #fff; 
	font-size: 26px; 
	padding-bottom: 25px; 
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); 
}
.rightareaheader { 
	float: right; 
	font-size: 15px; 
}
#skill { list-style: none; font-size: :12px; margin: 37px auto 0; position: relative; line-height: 2em; }
#skill li { margin-bottom: 25px; height: 35px; background: #eee; }
#skill li h3 { 
	position: relative; 
	font-size: 13px; 
	color: #fff; 
	margin-left: 10px; 
}

.bar { height: 35px; position: absolute; width: 100%; }
.progressdefault { background-color: #0E8FAB }
.progresspink { background-color: #f674a4 }
.progressorange { background: orange }
.progressgreen { background-color: #a1ce5b }
.progressblue { background-color: #0E8FAB }
.teamdescription { color: #111; text-align: center; padding-bottom: 10px; font-size: 13px; padding-top: 15px; border: 1px solid #eee; border-bottom: medium double #ddd; }
.teamdescription h1 { font-size: 15px; line-height: 0; font-weight: bold; border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-left: 10px; margin-right: 10px; }
.subtitle { border-bottom: #0E8FAB 1px solid; display: inline; padding-bottom: 14px; }
.marksubtitle { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 3px 0px 19px; height: 0; }
.pageline { clear: both; border-top: 1px solid #eee; margin: 0px auto; max-width: 1180px; margin-top: 15px; margin-bottom: 15px; }
.liner { clear: both; border-top: 1px solid #eee; margin-top: 20px; margin-bottom: 20px; }
.title { 
	font-size: 1.4em;
	margin-left: 0px;
}
.stitle::first-letter { border-top: 5px solid #F37342; padding-top: 15px; }
.wrapaction { padding-top: 10px; padding-left: 20px; border-left: #0E8FAB 2px solid; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 130px; padding-bottom: 20px; }
.wrapactiondefault { 
	padding-top: 10px; 
	padding-left: 20px; 
	border-left: #0E8FAB 2px solid; 
	border-right: 1px solid #eee; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee; 
	min-height: 130px; 
	padding-bottom: 20px; 
	background: url(pix/separators-blue.png) left top; 
}
.actionbutton { z-index: 50; display: inline; margin: 0 auto; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; padding: 15px 20px; color: #fff; cursor: pointer; cursor: hand; background-color: #0E8FAB; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.actionbutton:hover { opacity: 0.8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.actionbutton a, a.actionbutton { color: #fff }
.introtext { width: 75%; margin: 30px auto 0 auto; margin-bottom: 60px; padding: 0; font-size: 24px; font-weight: normal; color: #fff; text-align: center; line-height: 30px; text-shadow: 2px 2px 15px #333; }
.introtitle { margin: 0; padding: 25px 0 0; font-size: 47px; color: #FFF; text-align: center; text-shadow: 2px 2px 10px #333; }
.boxedshadow { background: url(pix/shfinal.png) no-repeat 50% 0; margin-top: -40px; min-height: 75px; opacity: 1.0; }
.homeicon { font-size: 25px; width: 55px !Important; margin-left: -10px; }
.logo { margin-top: 4px }
.wrapbox { background: #fff; padding-bottom: 30px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-top: -35px; }
.hrtitle { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 1px 0px 19px; height: 0; }
.stresstitle { border-bottom: #0E8FAB 1px solid; display: inline; padding-bottom: 10px; }
.royalheader { font-size: 25px; line-height: 25px; }
.shadowunderslider { background: url(pix/sh.png) no-repeat 50% 0; height: 30px; margin-top: -19px; }
.shadowundertop { background: url(pix/undersharea.png) no-repeat 50% 0; height: 40px; margin-top: 1px; }
.undermenuarea { background: #0E8FAB url(pix/pat.png) repeat;}
.undersliderblack { background: #2c2c2c; color: #999; }
.wrapcontentarea { background: #f8f8f8; margin-top: -40px; border-top: medium double #eee; padding: 0px 15px; }
.smallrightmargin { margin-right: 10px !Important }
.simplebox { background: #fff; border: 1px solid #eee; padding: 15px 20px; font-size: 13px; border-left: 1px solid #0E8FAB; line-height: 26px; color: #999; }
.simpleboxicon { font-size: 40px; float: left; padding-right: 20px; padding-bottom: 20px; color: #0E8FAB; }
.imgborder { border: 1px solid #e1e1e1; padding: 5px; }
.clientslogo { border-bottom: 1px solid #eee !Important }
.noleftmargin { margin-left: 0px }
.royalcontent { text-align: center; margin-bottom: 25px; }
.avatarspic { border: 1px solid #eee; float: left; width: 90px; height: 90px; border-radius: 50%; margin-right: 15px; }
.justabox { border: 1px solid #eee; padding: 15px; text-align: center; background: #fff; }
.maintitle { 
	padding: 0; 
	margin: 30px 0 30px 0 !important; 
	background: url(pix/separators-blue.png) left top; 
	font-size: 1.4em !important;
    line-height: 1.6em !important;
}
.maintitle span{
	font-size: 24px;
    padding: 0 0 0 15px;
    line-height: 50px;
    display: block;
}
.maintitle span.spansubue{
	display: inline-block;
	font-size:16px;
}
.maintitle span.spansubue i{
	font-size:12px;
	margin:0 5px 0 0;
}
.maintitle span.ps_artcount_anzahl{
    display: inline-block;
}
.maintitle.text-center span { padding-left: 10px }
.dropcap { float: left; font-size: 55px; line-height: 40px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
.leftsidebar { margin-right: 5% }
.rightsidebar { margin-left: 5% }
.option-set { padding-bottom: 30px }
.nopadding { padding: 0px }
.noborder { border: 0px }
.clear {clear:both;}
.error input,input.error,.error textarea,textarea.error{
	background-color: #ffffff;  
	border: 1px solid #eb9468 !Important;  
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
}
.error label,label.error{
	color:#c60f13;
}
.error small,small.error{
	display:block;padding:6px 4px;margin-top:-13px;margin-bottom:12px;background:#c60f13;color:#fff;font-size:12px;font-weight:bold;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px;}.error textarea:focus,textarea.error:focus{background:#fafafa;border-color: #b3b3b3;}

#artikelfilters_ajax_div{
	margin:20px 0 0 0;
}
.ajax_loading_area{
	display:inline-block;
	width:90%;
	max-height:300px;
	overflow:hidden;
	padding:0;
	margin: 0 0 15px 0;
	
}
.filterscroll{
	display:inline-block;
	width:100%;
	max-height:250px;
	overflow:auto;
	padding:10px 20px;
	border:1px solid #ccc;
	margin:0;
}

.ajax_loading_area b{
	
	display:inline-block;
	width:100%;
	line-height:30px;
	height:30px;
	font-size:18px;
	background-color:var(--jmblau);
	padding:0 20px;
	color:#fff;	
	
}

ul.ps_kat_subkatul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
li.ps_kat_subkatli{
	width:25%;
	float:left;
}

li.ps_kat_subkatli a{
	display:block;
	margin:0 auto;
}
li.ps_kat_subkatli a span{
	width: 98%;
    display: inline-block;
    margin: 0 1%;
    background-color: var(--jmblau);
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
span.ps_filter_ue_span i{
	margin:0 10px 0 0;
}
span.ps_filter_ue_span{
	line-height:1.4em;
	font-size:0.8em;
	height:1.4em;
	display:inline-block;
	width:100%;
	cursor:pointer;
}
a.ps_filter_select_a_alt{
	display:inline-block;
	font-size:10px;
	line-height:14px;
	border:1px solid #000;
	text-align:center;
	padding:0 5px;
	float:left;
	margin:0 2px 2px 0;
}

ul.artfilmerk{
	display:none; 
}

ul.artfilmerk li{
	list-style-type: none;
    margin: 5px 5px 5px 0;
    float: left;
}
ul.artfilmerk li a{
	display: inline-block;
    text-decoration: none;
	font-size:16px;
	line-height:24px;
	padding:0 10px;
	background-color:#0f78ba;
	color:#fff;
	min-width:43px;
	text-align:center;
}
ul.artfilmerk li a:hover{
	color:#0f78ba;
	background: var(--jmorange);
}
/*

SLIDER

*/


.da-slider{
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	margin-top: -70px;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
	z-index:0;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-link {

}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
	
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
color: #444;
font-size: 40px;
display: inline;
top: 60px;
white-space: nowrap;
z-index: 10;
font-weight: 800;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
COLOR:#FFF;
margin-left:18px;
text-transform: uppercase;
}
.da-slide p{
margin-left:23px;
width: 43%;
top: 155px;
color: #fff;
font-size: 18px;
line-height: 26px;
height: 80px;
overflow: hidden;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.da-slide .da-img{
	text-align: center;
	width: 30%;
	top: 20px;
	height: 256px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.da-slide .da-link{
	top: 270px;
	color: #fff;
	font-size: 20px;
	margin-left: 23px;
	display: inline;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	background: #333;
	text-transform: uppercase;
	line-height: 2;
	padding-left: 20px;
	padding-right: 20px;
}
.da-slide .da-link:hover{
	
	
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #eee;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #e4b42d;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
	display:none;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
	
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}



/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(pix/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}


/*

COLORS

*/

a.prev:hover,a.next:hover { background-color:#0E8FAB;}
.footerstress { border: solid #0E8FAB;border-width: 1px 0 0;clear: both;margin: -9px 0px 17px;}
.testimonial-name { color:#0E8FAB;}
.vuzz-pricing-table>div { border-top:#0E8FAB 3px solid;}
.vuzz-pricing-table .vuzz-pricing-cost {	background:#0E8FAB;}
.vuzz-pricing-table .vuzz-pricing-per {	background:#0E8FAB;}
.hometitlebg { background:#0E8FAB; }
.colortitlebg { background:#0E8FAB; }
.neutralbutton {	background:#0E8FAB;}
.serviceicon { background-color:#0E8FAB;}
.subtitle { border-bottom:#0E8FAB 1px solid;}
.wrapaction { border-left: #0E8FAB 3px solid;background:#fff;}
.actionbutton { background-color:#0E8FAB;}
.stresstitle { border-bottom:#0E8FAB 1px solid;}
.undermenuarea {	background: #0E8FAB url(pix/pat.png) repeat;}
.noshadowbox {background:#fff;}
a.expandAll, .progressdefault {background: #0E8FAB;}
.simplebox {border-left: 1px solid #0E8FAB;}
.simpleboxicon {color: #0E8FAB;}
.colorme { color:#0E8FAB;}
.buttonprice {background: #0E8FAB;color:#fff;border:0px;}
.wrapactiondefault {border-left: #0E8FAB 2px solid;}

/*

RESPONSIVE

*/


.selectnav { display: none; }
.showmobile {display:none;}


/*

MENU

*/



div.sw_main_menu_div .clearfix:after,
div.sw_main_menu_div .clearfix:before {
  content: '';
  display: table
}

div.sw_main_menu_div .clearfix:after {
  clear: both;
  display: block
}
div.sw_main_menu_div ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
div.sw_main_menu_div a, 
div.sw_main_menu_div a:hover, 
div.sw_main_menu_div a.active, 
div.sw_main_menu_div a:active, 
div.sw_main_menu_div a:visited, 
div.sw_main_menu_div a:focus{
	color:#002080;
	text-decoration:none;
}
div.sw_main_menu_div .content{
	margin: 50px 100px 0px 100px;
}

div.sw_main_menu_div .exo-menu{
	width: 100%;
	float: left;
	list-style: none;
	position:relative;
	background: #23364B;
}
div.sw_main_menu_div .exo-menu > li {
	display: inline-block;float:left;
}

div.sw_main_menu_div .exo-menu > li > a{
	color: #fff;
	text-decoration: none;
}
div.sw_main_menu_div li.drop-down ul > li > a:hover{
	background:#009FE1;
	color:#fff;
}
div.sw_main_menu_div .exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
div.sw_main_menu_div li.drop-down,
div.sw_main_menu_div .flyout-right,
div.sw_main_menu_div .flyout-left{
	position:relative;
}
div.sw_main_menu_div li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: "Font Awesome 5 Free";
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
div.sw_main_menu_div li.drop-down>ul{
	left: 0px;
	min-width: 230px;

}
div.sw_main_menu_div .drop-down-ul{
	display:none;
}
div.sw_main_menu_div .flyout-right>ul,
div.sw_main_menu_div .flyout-left>ul{
	top: 0;
	min-width: 230px;
	display: none;
	border-left: 1px solid #365670;
}

div.sw_main_menu_div li.drop-down>ul>li>a,
div.sw_main_menu_div .flyout-right ul>li>a ,
div.sw_main_menu_div .flyout-left ul>li>a {
	color: #fff;
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
div.sw_main_menu_div .flyout-right ul>li>a ,
div.sw_main_menu_div .flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
div.sw_main_menu_div .flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
div.sw_main_menu_div h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
div.sw_main_menu_div .flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
div.sw_main_menu_div .flyout-mega ul > li > a:hover,
div.sw_main_menu_div .flyout-mega ul > li > a:active,
div.sw_main_menu_div .flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
div.sw_main_menu_div a.row.mega-title{
    background: aqua;
    display: block;
    padding: 5px 10px;
    margin: 10px 0 0 0;
	/*font-weight:900;*/
}
div.sw_main_menu_div ul.menusub{
	list-style: disc;
    margin: 10px 0 10px 30px;
	margin: 0;
    padding: 10px 10px 30px 35px;
}

div.sw_main_menu_div ul.menusub li{
	line-height: 1.2em;
    font-size: 0.8em;
}
div.sw_main_menu_div div.row.menurow{
	/* margin:0 0 10px 0; */
}

a.proztop_hg{
	background-color: lime;
    display: inline-block;
    text-align: center;
    padding: 3px 20px;
	border:1px solid #acb36b;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+0,91e842+100;Neon */
	background: #d2ff52; /* Old browsers */
	background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
	
	
}
a.proztop_hg:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
	
}


div.proztop{
	text-align:center;
}


span.proztop_span{
	display:block;
	line-height: 13px;
    font-size: 12px;
	color:#000;
}

/*mega menu*/

div.sw_main_menu_div .mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
div.sw_main_menu_div h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
div.sw_main_menu_div .mega-menu ul li a {
  line-height: 16px;
  display: block;
}
div.sw_main_menu_div ul.stander li a {
    padding: 3px 0px;
}

div.sw_main_menu_div ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

div.sw_main_menu_div ul.description li span {
    color: #ccc;
    font-size: 85%;
}
div.sw_main_menu_div a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
adiv.sw_main_menu_div .view-more:hover{
	color:#fff;
	background:#0DADEF;
}
div.sw_main_menu_div ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

div.sw_main_menu_div ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
div.sw_main_menu_div .Blog{
	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
div.sw_main_menu_div .Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
div.sw_main_menu_div .Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
div.sw_main_menu_div .Blog a.view-more{
	margin-top:0px;
}
/*Images*/
div.sw_main_menu_div .Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
div.sw_main_menu_div .Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
div.sw_main_menu_div .flyout-right ul>li>a ,
div.sw_main_menu_div .flyout-left ul>li>a,
div.sw_main_menu_div .flyout-mega-wrap,
div.sw_main_menu_div .mega-menu{
	background-color: #547787;
}

/*hover*/
div.sw_main_menu_div .Blog:hover,
div.sw_main_menu_div .Images:hover,
div.sw_main_menu_div .mega-menu:hover,
div.sw_main_menu_div .drop-down-ul:hover,
div.sw_main_menu_div li.flyout-left>ul:hover,
div.sw_main_menu_div li.flyout-right>ul:hover,
div.sw_main_menu_div .flyout-mega-wrap:hover,
div.sw_main_menu_div li.flyout-left a:hover +ul,
div.sw_main_menu_div li.flyout-right a:hover +ul,
div.sw_main_menu_div .blog-drop-down >a:hover+.Blog,
div.sw_main_menu_div li.drop-down>a:hover +.drop-down-ul,
div.sw_main_menu_div .images-drop-down>a:hover +.Images,
div.sw_main_menu_div .mega-drop-down a:hover+.mega-menu,
div.sw_main_menu_div li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
div.sw_main_menu_div a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

/*! nouislider - 13.1.1 - 2/14/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
 */
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.proshop_select_slider .noUi-tooltip,
#ps_preis_slider .noUi-tooltip {
    display: none;
}
.proshop_select_slider:hover .noUi-tooltip,
#ps_preis_slider:hover .noUi-tooltip {
    display: block;
}

.procomp_wklink i{
	font-size:22px;
	margin:0 10px 0 0;
}

#ps_preis_slider{
	width: 150px;
    display: inline-block;
    margin: 0 0 0 20px;
}
.noUi-horizontal {
    height: 10px;
}
.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 20px;
    top: -6px;
	cursor:pointer;
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 0px solid #D9D9D9;
    border-radius: 3px;
    background: #717171;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 17px;
    font-family: monospace;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: 0;
  left: auto;
}

/* Korrektur Easy Credit */

#sw_easy_credit_ratenanzeige_div-ModalDialog div.modal-header button.close{
	font-size: 30px;
    color: red !important;
    font-weight: 900;
    opacity: 1;
	margin:0;
	font:initial;
	font-size:50px;
	margin: -14px 2px 0 0;
}


/*

SITEWIZARD

*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	font-family: 'Exo 2', sans-serif;
}



.noshadowbox{
	display:inline-block;
}
div.dreiercombo div.noshadowbox img{
	width:218px;
	height:218px;
}


.homeicone { 
	color: #f8f8f8; 
	font-size: 1em;
	display:block;
	line-height:1.1em;
	margin:10px 5%;
}
.hometitlebg{
	background: #002080;
    line-height: 2.4em;
	font-size:1em;
    text-align: left;
    padding: 0 20px;
    margin:0 0 10px 0; 
	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	max-width:100%;
	
}
.hometitlebg i.fa,
.hometitlebg i.fas,
.hometitlebg i.far,
.hometitlebg i.fal,
.hometitlebg i.fab {
	margin:0 20px 0 0;
}

ul.ps_add_artikel_ul{
	/*font-size:0.8em;*/
}

ul.ps_add_artikel_ul li.ps_add_artikel_li.asp #swo_artikelfragen_p{
	font-size:0.8em;
}
.introbox{
	margin: 10px 0;
	padding: 10px 0;
	border-right:0px solid silver;
	text-align:center;
}
div.undersliderblack .c12 div:last-child .introbox{
	border-right:0px solid silver;
}

.introboxinner { 
	width: 100%;
	min-height: 50px;
}
.introboxinner i{ 
	color:#fff;
	font-size:50px;
}

.dreiercombo{
	padding:0;
}
.dreiercombo img{
	max-width:48%;
	height:auto;
	float:left;
	border:0;
	margin:0 2% 0 0;
}
.dreiercombo .teasertxt{
	display: inline-block;
    float: right;
    width: 48%;
    padding: 20px 20px 0 20px;
}
.bottomlink {
    margin: -50px 20px 20px 0;
}
.bottomlink .txtlnk {
	display:none;
}

a{
	color:#002080;
}
div.sw_content a{
	text-decoration:underline;
}
div.sw_content a:hover{
	text-decoration:none;
}

a.neutralbutton{
	text-decoration:none;
	background: var(--jmorange);
} 


.grid {
    max-width: 1450px;
	
}
div.sw_content{
	padding:0;
	margin:0;
	font-size:1.2em;
	min-height: 400px;
}


div.sw_content.kontakt,
div.sw_content.word2000{
	margin: 30px 200px 0 200px;
}

div.sw_content.kontakt ul,
div.sw_content.word2000 ul{
	list-style: disc;
    margin: 20px 0 20px 60px;
}

div.sw_content.kontakt label{
	display:inline-block;
	font-size: inherit;
}
div.sw_content.kontakt form input[type=reset],
div.sw_content.kontakt form input[type=submit]{
	margin: inherit;
    padding: inherit;
    border: 1px solid #919191;
    border-radius: 2px;
}
div.sw_content.kontakt form input[type=reset]:hover{
	border: 1px solid #ce0f21;
    background-color: #ebc2c5;
	color:#ce0f21;
}
div.sw_content.kontakt form input[type=submit]:hover{
	border: 1px solid #38843e;
    background-color: #eefff3;
}

div.sw_content.kontakt table,
div.sw_content.mitglieder table,
div.sw_content.kontakt table th,
div.sw_content.mitglieder table th,
div.sw_content.kontakt table td,
div.sw_content.mitglieder table td{
	border:0px solid #fff;
	border-spacing: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 0 0 #ccc;
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
}
td.eingabefeld_klein[align="right"]{
	text-align:right;
}

.swo_detail_youtube_video {
    width: 100%;
    height: 190px;
    margin: 5px 5px 5px 0;
    background-size: 105%;
    background-position: center;
    display: inline-block;
}
.swo_detail_youtube_video div.play-button, .swo_zoom_list.slz5 .swo_zoom_list_li_video div.play-button, .swo_zoom_list.slz4 .swo_zoom_list_li_video div.play-button {
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/play.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#swo_lieferung_alternativen .swo_lieferung_auswahl_wrapper_class, 
#swo_zahlung_alternativen .swo_zahlung_auswahl_wrapper_class {
    padding: 10px !important;
    margin: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
}

#swo_lieferung_auswahl_wrapper_id_24 {
    background-size: initial;
    background-image: url("https://www.musikland-online.de/musikland-online.de/pix/dpd_express_260.png");
	background-position:top 15px right 3px;
	background-repeat:no-repeat;
	height: 100px;
    background-size: 130px auto;
}

div.xtragbyamaha{
	display: inline-block;
    padding: 20px;
	background-color: #27b0162e;
    border: 1px solid #2c7c12;
	width: calc(100% - 40px);
	margin: 0 0 30px 0;
}
div.xtragbyamaha i{
	display:block;
	color:#2c7c12;
}
div.xtragbyamaha p,
div.xtragbyamaha h3{
	color:#2c7c12;
}
div.xtragbyamaha a{
	font-weight:900;
}
label.radio.extraradio{
	line-height: 34px;
    padding: 0 0 0 20px;
    font-weight: 900;
}

div#swo_checkout_mainform div.xtragbyamaha{
	display:block;
	width:100%;
	margin:0 0 30px 0;
}

div.ps_add_artikel_links{
	clear:both;
}

#swo_lieferung_auswahl_wrapper_id_10,
#swo_lieferung_auswahl_wrapper_id_11{
	
	background-size:initial;
	background-image:url(https://www.musikland-online.de/musikland-online.de/pix/versanddienstleister2.png);
	background-position:top -7px right 7px;
	background-repeat:no-repeat;
	height:60px;
	background-size: 200px auto;
	
}
#swo_lieferung_selected #swo_lieferung_auswahl_wrapper_id_10,
#swo_lieferung_selected #swo_lieferung_auswahl_wrapper_id_24 {
	
	
	background-position:top right 10px;
	background-size: 140px auto;
}
#swo_zahlung_auswahl_wrapper_id_99992{	
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/easycredit_ratenkauf_zahlungsart.png);
    background-position: 10px 26px;
    background-repeat: no-repeat;
    background-size: 150px auto;
    height: 60px;
}
#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99992{	
	background-position: 0px 3px;
}
#swo_zahlung_auswahl_wrapper_id_99993{	
    /*background-image: url(https://www.musikland-online.de/musikland-online.de/pix/kk_sepa_paydirekt_checkout_logo2.png);*/
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/zahlung_kk_erfolgreich.png);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    background-size: 150px auto;
    height: 60px;
}
#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99993{	
	background-position: 0px 0px;
}
#swo_zahlung_auswahl_wrapper_id_99999{	
	background-size: 135px auto;
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/de-pp-logo-200px.png);
    background-position: 10px 20px;
    background-repeat: no-repeat;
    height: 60px;
}
#swo_zahlung_auswahl_wrapper_id_99997{	
	background-size: 260px auto;
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/targobank_logo.png);
	background-position: top 34px right 10px;
    background-repeat: no-repeat;
    height: 170px;
}
#swo_zahlung_auswahl_wrapper_id_99997 .swo_zahlung_auswahl_beschreibung_class{
	margin-top:50px;
}
#swo_zahlung_auswahl_wrapper_id_99998{
	background-size:initial;
	background-image:url(https://www.musikland-online.de/musikland-online.de/pix/kredikarte-lastschrift-auf-rechnung-by-paypal.png);
	background-position: bottom 10px right 10px;
	background-repeat:no-repeat;
	height:90px;	
}

#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99997{
	background-position: top 24px right 0px;
}
#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99998{
	background-position: bottom right;
}
#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99999{	
    background-position: 0px 10px;
}


#swo_zahlung_auswahl_wrapper_id_9 .swo_zahlung_auswahl_kosten_preis{
	
	font-size:1.2em;
	line-height:2em;
	color:rgb(99,214,77);
	font-weight:900;

}

.swo_lieferung_auswahl_wrapper_class b,
.swo_zahlung_auswahl_wrapper_class b{
	display:block;
}
#swo_zahlung_selected,
#swo_lieferung_selected{
	min-height:80px;
}


span.swo_lieferung_auswahl_beschreibung_class{
	display: inline-block;
    font-size: 0.8em;
	max-width:200px;
}
span.swo_zahlung_auswahl_beschreibung_class{
	display: block;
    font-size: 0.8em;
}




div#swo_artikeldetail_artikelgruppen_div {
    display: block;
    width: 200px;
    float: right;
    margin: 0 0 0 30px;
}
div#swo_artikeldetail_artikelgruppen_div a.swo_artikelgruppenanzeiger {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: cover;
}
div#swo_artikeldetail_artikelgruppen_div span.swo_artikelgruppenanzeiger_span {
    display: inline-block;
    width: 180px;
    line-height: 1em;
    background-color: rgba(255,255,255,0.85);
    border-top: 1px solid rgb(0, 25, 128);
    font-size: 0.8em;
    margin: 140px 0 0 0;
    padding: 10px;
}
div#swo_artikeldetail_artikelgruppen_div span.swo_artikelgruppenanzeiger_spanpreis {
    display: inline-block;
    background-color: rgb(255,102,0);
    padding: 2px 10px;
    font-weight: 900;
    letter-spacing: 1px;
    color: #fff;
    float: right;
    margin: 2px 0 0 10px;
}

div.sw_content td[align="center"]{
	text-align:center;
	
}
a.sw_mit_neuanmeldung_link_start{
	float:right;
}

div.sw_content.mitglieder div#sw_ueberschrift_1{
	font-size:1.6em;
	margin:30px 0 30px;
}

#mitgliederanmeldungform input[type="submit"]{
	font-size: 1.4em;
    line-height: 2em;
    padding: 0 50px;
    margin: 0 0 10px 0;
    border: 1px solid #aeaeae;
    color: #aeaeae;
}
#mitgliederanmeldungform input[type="submit"]:hover{
    border: 1px solid #323232;
    color: #323232;
    background-color: #eaf5ff;
}
#mitgliederanmeldungform input[type="password"].eingabefeld_klein,
#mitgliederanmeldungform input[type="text"].eingabefeld_klein{
	width:92% !important;
}

div.sw_ols_detail_bundles{
	display:inline-block;
	margin:0 0 40px 0;
}

img.katbildfastload{
	display:block;
	margin:15px auto;
	height:auto;
}

#gmaps_overlay{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10000;
	background-color:#fff;
	cursor:pointer;
	filter: alpha(opacity = 85); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 85)"; /* ab IE 8 zusätzlich möglich */ 
	opacity: .85; /* alle anderen Browser einschließlich IE 9 */
}
#gmaps_overlay_2{
	
	background-color: #fff;
    background-image: url(https://www.musikland-online.de/musikland-online.de/pix/load20182.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #000;
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.75);
    height: 90%;
    margin: 1% 5%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 90%;
    z-index: 10001;
	
	border:1px solid #000;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	
	display:none;
	
	
}

#gmaps_overlay_3{
	
	background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #000;
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, 0.75);
    /* height: 90%; */
	height:80px;
    margin: 1% 5%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 1400px; 
    z-index: 10001;
	
	border:1px solid #000;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	
	display:none;
	
	
}

a.videozu:hover,
a.videozu{
	
	    position: fixed;
	    z-index: 99999;
	    right: 20px;
	    top: 20px;
	    font-size: 2em;
	    color: #fff;
	    border: 7px solid #fff;
	    display: block;
	    border-radius: 50%;
	    width: 60px;
	    height: 60px;
	    text-align: center;
	    line-height: 40px;
	    background: black;
	    font-weight: bold;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		
}
a.videozu2{
	display: inline-block;
	    text-align: right;
	    font-size: 1.4em;
	    line-height: 2em;
	    float: right;
}

ul#sw_show_the_bundles_ul li{
	float:left;
	margin:0 10px 10px 0;
	display:inline-block;
	height:265px;
	overflow:hidden;
}
div.sw_content a.sw_ols_bundle_link_proshop{
	display:block;
	background-size:contain;
	width:190px;
	height:190px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:190px 0 0 0;
}

a.sw_ols_bundle_link_proshop span.sw_ols_bundle_proshop_name{
	display:inline-block;
	color:#fff;
	background-color:var(--jmblau);
	font-size:0.8em;
	padding:5px 10px 0 10px;
	margin:0;
	overflow:hidden;
}
a.sw_ols_bundle_link_proshop span.sw_ols_bundle_proshop_preis{
	display: block;
    color: #fff;
    background-color: var(--jmorange);
    font-size: 0.8em;
    padding: 5px 10px;
    margin: 5px -10px 0 -10px;
    text-decoration: none;
}

div.ps_add_artikel_links ul#swo_katinfo_divseo_anker_ul{
    font-size: 0.8em;
	margin:20px 0;
}

div.ps_add_artikel_links ul#swo_katinfo_divseo_anker_ul li:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
}

div.sw_content.home.word2000{
	margin:0px 20px 0 20px;
}

div.produktvariationen.detailslink{
	
	display:block;
	width:90px;
	height:90px;
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #bababa;
	opacity:0.6;
	cursor:pointer;
	
}
div.produktvariationen.detailslink:hover{
	opacity:1;	
}

div.produktvariationen.detailsdiv{
	float:left;
	width:100%;
}

span.produktvariationen.detailspreisspan{
	font-size: 1.2em;
    font-weight: 900;
    line-height: 2em;
	color:var(--jmorange);
}
b.produktvariationen.detailsb{
	font-size: 1.4em;
	color:var(--jmblau);
}

ul.produktvariationen.detailsul{
	width:calc(100% - 30px);
    column-count: 3;
	list-style:disc;
	margin:0 0 0 30px;
	column-gap: 20px;
}
#artikeltext ul.produktvariationen.detailsul li{
	margin: initial;
    padding: initial;
    background-image:none;
	font-size:0.8em;
}
#artikeltext ul.produktvariationen.detailsul li span{
	font-weight:900;
}

#artikeltext ul.produktvariationen.detailsul li span.nein{
	color:#d04141;
}
#artikeltext ul.produktvariationen.detailsul li span.ja{
	color:#5fc339;
}


a.produktvariationen.detailsa{
	display:block;
	float:right;
	border:1px solid #000;
	border-radius:3px;
	color:#000;
	text-decoration:none;
	padding:10px 20px;
	background-color:#fff;
}
div.swo_artikeldetail_produktvariationen_detailsdivs{
	clear:both;
}

div#swo_artikeldetail_produktvariationen{
	display:table;
	/*background:red;
	width:100%;*/
}

div#swo_artikeldetail_produktvariationen div.swo_artikeldetail_produktvariationen_detailsdivs{
	display:none;
	position: absolute;
    z-index: 1;
    background-color: #f6f6f6;
    width: 95%;
    margin: 89px 0 0 0;
    padding: 20px;    
	border: 1px solid #bababa;
		
	-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	
}
div#swo_artikeldetail_produktvariationen:hover div.swo_artikeldetail_produktvariationen_detailsdivs{
	display:block;
}

div.starttext{
	margin:2em 0;
	column-count: 2; 
	column-gap:2em;
	column-width: 270px;
	column-rule-style:dotted; 
	column-rule-width:1px; 
	column-rule-color:silver;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-style: normal;
	margin-top:0px;
}
h2{
	line-height:42px;
}

div.starttext h2,
div.starttext h3{
	line-height: inherit;
    font-size: 1em;
	margin:0 0 20px 0;
}

.sw_main_menu_div{
	background: transparent;
    z-index: 100;
    position: fixed;
    top: 0;
	width: 100%;
	left:0;
}
.boxedshadow{
	margin:0;
}
body{
	padding: 97px 0 0 0 !important;
	background-color:lime;
	overflow:initial !important;
	
}

nav {
    float: initial;
    display: block;
    margin: 0;
    text-transform: initial;
}

h2.h2title {
	margin-bottom:40px;
}
h2.h2title i{
	margin:0 5px 0 0;
	color: var(--jmblau);
}
span.spansubue{
	display:inline-block;
	margin:0 15px 0 0;
}
h2.h2title i.sortsale{
	color: #ec1b25;
}
h2.h2title i.sortnew{
	color: #55bf36;
}
a.ps_filter_select_a.pfsa2{
    background-color: var(--jmorange);
    color: #fff;
    text-decoration: none !important;
    font-size: 0.8em;
    display: block;
    width: 90%;
    padding: 5px 0;
    border-radius: 5px;
	border:1px solid #fff;
	margin:0 0 3px 0;
}
a.ps_filter_select_a.pfsa2:hover{
    background-color: #fff;
    color: var(--jmorange);
	border:1px solid var(--jmorange);
}
a.ps_filter_select_a.pfsa2 i{
	margin:0 10px;
}
div.subkatdivlinks_myankers{
	margin: 30px 0 0 0;
}
ul#swo_katinfo_divseo_anker_ul{
	list-style-type: none;
    font-size: 0.8em;
	color: var(--jmblau);
	margin:0 0 0 20px;
}
label.label_ajax_filter_her input[type=checkbox]{
	margin: 2px 0px 0 0;
    zoom: 1.4;
    display: inline-block;
    float: left;
}
label.label_ajax_filter_her{
	font-size:16px;
}
label.label_ajax_filter_her a{
	line-height: 22px;
    display: inline-block;
    margin: 0 0 0 7px;
}
.list_carousel ul.pro_multislides li{
	width:initial;
}
.featured-projects-image{	
	height:260px;
	overflow:hidden;	
}

.featured-projects-image a {
    display: block;
    width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.featured-projects-image:hover a{
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

div.main_carousel_top{
	display:inline-block;
	background-color:var(--menufarbe);
	width:100%;
}

div.whitebg{
	background-color:gainsboro;
}

div.starttopbilder{
	margin:0;
	padding:0;
	float:left;
	display:grid;
	width:100%;
}
.list_carousel ul.sw_slider_carou li{
	width:initial;
}
.list_carousel div.sw_slider_carou_slide_div {
    background: #fff;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.list_carousel div.sw_slider_carou_slide_div_img{
	height:400px;
	overflow:hidden;
}
.list_carousel div.sw_slider_carou_slide_div{
	display:none;
}
.list_carousel div.sw_slider_carou_slide_div_img a{
    display: block;
    width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

.list_carousel div.sw_slider_carou_slide_div_img a.pic_contain{
	background-size:cover;	
}

.list_carousel div.sw_slider_carou_slide_div_img.zoom:hover a{
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

.list_carousel div.slider_nav{
	display:block;
	width:calc(100% - 15px);
	
}
.list_carousel div.slider_nav a{
    position: absolute;
    z-index: 1;
}
.list_carousel div.slider_nav a.slide_next{
	right:10px;
	margin-right:20px;
}
.list_carousel div.slider_nav a.slide_prev{
	margin-left:20px;
}
.list_carousel div.slider_nav a i{
    font-size: 50px;
}

.list_carousel #pager {
	background: transparent;
	margin: 100px 0 0 0;
	position: absolute;
	top: 50%;
	width:100%;
	text-align:center;
}
.list_carousel #pager a.selected {
	background: transparent;
    box-shadow: none !important;
}
.list_carousel #pager a.selected span {
	background: var(--jmblau);
}
.list_carousel #pager a {
	display: inline-block;
	padding: 5px;
}
.list_carousel #pager span {
	border-radius: 50%;
	background: #ccc;
	text-indent: -100px;
	line-height: 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
}

.sw_slider_carou .picslide{
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

#sw_main_top_slider div.featured-projects-content h1{
	position: absolute;
	font-size:2em;
    margin: -134px 0 0 50px;
}

div.nopad{
	padding:0;
}


div.pro_subkat_noslide{
	text-align:center;
	display:inline-block;
	width:100%;
}
div.pro_subkat_noslide a{
	display: inline-block;
    width: 200px;
    height: 200px;
    background-size: contain;
	background-repeat:no-repeat;
    text-align: center;
    text-decoration: none;
	margin:0 20px 20px 20px;
	border:1px solid var(--hellgrau);
}

div.pro_subkat_noslide a span{	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	font-size:0.8em;
	margin:170px 10px 0 10px;
}
div.pro_subkat_noslide:after{
	clear:both;
	content: " ";
	display:inline-block;
	margin:0;
}



div.sw_main_menu_div .c1,
div.sw_main_menu_div .c2,
div.sw_main_menu_div .c3,
div.sw_main_menu_div .c4,
div.sw_main_menu_div .c5,
div.sw_main_menu_div .c6,
div.sw_main_menu_div .c7,
div.sw_main_menu_div .c8,
div.sw_main_menu_div .c9,
div.sw_main_menu_div .c10,
div.sw_main_menu_div .c11,
div.sw_main_menu_div .c12{
	margin:0;
	padding:0;
}
div.sw_main_menu_div .login{
	padding:0 5px 0 0;
}
div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover,
div.sw_main_menu_div .exo-menu > li > a.mainlogo_link{
	width: 70%;
    height: 71px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0px -38px;
    background-size: 150px auto;
    margin: -35px auto;
    border: 0;
    padding: 0;
}
div.sw_main_menu_div .exo-menu i {
    margin: 2px 6px 0 0;
	display:none;
}
div.sw_main_menu_div .exo-menu li.mobile_menu_button_switch i {
    display: inline-block;
}
div.search-button{
	width: 38px;
    margin: 0 0 5px 0;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    padding: 4px 0 4px 0;
	border-top: 1px solid #acb36b;
    border-left: 0px solid #acb36b;
    border-bottom: 1px solid #acb36b;
    border-right: 1px solid #acb36b;
	background:#fff;
}
div.sw_main_menu_div .mainsuche.c10{
	position:relative;
	float:right;
	margin:5px 0 0 0;
}

#main-search-form input[type="text"]{
	margin:0px;
	padding: 7px 8px 6px 8px;
	border-top:1px solid #acb36b;
	border-left:1px solid #acb36b;
	border-bottom:1px solid #acb36b;
	border-right:0px solid #acb36b;	
    box-shadow: inset 0 0 0 rgba(0,0,0,0.075), 0 0 0 rgba(81,168,236,0.5);
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0.075),0 0 0 rgba(81,168,236,0.5);
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.075), 0 0 0 rgba(81,168,236,0.5);
}

div.sw_main_menu_div .toprow1 .c12.row{
	font-size:80%;
	line-height:20px;
}
div.wk_show_butt{
	margin:0;
	height:34px;
	display:block;
	cursor:pointer;
}
div.wk_show_butt .wk_butt_label{
	float:left;
	font-weight:900;
	display:block;
	font-size:14px;
	line-height:18px;
	padding:0;
}
div.wk_show_butt .wk_butt_wert{
	float:left;
	font-size:10px;
	line-height:12px;
	display:block;
}
div.wk_show_butt i.fa-angle-down{
	display: block;
    float: left;
    padding: 6px 10px 0 10px;
    font-size: 20px;
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
div.wk_show_butt:hover i.fa-angle-down{
    padding: 8px 10px 0 10px;
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
a.wk_top_div_button .fa-shopping-cart{
	display: inline-block;
    padding: 4px 10px 0px 8px;
    font-size: 22px;
    text-align: center;
	cursor:pointer;
	height:34px;
}
img.topgarant{
	height:34px;
	width:auto;
}

div.wk_top_wrapper{
	width: 220px;
    float: right;
}

div.sw_main_menu_div .exo-menu{
	background: #002080;
	color:#fff;
}

div.slider_txt_content p.slider_preis{
	padding: 5px 20px;
    text-align: center;
    background-color: #002080;
    margin: 5px 0;
    font-size: 1.2em;
    font-weight: 900;
    letter-spacing: 1px;
    color: #fff;
}
div.slider_txt_content p.slider_status{
	padding: 0 5px;
    text-align: center;
	margin:0;
}
.sls_col_1,
.sls_col_0{
	color:#3c7d0b;
}
div.slider_txt_content{
	min-height:30px;
}

li.ps_herstellerli{
	display:none;
	-webkit-transition: all 0.7s; /* Safari */
	transition:all 0.7s ease;
	margin:0 0 20px 0;
}

li.li_show_only_sale label{
	display: block;
    font-size: 1em;
    background: #43C7F0;
    color: #fff;
    padding: 0 7px;
	border-radius:5px;
}

li.li_show_only_new label{
	display: block;
    font-size: 1em;
    background: #1FDD00;
    color: #fff;
    padding: 0 7px;
	border-radius:5px;
}

div.sw_content a.ps_list{
	text-decoration:none;
	margin: 0 0 0 5px;
}

div.slider_txt_content a.sl_name{
	display:block;
	background-color:red;	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	padding:0 10px;
	
}

div.slider_txt_content a.slider_name{
	color: #002080;
    line-height: 1.3em;
    padding: 0 5px;
    text-align: center;
    display: block;
}

span.sl_preis{
	float:left;
	padding:0 30px;
	font-weight:900;
	color:#fff;
	font-size:1.2em;
	line-height:2em;
	background-color:  var(--jmblau);
}

span.sl_status{
	float:right;
	padding:0 40px 0 0;
	font-size:1.2em;
	line-height:2em;
}

a.sl_name{
	color: var(--jmorange);
	font-size:1.2em;
	line-height:2em;
	font-weight:900;
}

div.proshop_add_li_bewertung div.produkt_sw_bewertung_stern{
	background:url(https://cdn.sitewizard.de/produktbewertung_onlineshop/stern.png) repeat-x left top;
	display:block;
	height:20px;
	background-size: 20px auto;
	margin:	0 15px 0 0;
	position:absolute;
	float:left;
	cursor:pointer;
}
div.proshop_add_li_bewertung div.produkt_sw_bewertung_grau{	
	background:url(https://cdn.sitewizard.de/produktbewertung_onlineshop/sternsw.png) repeat-x left top;
	width:100px;
	display:block;
	height:20px;
	background-size: 20px auto;
	margin:	0 15px 0 0;
	float:left;
	cursor:pointer;
}
div.proshop_add_li_bewertung{
	height:20px;
}

div#sw_easy_credit_ratenanzeige_div{
	display:none;
}
#sw_easy_credit_ratenanzeige_div-link{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3ed14d+0,04420f+100 */
	background: #3ed14d; /* Old browsers */
	background: -moz-linear-gradient(top, #3ed14d 0%, #04420f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3ed14d 0%,#04420f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3ed14d 0%,#04420f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ed14d', endColorstr='#04420f',GradientType=0 ); /* IE6-9 */
	color:#fff;
	font-size:0.8em;
	display:block;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    margin: 0 0 10px 0;
	padding: 5px 0;
	width: 100%;
	cursor: pointer;
}

a.paypal_sk_submitbutton,
button.paypal_sk_submitbutton{
	background-color:#ffcc00;
	background:#ffcc00;
	display:block;
	border:0;
	padding:0 20px;
	line-height:30px;
	width:100%;
}
a.paypal_sk_submitbutton{
	clear: both;
    display: block;
    text-align: center;
    width: 250px;
    font-size: 16px;
    text-decoration: none !important;
    float: right;
	border-radius:3px;
}
a.paypal_sk_submitbutton.pressed,
button.paypal_sk_submitbutton.pressed{
	background: #e3ffd5;
	background-color: #e3ffd5;
}
a.paypal_sk_submitbutton span,
button.paypal_sk_submitbutton span{
	font-size:1.2em;
	font-weight:900;
}
a.paypal_sk_submitbutton span.ppskd,
button.paypal_sk_submitbutton span.ppskd{
	color:#113984;
}
a.paypal_sk_submitbutton span.ppskh,
button.paypal_sk_submitbutton span.ppskh{
	color:#009de1;
}
div#pp_express_wait{
	text-align: center;
    line-height: 80px;
    color: #113984;
}
div#pp_express_wait img{
	width: 80px;
    margin:0 10px 0 0;
    vertical-align: middle;
}
div.swo_zoom_list_uvp{
	position: relative;
    display: inline-block;
	float: right;
    font-size: 0.8em;
}
div.swo_zoom_list_uvp::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
div.swo_zoom_list_uvp::before {
    border-bottom: 2px solid #000;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

li.ps_add_artikel_li.sw_artikel_aktionlist_preis_uvp div.swo_zoom_list_uvp_pro{
	float:left;
	line-height:30px;
	margin:0 10px 0 0;
}
li.ps_add_artikel_li.sw_artikel_aktionlist_preis_uvp div.swo_zoom_list_uvp{
	float:right;
	line-height:30px;
}
li.ps_add_artikel_li.sw_artikel_aktionlist_preis_uvp:after{
	content: " ";
	display:block;
	clear:both;
}


li.artikel_preis_li div.a2wk{
	width:50px;
	height:70px;
	display:block;
	float:left;
	margin:0 20px 0 0;
}
li.artikel_preis_li div.a2wk a.ps_liste_wklnk{
	font-size: 36px;
    line-height: 48px;
    margin: 0;
	color: #3bb10c;
}
li.artikel_preis_li div.a2wk a.ps_liste_wklnk:hover{
	color: #54ec17;	
}
li.artikel_preis_li div.apr{
	width:auto;
	height:70px;
	display:inline-block;
	float: left;
    margin: 0 20px 0 0;
}
li.artikel_preis_li div.apr h3.price{
	font-size: 36px;
    line-height: 48px;
    margin:0;
}
li.artikel_preis_li span.swo_span_03_em{
    display: block;
    float: right;
    margin: -10px 0 0 0;
    font-size: 0.6em;
}
li#sw_artikel_aktionlist_paypalexpress{
	padding: 0px 60px 10px 0px;
}
ul.ps_add_artikel_ul li.artikel_bewertungs_li{
	padding: 0px 60px 50px 15px;
}
ul.ps_add_artikel_ul li.artikel_bewertungs_li span.e_k{
	display: block;
    margin: 0 auto;
    width: 100px;
}
ul.ps_add_artikel_ul li.ps_add_artikel_li.asp{
	margin:30px 0; 
}

span.e_k.liefstat40,
span.e_k.liefstat41,
span.e_k.liefstat42,
span.e_k.liefstat43,
ul.ps_add_artikel_ul li.leftie span.ows_liefer_gruen{
	color: #4db50c;
    display: inline-block;
    font-weight: 900;
    letter-spacing: 1px;
}


span.e_k.liefstat44,
span.e_k.liefstat45{
	color: #dbcf65;
    display: inline-block;
    font-weight: 900;
    letter-spacing: 1px;
}



form.pro_multi_order{ 
	background-image: url(https://www.musikland-online.de/pro/pix/multi_wk_hg60.png);
	background-position: top left;
    background-repeat: no-repeat;
    height: 36px;
    display: block;
    margin: 7px 0 25px 0;
    padding: 0;
}
select:not([size]):not([multiple="multiple"]), select[size="1"],
select.pro_multi_anzahl_select{
	padding: 0;
    width: 60px;
    font-size: 20px;
    float: left;
    margin: 3px 3px 0 10px;
	min-height:10px;
	height:28px !important;
}



ul.ps_add_artikel_ul li.leftie{
	line-height:1.6em; 
}
ul.ps_add_artikel_ul li.leftie i{
	margin:0 10px 0 0;
	width: 20px;
}
li#sw_easy_credit_ratenanzeige_li{
	padding: 0px 60px 0px 0px;
}
li.ps_add_artikel_li.artikel_preis_li{
	padding: 0px 60px 20px 0px;
}

div.proshop_bild_figure_row{
	width: 100%;
    margin: 0px auto 24px auto;
    display: inline-block;
}

div.proshop_artikel_detail_headrow{
	width: 100%;
    margin: 0;
    display: inline-block;
	line-height:0.8em;
}
h1.proshop_artikel_detail_h1{
	padding:0;
	margin:0;
}
div#sw_detail_bild_div{
	padding:0 0 0 10px;
}
div.proshop_bild_figure_row:before,
div.proshop_bild_figure_row:after,
div.proshop_artikel_detail_headrow:before,
div.proshop_artikel_detail_headrow:after{
	display: table;
    content: " ";
}

div.proshopmaindiv{
	margin:0 0 50px 0;
	padding:0 0 0 10px;
}

div.wk_top_inhalt_wrapper{
	display:none;
	position: absolute;
    margin: 32px 0 0 0;
    right: 10px;
    z-index: 10000;
    padding: 0 0 20px 20px;
    background-color: transparent;
}
div.wk_top_inhalt_wrapper:hover,
div.wk_top_inhalt_wrapper.show{
	display:block;
}

#swo_activate_gutschein{
	width: 160px;
    display: inline-block;
    margin: 10px;
}
div.sw_content.onlineshop div#sw_ueberschrift_1{
	margin:10px 0 0 0;
	color: #fff;
	background-color:  var(--jmblau);
	font-size:1.6em;
	line-height:1.8em;
	font-weight:900;
	letter-spacing:8px;
	text-align:center;
	text-transform:uppercase;
}
div#sw_onlineshop_top{
	display:none;
}

div.wk_top_inhalt_wrapper ul#wk_checkout_tab_main_ul{
	background-color: #fff;
    padding: 15px 20px;
	border:1px solid #000;
	display:inline-block;
}
div.wk_top_inhalt_wrapper li.swo_wkcheckout_li{
	height: 40px;
	display:inline-block;
	width:400px;
	margin:0 0 5px 0;
	background-position:top left !important;
	background-size:40px auto !important;
	background-repeat:no-repeat !important;
	padding:0 0 0 50px;
}
div.wk_top_inhalt_wrapper div.swo_wkcheckout_artikel_anzahl{
	display: inline-block;
    float: left;
	width:initial;
	line-height:initial;
}
div.wk_top_inhalt_wrapper input.wkanzahlinputfield{
	display: inline-block;
    width: 50px;
	line-height: 40px;
    padding: 0;
    margin: 0;
	border:0;
	text-align: center;
    font-size: 1.4em;
	background-color:transparent;
}
div.wk_top_inhalt_wrapper span.swo_wkcheckout_artikel_mwst,
div.wk_top_inhalt_wrapper a.sw_refresh_artikel{
	display:none;
}
div.wk_top_inhalt_wrapper a.swo_wkcheckout_artikel_link{
	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	max-width:160px;
    line-height: 40px;
    float: left;
}
div.wk_top_inhalt_wrapper div.swo_wkcheckout_artikel_preis{
	display: block;
    line-height: 40px;
    float: right;
    font-size: 1em;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
}

div.proshop_artikel_detail_h1_her img{
	height: 40px;
    margin: 7px 0 0 0;
    float: right;
}

div.katlist_extra_space{
	/* padding:15px 0 0 0; */
	
}
div.artikel_extra_space{
	padding:25px 0 0 0;
}

#rating, #rating2, #rating3, #rating4, #rating5, #rating6{
	border:0 !important;
}
#bewertung_div_main input{
	padding:10px 5px;
	margin:0;
}
#bewertung_submit{
	height: initial !important;
}

#dau_overlay1{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10001;
	background-color:#000;
	opacity:0.8;
  filter:alpha(opacity=80); 
}
#dau_overlay2{
	position:fixed;
	top:100px;
	left:100px;
	margin:0 0 0 calc(50% - 270px);
	width:500px;
	min-height:250px;
	border:1px solid #000;
	z-index:10002;
	background-color:#fff;
	padding:20px;
	text-align:center;
}
#dau_overlay2 input{
	display:inline-block;
	margin:0;
}
#dau_overlay2 table,
#dau_overlay2 td,
#dau_overlay2 th{
	border:0;
	padding:0;
	border-radius: 0;
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	box-shadow: 0 0 0 #ccc; 
	-moz-box-shadow: 0 0 0 #ccc; 
	-webkit-box-shadow: 0 0 0 #ccc; 
}
#dau_overlay2 td{
	padding:0 0 10px 0;
}

div.sonderzube4artikel{
	clear:both;
	display:block;
}
div.sonderzube4artikel img{
	width:100px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
}
div.sonderzube4artikel span{
	display:block;
}
div.sonderzube4artikel span.sonderzubename a{
	font-size:1.2em;
	color:var(--jmblau); 
	margin:20px 0 0 0;
	display:block;
}
div.sonderzube4artikel span.sonderzubepreis{
	font-size:1.2em;
	color:var(--jmorange); 	
}

/* Proshop Artikel Gallery */

.demo-gallery__img--main{
	width:30% !important;
	margin:1% 0 1% 2% !important;
	float:right !important;
}
.demo-gallery__img--main img{
	width:100% !important;
	min-width:100% !important;
	max-width:100% !important;
}
.demo-gallery__img--main figure{
	display:none;
}


/* Footer */

#wrapfooter img.footerlogo{
	width: 450px;
	max-width:calc(100% - 30px);
    height: auto;
    margin: 15px;
}

#wrapfooter div.c3foo{
	color: var(--hellgrau); 
}

#wrapfooter div.c3foo a{
	color:#dcdcdc;
	text-decoration:underline;
}


/*

Sitewizard Colors

J&M blau = #002080
J&M orange = #FF6600

*/

.list_carousel div.slider_nav a{
	color:#002080;
	background-color: #fff;
	border-radius: 100%;
}
.list_carousel div.slider_nav a:hover{
	color: var(--jmorange);
}

a.wk_top_div_button .fa-shopping-cart{
	background-color: #FF9000;
    color: #fff;
	border-top:1px solid #acb36b;
	border-right:1px solid #acb36b;
	border-bottom:1px solid #acb36b;
	border-left:1px solid #ccc;
}
div.wk_show_butt{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #acb36b;
	border-left:1px solid #acb36b;
	border-bottom:1px solid #acb36b;
}
div.top_mobile_butt a,
div.search-button{
	
}

div.sw_main_menu_div .toprow2 div.top_mobile_butt{
	display:none;
}

.undermenuarea{
	background:transparent;
}
.undermenuarea > .grid{
	background:#fff;
}
.grid.blocktrenner{
	width:100%;
	height:15px;
	display:block;
}

a.da-link:hover{
	background-color:orange;
}
nav {
    color: #666;
}
div.sw_main_menu_div .toprow1 a{
	color: #fff;
}


#sw_main_top_slider div.slider_txt_1{
	display: block;
    background: rgba(0, 32, 128, 0.7);
    color: #fff;
    line-height: 40px;
    text-align: left;
    position: relative;
    margin: -40px 0 0 0;
    padding: 0 20px;
    font-size: 1.6em;
	
	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	width:100%;
	
}
#sw_main_top_slider div.slider_txt_2{
	display: inline-block;
    padding: 20px;
    color: #fff;
    background-color:  var(--jmorange);
    margin: -320px 0 0 0;
    position: absolute;
    transform: rotate(17deg);
    font-size: 3em;
    font-weight: 900;
    border: 5px solid #fff;
    right: 70px;
    border-radius: 8px;
}

#sw_main_top_slider div.slider_txt_2{
    transform: initial;
    margin: -72px 0 0 0;
    right: 8px;
    padding: 10px 20px;
    font-size: 2em;
}
/* Pro Shop */

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}


@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft_flip {
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}


li.ps_li_filter{
	float: left;
    margin: 0 5px 10px 0;
    line-height: 20px;
	overflow: hidden; 
	width:100%;
}
li.ps_li_filter a{
    padding: 0;
	text-overflow: ellipsis;
	overflow: hidden; 
	width: 100%; 
	display:block;
	white-space: nowrap;
	line-height:20px;
	font-size:0.8em;
}
li.ps_li_filter.filterslider{
	margin:0;
	width:100%;
}

li.show_hersteller a i{
	margin: 0 7px 0 0;
}

li.ps_li_filter.filterslider i{
	text-decoration: none;
	margin: 0 7px 0 0;
	line-height:30px;
    font-size: 1em;
}
div.ps_shopkat_filters{
	margin:20px 0 0 0;
	display:inline-block;
	width:100%;
}

ul.merkmale_hersteller,
ul.merkmale_filters{
	display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
	-webkit-transition: all 0.7s; /* Safari */
	transition:all 0.7s ease;
}


div.div_sub_filtervalues{
	/*
	position: absolute;
    z-index: 2;
    background: #fdfdfd;
    padding: 5px;
    margin: -5px 0 0 0;
    border: 1px solid #9E9E9E;
    min-width: 220px;
	max-width: 472px;
	*/
}
div.div_sub_filtervalues.disp{
	display:block !important;
	width:100%;
}
div.div_sub_filtervalues a,
div.div_sub_filtervalues label{
	width: calc(33% - 7px);
	float:left;
	margin:5px 5px 5px 0;
	padding:0 10px;
	text-align:center;
	border:1px solid #efefef;
	background-color:#efefef;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	font-size: 12px;
	text-decoration:none;
}
div.div_sub_filtervalues label.clicked{
	
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-size: 16px;
	background-image:  url(https://www.musikland-online.de/pro/pix/haken_gruen.png);
	filter: hue-rotate(245deg);
}

div.div_sub_filtervalues label.labnum5{
	width:calc(20% - 7px);
	padding:0 5px;
}
ul.ps_all_hersteller_ul{
	display:inline-block;
}

div.div_sub_filtervalues label:hover{
	background-color:#fffcf1;
}
div.div_sub_filtervalues label.clicked:hover{
	background-color:#e8fefd;	
}
ul.all_filters input{
	display:none;
}
li.ps_sortli{
	margin:0;
	display:grid;
}
ul#phpsort li,
ul#sort-by li{
	float:left;
	margin:0 20px 0 0;
}
ul.ps_all_hersteller_ul li{
	width: 50%;
	float: left;
}
ul.ps_all_hersteller_ul li img{
	border:1px solid lime;	
	height:40px;
	width:auto;
}
ul.ps_all_hersteller_ul li:hover img{
	border:1px solid red;	
}
ul.ps_all_hersteller_ul li label{
	
    padding: 0;
    vertical-align: top;
    font-size: 0.8em;	
	margin:0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--jmorange);
	font-weight: 900;
	line-height:30px;
	
}
ul.ps_all_hersteller_ul li label a{
	text-decoration:none;
	color: var(--jmorange);
}

a.filteremoval i{
	color:red;
	text-decoration:none;
	margin:0 5px;
}
div#ps_shopkat_filters_selected{
	margin:10px 0 0 0;
}

a.swa_werbe_links_warenkorb{
	display: block;
    width: 300px;
    height: 70px;
}
a.swa_werbe_links_warenkorb img{
	margin: 0 10px 0 0;
	border:0;
}

div#sw_detail_bild_div figcaption{
	font-size:10px;
	color:#ccc;
	font-style:italic;
	font-family:serif;
}

/* Table with fixed header */

div.swpro_av_tab table {
  width: initial;
  text-align: left;
}

div.swpro_av_tab thead {
	position: absolute;
    height: 50px;
    margin: -50px 0 0 -1px;
    overflow: hidden;
  text-align: left;
}

div.swpro_av_tab table th.vval,
div.swpro_av_tab table td.vval{
	width:150px;
	min-width:150px;
	word-break: break-all;
    font-size: 0.9em;
}
div.swpro_av_tab table th.descriptor,
div.swpro_av_tab table td.descriptor{
	width:250px;
	min-width:250px;
}

div.swpro_av_tab  {
  margin-top: 20px;
  height: 350px;
  overflow: auto;
  width: 100%;
}

div.swpro_av_tab table {
  border-collapse: collapse;
}

div.swpro_av_tab tr:nth-child(even) {
  background: #EEE;
}

div.swpro_av_tab th div {
  overflow: hidden;
    font-size: 12px;
    height: 30px;
    line-height: 15px;
}
span.ps_vergl_mini{
	font-size:14px;
	line-height:8px;
}

span.ps_vergl_mini.numstat1{
	font-size:20px;
}
span.ps_vergl_mini.numstat0{
	color:#4db50c;
	font-size:16px;
	font-weight:900;
}
a.pro_comp_remove_lnk{
	position:absolute;
	font-size:30px;
	line-height:12px;
	color:red;
	background-color:#fff;
}
a.pro_comp_remove_lnk i{
	font-size:30px;
	width:28px;
	height:28px;
	line-height:30px;
}


/* Custom scrollbar */

div.swpro_av_tab ::-webkit-scrollbar {
  width: 8px;
}

div.swpro_av_tab ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

div.swpro_av_tab ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

i.chkfail,
i.chkpass{
    font-size: 26px;
}
i.chkpass{
	color: #15be15;
}
i.chkfail{
	color:#d71c1c;
}

/* Overflow scroll gradient */

div.overflow-scroll-gradient {
  position: relative;
  display:inline-block;
  width:100%;
  min-height:300px;
  clear: both;
    margin: 30px 0 0 0;
}
div.overflow-scroll-gradient::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient( rgba(255, 255, 255, 0.001), white);
  pointer-events: none;
}


div.overflow-scroll-gradient.hideafter{
	margin: 30px 0 70px 0;
}
div.overflow-scroll-gradient.hideafter::after {
	display:none;
}

div.ps_compare_katwahl{
	display: block;
    margin: 20px 0 0 0;
}
ul.ps_compare_ul_katw{
	height: 32px;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #909090;
    margin: 0 0 15px 0;
}
ul.ps_compare_ul_katw li{
	float:left;
	margin:0 10px 0 0;
	padding:0 10px;
	line-height:30px;
	border:1px solid #909090;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background-color:#f2f2f2;
}
ul.ps_compare_ul_katw li:hover{
	background-color:#fcfcdd;
}
ul.ps_compare_ul_katw li.liwahl{
	background-color: var(--jmblau);
}
ul.ps_compare_ul_katw li a{
	text-decoration:none;
	font-size:0.8em;
}
ul.ps_compare_ul_katw li a:hover{
	color:#000;
}
ul.ps_compare_ul_katw li.liwahl a,
ul.ps_compare_ul_katw li.liwahl a:hover{
	color:#fff;
}
.ps_compare_parea.pscarea1{
	clear:both;
}
h1#ps_av_ue{
	margin:30px 0 20px 0;
}
h2.sw_art_vh2{
	margin:0 10px 10px 0;
	padding:0;
	float:left;
	font-size: 0.8em !important;
    color: #c5c5c5 !important;
}
div.preisdiv button{
	height: 41px;
    margin: 0;
	padding:7px 16px;
}

div.sortdiv{
	display:block;
	height:50px;
	line-height:50px;
	margin:0 10% 0 0;
}
select#sortfilter{
	margin: 0;
    height: 40px !important;
    width: 100%;
	padding:0 15px;
}
option.sortcl4{
	color:#fff;
	background:#51cff8;
}
option.sortcl5{
	color:#fff;
	background:#54DF00;
}


div.preisdiv{
	display:block;
	height:50px;
	line-height:50px;
	margin:0 0 10px 0;
}
div.preisdiv label{
	display:inline-block;
}
div.preisdiv input{
	width:80px;
	display:inline-block;
	margin:0 10px 0 0;
	text-align:right;
	height: 41px;
	line-height: 41px;
	font-size:20px;
}
.masonry {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
	grid-auto-rows: auto;
	clear:both;
	margin:0 0 0 0;
}
.artikelbox {
	cursor:pointer;
	/*border:1px solid #efefef;
    transition: all .5s ease-in-out;*/
	/*background-color:#fff;*/
	margin:0 0 20px 0;
	border:1px solid #fff;
}
.artikelbox:hover {
	border:1px solid #dcdcdc;
}
.boxcontainer {
    border: 0px;
    border-bottom: initial;
	overflow: hidden;
	background:transparent;
}
div.ps_list_a_det{
	margin:0 1px 1px 1px;
}
.artikelbox:hover div.ps_list_a_det{
	background-color:#fff;
}

.artikelbox:hover {
    /*opacity: .75;*/
}

.artikelbox img.mobilepslazy,
.artikelbox img.pslazy{
	min-width: 236px;
	min-height:236px;
	height:100%;
	width:100%;
	display:block;
}

div.boxcontainer img.pslazy{
	border:1px solid #dcdcdc;
	filter: blur(5px);
}
div.boxcontainer img.pslazy.lazydone{
	filter: blur(0px);
}
.artikelbox:hover div.boxcontainer img.pslazy{
	border:1px solid #fff;
}


.artikelbewertung_wrapper{
	margin: -35px auto 25px auto;
    position: relative;
	width:100px;
	height:20px;
	display:block;
	zoom:0.8;
}

.produkt_sw_bewertung_stern{
	background:url(https://cdn.sitewizard.de/produktbewertung_onlineshop/stern.png) repeat-x left top;
	display:block;
	height:20px;
	background-size: 20px auto;
	position:absolute;
	float:left;
}
.produkt_sw_bewertung_grau{	
	background:url(https://cdn.sitewizard.de/produktbewertung_onlineshop/sternsw.png) repeat-x left top;
	width:100px;
	display:block;
	height:20px;
	background-size: 20px auto;
	float:left;
}


#sortabdecker{
	position:fixed;
	top:0;
	left:0;
	z-index:99998;
	background-color:#fff;
	display:none;
	width:100%;
	height:100%;
	opacity:0.7;
}

#sortanimation{
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	display:none;
	width:100%;
	height:100%;
}

@keyframes lds-ps_katani_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-ps_katani_1 {
  0% {
    top: 36px;
    height: 128px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-ps_katani_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-ps_katani_2 {
  0% {
    top: 41.99999999999999px;
    height: 116.00000000000001px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@keyframes lds-ps_katani_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}
@-webkit-keyframes lds-ps_katani_3 {
  0% {
    top: 48px;
    height: 104px;
  }
  50% {
    top: 60px;
    height: 80px;
  }
  100% {
    top: 60px;
    height: 80px;
  }
}

.lds-css{
	margin-top:15%;
	margin-left:50%;
}

.lds-ps_katani {
  position: relative;
}
.lds-ps_katani div {
  position: absolute;
  width: 30px;
}
.lds-ps_katani div:nth-child(1) {
  left: 35px;
  background: #1d3f72;
  -webkit-animation: lds-ps_katani_1 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-ps_katani_1 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.18s;
  animation-delay: -0.18s;
}
.lds-ps_katani div:nth-child(2) {
  left: 85px;
  background: #5699d2;
  -webkit-animation: lds-ps_katani_2 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-ps_katani_2 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  -webkit-animation-delay: -0.09s;
  animation-delay: -0.09s;
}
.lds-ps_katani div:nth-child(3) {
  left: 135px;
  background: #d8ebf9;
  -webkit-animation: lds-ps_katani_3 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-ps_katani_3 0.9s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-ps_katani {
  width: 134px !important;
  height: 134px !important;
  -webkit-transform: translate(-67px, -67px) scale(0.67) translate(67px, 67px);
  transform: translate(-67px, -67px) scale(0.67) translate(67px, 67px);
}

div.sw_content a.ps_single_art{
	display:block;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
	/* background-color:magenta; */
	padding: 5px 10px;
    line-height: 1.2em;
	clear:both;
}
div.sw_content span.sort_hersteller{
	display: inline-block;
    float: left;
    height: 30px;
	margin:0 0 0 10px;
	width:calc(30% - 10px);
}
div.sw_content span.sort_hersteller img{
	height:30px;
	width:auto;
}
div.sw_content span.ps_listen_preis{
	display: inline-block;
    float: right;
    font-size:28px;
	margin:0 10px 0 0;
	width:calc(70% - 10px);
    line-height: 30px;
	text-align:right;
}
div.sw_content span.sort_hersteller{
	display: inline-block;
    float: left;
    height: 30px;
	margin:0 0 0 10px;
}
div.sw_content span.ps_lieferbark{
	display: inline-block;
    float: left;
	margin:10px 0px 0px 40px;
	line-height:20px;
	color:#ccc;
	max-width:120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.sw_content span.ps_lieferbark.lbk40,
div.sw_content span.ps_lieferbark.lbk41,
div.sw_content span.ps_lieferbark.lbk42,
div.sw_content span.ps_lieferbark.lbk43,
div.sw_content span.ps_lieferbark.lbk0{
	color: #3c7d0b;
}
div.sw_content span.ps_lieferbark.lbk44,
div.sw_content span.ps_lieferbark.lbk45{
	color: #dbcf65;
}

a.ps_vergleich{
	display: inline-block;
    float: left;
	margin:0px 0px 0px 20px;
	line-height:20px;
	color: var(--jmblau); 
	width:150px;
	text-align:left;
}
a.ps_vergleich i{
	margin:0px 8px 0px 0px;
}

div.sw_content span.ps_art2kat{
	display: inline-block;
    float: right;
	margin:15px 10px 5px 0;
	line-height:30px;
	color:#ccc;
	max-width:160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.sw_content span.ps_lieferbark:before{
	content: " ";
	width: 10px;
	height:10px;
	display:block;
	position:absolute;
	margin: 5px 0 0 -20px;
}
div.sw_content span.ps_lieferbark.lbk0:before{
	background-color:#44e694;
}
div.sw_content span.ps_art2kat a i{
    font-size: 30px;
    margin: 0 0 0 10px;
    color: #f87206;
}
div.sw_content span.ps_art2kat a:hover i{
    color: #37e065;
}

div.sw_content div#sw_ols_detail_2018_bundle_wrapper span.ps_lieferbark{
	max-width: 100%;
    width: 100%;
    text-align: center;
    margin: 0;
}

div.sw_content div#sw_ols_detail_2018_bundle_wrapper span.ps_lieferbark:before{
	display:none;
}

div.sw_content div#sw_ols_detail_2018_bundle_wrapper span.ps_art2kat{
	width: 100%;
    max-width: 100%;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
div.sw_content div#sw_ols_detail_2018_bundle_wrapper .masonry{
	margin:0;
	grid-gap: 15px;
    grid-template-columns: 250px 250px 250px 250px;
    grid-auto-rows: auto;
}
div.sw_content div#sw_ols_detail_2018_bundle_wrapper div.boxcontainer a>img{
	padding:10px;
}
div#swa_wk_overlay{
	position: fixed;
    cursor: default;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-color: #000;
    opacity: 0.6;
}
div#swa_wk_overlay_2{
	position: fixed;
    cursor: default;
    top: 0;
    left: 0;
    width: 600px;
    height: 300px;
    z-index: 9999;
    background-color: #fff;
    margin: 120px 0 0 calc(50% - 325px);
	padding:25px;
	display:table;
}
div#swa_wk_overlay_2 #swa_artikeldata_review img{
	width: 200px;
    margin: 10px 30px 0 0;
    position: absolute;
    right: 0;
}

div#swa_artikeldata_review div.swa_2wk_artikelname:nth-child(2){
	padding: 20px 0 0 0;
	width:300px;
}
div#swa_artikeldata_review div.swa_2wk_artikelname:nth-child(3){
	padding: 0 0 20px 0;
}
div#swa_artikeldata_review div.swa_2wk_artikelname:nth-child(3) u{
	text-decoration:none;
}
div#swa_wk_overlay_2 div.swa_success{
	color: #2bb136;
    font-size: 26px;
    line-height: 30px;
	margin: 0 0 10px 0;
}

div#swa_wk_overlay_2 ul.swa_success_ul li:nth-child(1) a{
	color: #ff9b00;
    font-size: 22px;
    font-weight: 900;
    line-height: 50px;
    text-decoration: none;
    display: inline-block;
}
div#swa_wk_overlay_2 ul.swa_success_ul li:nth-child(1) a:before{
	content: "\f07a";
    font-size: 30px;
    line-height: 50px;
    font-family: "Font Awesome 5 Free";
    margin: 0 20px 0 0;
	width: 40px;
    display: block;
    float: left;
}
div#swa_wk_overlay_2 ul.swa_success_ul li:nth-child(2) a{
	color: #007cff;
    font-size: 22px;
    font-weight: 900;
    line-height: 50px;
    text-decoration: none;
    display: inline-block;
}
div#swa_wk_overlay_2 ul.swa_success_ul li:nth-child(2) a:before{
	content: "\f055";
    font-size: 30px;
    line-height: 50px;
    font-family: "Font Awesome 5 Free";
    margin: 0 19px 0 3px;
	width: 40px;
    display: block;
    float: left;
}
li.sw_artikel_aktionlist_preis_uvp{
	clear:both;
	margin: 0 64px;
}
li.sw_artikel_aktionlist_preis_uvp div.swo_save_proz::before{
	margin: -4px 0 0 120px;
}
b.fragenzu_ue{
	display:block;
	margin:30px 0 0 0;
}
div.swo_kategorie_detail_asp{
	background-repeat: no-repeat;
    background-position:top left;
    height:80px;
	margin:0;
}
div.swo_kategorie_detail_asp b{
	width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
div.asp_einruecken{
	margin:10px 0 0 90px;
	font-size:0.8em;
}
ul.shop_ul_navmenu{
	margin:20px 20px 0 0;
	clear:both;
}
li.subkat_li.lic1,
li.subkat_li.lic2{
	margin:0 0 5px 0;
}
li.subkat_li.lic3{
	margin:0 0 5px 0;
}
ul.subkat_ul.lic3{
	margin: 0 0 0 30px;
	list-style:disc;
}

li.subkat_li.seoankers{
	margin:30px 0 0 0;
	
}

h1.no_articles{
	/*position:absolute;*/
}
div.space250{
	display:block;
	height:150px;
	width:1px;
}

div#swo_katinfo_divseo_text_rahmen h1{
	font-size:1em;
	line-height:1em;
	margin:0;
	padding:0;
}
#artikeltext li {
	margin: 0;
	padding: 5px 0 3px 40px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 22px;
	background-image:  url(https://www.musikland-online.de/pro/pix/haken_gruen.png);
}
#artikeltext li ul li{
	filter: hue-rotate(245deg);
	font-size:0.8em;
	background-size: 16px;
    padding: 4px 0 0 26px;
}
#swo_artikeldetail_artikelgruppen_divslider{
	display: block;
    min-height:280px;
}

#artikeltext #swo_artikeldetail_artikelgruppen_divslider li{
	margin: 0;
	padding: 0;
	background-image:  none;
}


#link_artikelbewertung_starten {
    display: block;
    width: 220px;
    line-height: 50px;
    margin: 15px;
    text-align: center;
    font-weight: 900;
    text-decoration: none;
    color: #fff;
    background: rgb(99,214,77);
    background: -moz-linear-gradient(top, rgba(99,214,77,1) 0%, rgba(76,173,71,1) 100%);
    background: -webkit-linear-gradient(top, rgba(99,214,77,1) 0%,rgba(76,173,71,1) 100%);
    background: linear-gradient(to bottom, rgba(99,214,77,1) 0%,rgba(76,173,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d64d', endColorstr='#4cad47',GradientType=0 );
}

div#swo_katinfo_divseo_text_rahmen h2{
	font-size:0.8em;
	color:var(--jmblau);
	line-height:1em;
	margin:10px 0 0 0;
	padding:0;
}


div.sw_content h1{
	font-size:1.4em;
	line-height:1em;
	margin:20px 0 0 0;
}
div.sw_content h2,
div.sw_content h3{
	font-size:1em;
	color:#000;
	line-height:1.2em;
	padding:0;
}



div#swo_katinfo_divseo_text_rahmen h3.swo_katinfo_divseo_h3{
	background-color:#002080;
	font-size: 1em;
    line-height: 1em;
    padding: 10px 20px;
    color:#fff;
}
div#swo_katinfo_divseo_text_rahmen div.swo_katinfo_divseo_div p:last-of-type{
	margin:0 0 50px 0;
}

.mobile_only,
li.ps_mobile_select_order{
	display:none;
}
div.subkatdivlinks div.subkats_mobile_slider{
	/*display:none;*/
}
div.caroufredsel_wrapper{
	overflow:hidden;
}

ul.pro_multislides{
	height:1px;
	overflow:hidden;
}
div.pro_sparlink{
	width:260px;
	
}
div.sparen_3{
	float:left;
	/* background:red; */
	cursor:pointer;
}
div.sparen_5{
	float:right;
	/* background:blue; */
	cursor:pointer;
}

div.pro_sparen_class {
	background: rgba(12, 205, 9, 1);
	width:200px;
	height:200px;
	text-align: center;
	z-index:2;
	margin: 30px 0 30px 85px;
}

div.nicht_sparen{
	display: block;
    width: 100%;
    float: left;
    margin: 20px 0 0 20px;
}
div.nicht_sparen:after{
	content: " ";
	display:block;
	clear:both;
	
}
div.nicht_sparen a{
    font-size: 1.6em;
    text-decoration: underline;
	
}

h2.pro_spar_h2{
	text-align: center;
    margin: 0 0 20px 0;
}

div.pro_sparen_class.class3{
	
}
div.pro_sparen_class.class5{
}

div.pro_sparen_class:before,
div.pro_sparen_class:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width:160px;
	height:160px;
	background:  rgba(12, 205, 9, 1);
	z-index:-1;
}

div.pro_sparen_class:before {
	-webkit-transform: rotate(30deg);
	   -moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		 -o-transform: rotate(30deg);
}

div.pro_sparen_class:after {
	-webkit-transform: rotate(60deg);
	   -moz-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		 -o-transform: rotate(60deg);
}
div.pro_sparen_class:before,
div.pro_sparen_class:after,
div.pro_sparen_class{
	width:90px;
	height:90px;
}
div.pro_sparen_class:before,
div.pro_sparen_class:after,
div.pro_sparen_class{
	background:  rgb(222, 19, 19);
}
div.pro_sparen_class.class3:before,
div.pro_sparen_class.class3:after,
div.pro_sparen_class.class3{
	background:  rgb(91, 245, 104);
}

div.pro_sparen_class{
	line-height: 80px;
    font-size: 50px !important;
    color: #fff;
    transform: rotate(12deg);
    padding: 0 8px;
    font-weight: 900;
    letter-spacing: 5px;
}
div.pro_sparlink b{
	display: block;
    text-align: center;
	clear:both;
	margin:10px 0;
	font-size:1.2em;
	padding:0 20px;
}
div.pro_sparlink i{
	display: block;
    text-align: center;
	margin:0 0 20px 0;
	clear:both;
}

a.artikel_all_artikel_of_her{
	display: block;
    line-height: 40px;
    margin: 10px 0;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 0 0 0 100px;
}

div#gallery button.pswp__button:hover{
	background:transparent;
	background-color:transparent;
	color:#fff !important;
}

div.hide_filter_selectors{ 
	position:fixed;
	top:-10000px;
	left:-10000px;
}
.proshop_select_slider{
	margin:20px 15px;
}

/* LOGO */

div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover,
div.sw_main_menu_div .exo-menu > li > a.mainlogo_link{
	background-color: #fff;
    background-image: url(pix/jm_logo_oben.png);
    width: 100%;
    height: 82px;
    display: block;
    background-repeat: no-repeat;
    background-position: 37px 5px;
    background-size: 152px auto;
    margin: -39px auto;
    border: 0;
    padding: 0;
}


ul.exo-menu li.mega-drop-down{
	background-color: var(--jmblau);
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	font-size:1.2em;
	line-height:1.4em;
}
ul.exo-menu li:nth-child(2){
	border-left:0px solid #fff;
}
div.mega-menu.open{
	display:block;
}
div.sw_main_menu_div .mega-drop-down a:hover+.mega-menu.zu{
	display:none;
}

.masonry.listview {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
    grid-auto-rows: auto;
    clear: both;
    margin: 0 0 50px 0;
}
.masonry.listview .artikelbox img.mobilepslazy,
.masonry.listview .artikelbox img.pslazy {
    min-width: 100px;
    min-height: 100px;
    height: 120px;
    width: 120px;
    display: block;
    float: left;
	border:1px solid #fff;
}

.masonry.listview div.ps_list_a_det{
	display: inline-block;
    float: right;
    width: calc(100% - 140px);
}

div.sw_content .masonry.listview span.sort_hersteller img {
    height: 50px;
    float: left;
    margin: -10px 0 0 10px;
}
div.sw_content .masonry.listview a.ps_single_art {
    display: block;
    text-align: left;
	font-size: 1.6em;
    /*width: 300px;*/
    text-decoration: none;
    padding: 0;
    line-height: initial;
    margin: 0px 0 0 150px;
    clear: both;
    position: absolute;
}

.masonry.listview div.swo_mark_as_new::before {
    content: "";
    width: 55px;
    height: 55px;
    display: block;
    z-index: 1;
    position: absolute;
    background-image: url(https://www.musikland-online.de/pix/label_neu_gruen.png);
    margin: 0;
    background-repeat: no-repeat;
    margin: -7px 0 0 57px;
    background-size: 55px auto;
}

.masonry.listview div.swo_save_proz::before{
	
    width: 80px;
    height: 100px;
    margin: -5px 0 0 -30px;
    background-size: 70px auto;
    padding: 47px 26px 0 16px;
    font-size: 15px;
	
}
.masonry.listview .artikelbox{
	margin:0;
}
.masonry.listview .artikelbox:hover{
	border:1px solid #fff;
}

a.pmv_listview_switch{
	
	background-image:url(pix/liste_liste.gif);
	background-repeat:no-repeat;
	color: var(--jmblau);
	text-decoration:none;
	display:inline-block;
	padding:0 0 0 20px;
	
}
a.pmv_listview_switch.raster{
	
	background-image:url(pix/liste_grid.gif);
	background-repeat:no-repeat;
	color: var(--jmblau);
	text-decoration:none;
	display:inline-block;
	padding:0 0 0 20px;
	
}

/* Pro Shop Ende */



/* Checkout 2017 */


#sw_google_address_helper{
	display:none;
}
#sw_checkout_address_data{
	display:block !important;
}

#swo_activate_gutschein_div{
	text-align:right;
}

#swo_checkout_mainform{
	margin:30px auto 20px auto;
	max-width: 800px;
	width:99%;
}
#wk_checkout_tab_main_ul{
	list-style-type:none;
	margin:0;
	padding:0;	
}
.swo_wkcheckout_artikel_link{
	line-height:70px;
	max-width:380px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swo_wkcheckout_li {
    background-repeat: no-repeat !important;
	height: 70px;
    background-size: auto 50px !important;
    background-position: 10px !important;
    padding: 0px 0 0 80px;
}
.swo_wkcheckout_li:nth-child(even) {
	background-color: #feffe4;
}
.swo_wkcheckout_li:nth-child(odd) {
	background-color: #f5f5dc;
}

.swo_wkcheckout_li input{
	width: 50px;
    margin: 0px 10px 0 0;
    display: inline-block;
	line-height: initial;
}
a.sw_refresh_artikel{
	margin: 0 20px 0 0;
	line-height: 70px;
}
.swo_wkcheckout_artikel_preis{
	float:right !important;
	font-size:1.2em;
	height: 70px;
    padding: 17px 0 0 0;
	margin:0 10px 0 0;
}
.swo_wkcheckout_artikel_anzahl{
	width: 100px;
    line-height: 70px;
}
div#artikeltext div.ps_proz_best b{
	display:block;
}
.swo_wkcheckout_artikel_preis span{
	font-size:10px;
}
#wk_checkout_div_summe{
	margin:20px 0 0 0;
}
#swo_lieferung_optionen{
	width:50%;
	float:left;
}
#swo_zahlung_optionen{
	width:50%;
	float:right;
	text-align:right;
}
#sw_checkout_final_sum{
	clear:both;
	margin:0;
	padding:20px 0 10px 0;
	font-size:2em;
	text-align:right;
}
#wk_checkout_div_summe_mwst{
	line-height:16px;
	font-size:10px;
	text-align:right;
}
span.mwst_span{
	display:block;
}
#swo_checkout_styling{
	clear:both;
}
#swo_checkout_address_fillin_area{
	margin:20px 0 0 0;
}

div.sw_content #vrpay_zahlung_fehler_return a.sw_change_alternativen_link{
	width:500px !important;
	max-width:100% !important;
}
#swo_checkout_mainform pre{
	font-size: 12px;
    font-family: monospace;
	padding:10px;
	border:1px solid red;
}

#swo_lieferung_auswahl_wrapper_id_3,
#swo_lieferung_auswahl_wrapper_id_2{
	
	background-size:initial;
	background-position: center right 10px;
	background-repeat:no-repeat;
    background-size: 80px auto;
	
	
}
#swo_lieferung_auswahl_wrapper_id_51{
	background-size:initial;
	background-position: center right 10px;
	background-repeat:no-repeat;
    background-size: 180px auto;
	height:40px;
}
#swo_lieferung_selected #swo_lieferung_auswahl_wrapper_id_51{
	background-position: top 4px right 80px;
	height:60px;
}
#swo_lieferung_selected #swo_lieferung_auswahl_wrapper_id_2{
	background-position: top 0px right 80px;
}

.modal-header .close{
	font: caption !important;
    color: red !important;
    opacity: 1 !important;
    font-size: 40px !important;
    height: 40px !important;
    border: 0 !important;
    text-shadow: none !important;
}

#swo_zahlung_auswahl_wrapper_id_9 .swo_zahlung_auswahl_kosten_preis{
	
	font-size:1.2em;
	line-height:2em;
	color:rgb(99,214,77);
	font-weight:900;

}
span.swo_lieferung_auswahl_beschreibung_class,
span.swo_zahlung_auswahl_beschreibung_class{
	display: block;
    font-size: 0.8em;
}

#quicklogin,
#swo_zahlung_alternativen,
#swo_lieferung_alternativen{
	
	position: absolute;
    width: 100%;
    z-index: 101;
    background: #fff;
    max-width: 400px;
    margin: 10px 0 0 -40px;
	padding:20px;
	
	
	border:1px solid #000;
	-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.75);
	
	
}
#swo_zahlung_alternativen{
    margin: -10px 0 0 -50px;
    max-width: 450px;
}

#swo_lieferung_alternativen{
    margin: -10px 0 0 0px;
    max-width: 450px;
}

#pp_express_div_2 #do_pp_express_agb_label{
	font-size: 1em;
    padding: 15px 0 15px 0;
    color: #4ca94c;
    font-weight: 900;
}
#pp_express_div_2 #do_pp_express_agb{
	float: left;
    zoom: 1.6;
    margin: 10px 15px 10px 0;
}

#pp_express_div_2 a#pp_express_swo_checkout_button,
div.sw_content a#swo_kundenloginlink,
div.sw_content a#swo_checkout_bemerkung_link,
div.sw_content a.sw_change_alternativen_link{
	display: inline-block;
    width: 220px;
    line-height: 26px;
    margin: 15px 0;
    text-align: center;
    font-weight: normal;
    font-size: 0.8em;
    text-decoration: none;
    color: #fff;
    background: rgb(99,214,77);
    background: -moz-linear-gradient(top, rgba(99,214,77,1) 0%, rgba(76,173,71,1) 100%);
    background: -webkit-linear-gradient(top, rgba(99,214,77,1) 0%,rgba(76,173,71,1) 100%);
    background: linear-gradient(to bottom, rgba(99,214,77,1) 0%,rgba(76,173,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d64d', endColorstr='#4cad47',GradientType=0 );
	border:0;
}
#pp_express_div_2 a#pp_express_swo_checkout_button{
	padding:10px 20px;
	font-size:1.4em;
	line-height:1em;
	width:500px;
	max-width:100%;
	clear:both;
	margin:0 0 20px 0;
}

#stop_solar_sim,
#authinfotransferlink,
#add_authcode_link{
    background: #ff9800;
    background: -moz-linear-gradient(top, #ff9800 0%, #d32b2b 100%);
    background: -webkit-linear-gradient(top, #ff9800 0%,#d32b2b 100%);
    background: linear-gradient(to bottom, #ff9800 0%,#d32b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#d32b2b',GradientType=0 );	
	width:auto;
	padding:0 20px;
}

#back2olsfromwklink{
	width: auto;
    font-size: 0.7em;
    float: right;
    line-height: 36px;
    padding: 0 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2fc+0,0046dd+100 */
	background: rgb(0,210,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,210,252,1) 0%, rgba(0,70,221,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,210,252,1) 0%,rgba(0,70,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,210,252,1) 0%,rgba(0,70,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2fc', endColorstr='#0046dd',GradientType=0 ); /* IE6-9 */
}

a#swo_kundenloginlink{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,898989+100 */
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	color:#000;
}

#telvorwahl,
#telnummer{
	max-width:100%;
}

#swo_checkbox_lieferanschrift_div{
	/*display:inline-block !important;*/
}

#swo_select_liefer_laenderliste,
#swo_select_laenderliste{
	max-width:400px;
	margin: 20px 0;
	padding: 7px 0 7px 10px !important;
    height: 40px !important;
}
div#swo_checkout_land_div{
	display:inline-block;
}


#domainsuche a#add_domain2wk_link_inkl_auth.sw_change_alternativen_link,
#domainsuche a#add_authcode_link.sw_change_alternativen_link{
	float:none !important;
}


#swo_lieferung_alternativen .swo_lieferung_auswahl_wrapper_class,
#swo_zahlung_alternativen .swo_zahlung_auswahl_wrapper_class{
	padding:10px !important;
	margin:0;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	background-color:#fff;
	min-height: 80px;
}
#swo_lieferung_alternativen .swo_lieferung_auswahl_wrapper_class:hover,
#swo_zahlung_alternativen .swo_zahlung_auswahl_wrapper_class:hover{
	background-color:#F5F5F5 !Important;
}
#swo_lieferung_alternativen .swo_lieferung_auswahl_wrapper_class:last-of-type,
#swo_zahlung_alternativen .swo_zahlung_auswahl_wrapper_class:last-of-type{
	border-bottom:0;
}
#swo_ajax_checkout_return_erfolg{
	margin:20px 0 0 0;
}
#swo_bestell_bemerkung_return_div{
	display:block;
	margin:40px 0 0 0;
}
#swo_checkout_sonder_zahlungsart_area{
	margin:40px 0 0 0;
}
#swo_paypal_abdecker{
	display: block;
    background: #fff;
    height: 130px;
    width: 100%;
    position: absolute;
    left: 0;
	z-index:9999;
}
#swo_over_paypal_abdecker{
	display: block;
    position: absolute;
	z-index:10001;
	padding: 10px 0 0 0;
}
#swo_over_paypal_abdecker b{
	display:block;
	padding: 0 0 10px 0;
}
#swo_over_paypal_abdecker span{
	font-size:0.9em;
	max-width:700px;
	display:block;
}

#swo_checkbox_lieferanschrift_button,
#agbokbutton{
	margin: 0 0 0 20px;
}

#swo_checkbox_lieferanschrift_button,
#agbokbutton,
#continueButton{
	padding:5px 10px;
	font-size:small;
	cursor:pointer;
}

#continueButton{
    -moz-appearance: button;
    -moz-binding: none;
    -moz-user-select: none;
    background-color: buttonface;
    border: 2px outset buttonface;
    box-sizing: border-box;
    color: buttontext;
    cursor: default;
    font: ;
    line-height: normal;
    padding: 3px 6px;
    text-align: center;
    white-space: pre;
	box-shadow: 0 0 0 #fff, 0 0 0 rgba(0, 0, 0, 0.1) inset;
}
#continueButton:active{
    border: 2px inset buttonface;
}

#sw_checkout_submit{
	width:100%;
	height:120px;
}

#swo_checkout_button{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
	font-weight:900;
	color:#fff;
	border: 1px solid #ED5306 !important;
	width:350px !important;
	letter-spacing: 1px;
	
	transition: all 0.4s ease-in-out;
}
#swo_checkout_button:hover{
	letter-spacing: 2px;
	transition: all 0.4s ease-in-out;
	border:1px solid #fff !important;
}

#swo_create_kundenkonto_wrapper{
	padding:15px 10px;
	background-color:#fff;
	margin:0 0 20px 0;
}
#swo_checkout_styling label.radio:before{
	width:30px !Important;
	height:30px !Important;
}
#swo_checkout_styling label.radio:after{
	width: 16px !Important;
    height: 9px !important;
}
#swo_checkout_styling label#swo_create_kundenkonto_label.radio:before, 
#swo_checkout_styling label#swo_checkbox_lieferanschrift_label.radio:before{
}
#swo_checkout_styling label#swo_create_kundenkonto_label.radio:after, 
#swo_checkout_styling label#swo_checkbox_lieferanschrift_label.radio:after{
	top: 10px !important;
    left: 6px !important;
	border: 3px solid rgba(  72, 164, 220 , 1 ) !important;
	border-top: none !important;
    border-right: none !important;
}
a#swo_checkbox_lieferanschrift_a,
a#swo_create_kundenkonto_a{
	margin: 0 0 0 20px;
    font-size: 1.2em;
}
/* Checkout 2017 ende */


ul#artikel_zusatz_downloads li{
	width: 100%;
	max-width:550px;
	line-height: 40px;
	overflow: hidden;
	display: block;
	background: #f3f3f3;
	margin: 0 0 5px 0;
	border: 1px solid #696969;
	border-radius: 5px;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul#artikel_zusatz_downloads li a{
	line-height:40px;
	display:block;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration:none;
	color:#000;
}
ul#artikel_zusatz_downloads li a img{
	margin: 5px 5px 5px 0;
	float: left;
}

div.grid.toprow1 div,
div.grid.toprow1 span,
div.grid.toprow1 a{
	font-size:10px;
	line-height:12px;
}

label.abslabel{
	position:absolute;
	z-index:-1;
}

li.mega-drop-down a.topmenuclass,
div.sw_main_menu_div a.row.mega-title,
div.sw_main_menu_div .mega-menu ul li a{
	background-size:0px 0px;
}


div.main_carousel_top div.list_carousel{
	margin-left:10px;
}

h4.payHead{
	cursor: pointer;
    font-size: 14pt;
    font-weight: 500;
    display: block;
    margin: 0 0 30px 0;
    background: #f6f6f6;
    padding: 10px 20px;
    border: 1px solid #666;
    border-radius: 4px;
}
h4.payHead img{
	max-width:140px;
	margin: 0 20px 0 0;
    float: left;
}

div.sub_kategorien_slider_div {
	display:inline-block;
	width:100%;
}





/*

MOBILE

*/

@media screen and (max-width: 1024px) {
	.grid {padding:0px;}
	form.pro_multi_order{zoom:0.8;}
}

/* =Media query for 960 Screens - sets nested grids to 100%-------------------------------------------------------------- */
@media only screen and (max-width:960px) { 
	.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12, .row .row .c1-5, .row .row .c1-8 { width: 100%; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
	.row .row>div:last-child { margin-bottom: 0 !important }
	.visible-xs-block {
		display: block!important;
	}
	form.pro_multi_order{zoom:1;}
}


/* small screen */
@media screen and (max-width: 960px) {
	
	h4.payHead{
		font-size:0.8em !important;
		line-height:1.2em;
	}
	h4.payHead img {
		max-width: 100%;
		margin: 0 0 5px 0;
		float: none;
		display:block;
	}
	
	
	.js #responsivemenu { 
		display: none;
	}
	.js .selectnav { 
		display: block;
		background: #333;
		color: #fff; 
		font-size:15px;
		border: 1px solid #333;
		border-radius: 0px;
		max-width: 100%;
		margin-left: -10px;
	}
	nav {
		float:none;
	}
	.rightareaheader {float:none;}
	.showmobile {display:block;}
	.rightareaheader {padding-bottom:0px;}
	.titlehead {text-align:center;}  
	.royalheader {line-height:35px;}
	.royalheader h1 {line-height: 30px;}
	.royalcontent {margin-bottom:0px;}
	.introboxfirst, .introboxmiddle, .introboxlast {border:0px;}
	/*
	.list_carousel li {
		min-width:320px !important;
		max-width:100%;
	}
	*/
	
	#wrapfooter div.c3foo a {
		line-height: 30px;
	}
	
	.list_carousel .carousel_nav {
		top:-73px;
		padding-right: 5px;
	}
	.actionbutton {display:block;}

	.wrapaction {background:none;border:0px;}
	#nav ul li a {margin-bottom:20px;}
	.option-set {padding-bottom:-30px;}
	body {border-top:3px solid #444;}  
	.back-top a {display:none;}
	.faqstitle {font-size:13px;}
	div.timelineMajor {margin:0px;width:100%;padding-left: 10px;}
	.timelineMajor h2 {margin:0!important;padding:0px!important;background:none;margin-bottom: 10px !important;margin-top: 20px !Important;}
	.timelineMajor h2 span {padding:0;}
	dl.timelineMinor {margin:0!important;padding:0!important;width:100%;}
	.timelineMinor dt {margin: 0!important;padding: 0!important;white-space: nowrap;margin-bottom: 10px !Important;}
	.timelineMinor dd {	padding-left:0px;}
	.timelineEvent p {margin:0px;}
	.timelineEvent h4 {margin:0px;padding:0 !important;}
	.timelineEvent blockquote {padding:0px;width:100%;}
	.timelineEvent blockquote * {width:100%;}
	.timelineEvent ul.moreInfo {	width:100%;}
	.timelineEvent ul.moreInfo li {	margin:0 !important;padding:0 !important;}
	.timelineEvent div.media {width:100%;}
	.timelineMinor dt {white-space:normal;background:none;}
	a.expandAll {padding: 10px;}
	#pricing-table .plan {width:100%;}
	.mosaicover2col {height: 185px;} 
	.boxcontainer2col {height: 280px;}
	.boxtwocolumns {height:280px;}
}

/* =Media query for iPad and tablets-------------------------------------------------------------- */
@media (max-width:960px) { 
	
	.row { margin-bottom: 0!important }
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 20px; }
}


/*responsive*/
@media (min-width:960px){
	div.sw_main_menu_div .exo-menu > li {
		width: 10.41%;
		font-size: 14px;
	 }
	div.sw_main_menu_div .exo-menu > li.c2 {
		width:16.66%;
		background-color: #fff;
		height: 36px;
	 }
	div.sw_main_menu_div .exo-menu > li > a{
		display: block;
		padding: 0px;
		line-height: 40px;
		height: 40px;
		text-align: center;
		overflow:hidden;
	 }
	div.sw_main_menu_div .mega-menu, 
	div.sw_main_menu_div .flyout-mega-wrap, 
	div.sw_main_menu_div .Images, 
	div.sw_main_menu_div .Blog,
	div.sw_main_menu_div .flyout-right>ul,
	div.sw_main_menu_div .flyout-left>ul,
	div.sw_main_menu_div li.drop-down>ul{
			position:absolute;
	}
	div.sw_main_menu_div .flyout-right>ul{
		left: 100%;
	}
	div.sw_main_menu_div .flyout-left>ul{
		right: 100%;
	}
	
	

	div.sw_main_menu_div .exo-menu > li.topmenucount_20,
	div.sw_main_menu_div .exo-menu > li.topmenucount_19,
	div.sw_main_menu_div .exo-menu > li.topmenucount_18,
	div.sw_main_menu_div .exo-menu > li.topmenucount_17,
	div.sw_main_menu_div .exo-menu > li.topmenucount_16,
	div.sw_main_menu_div .exo-menu > li.topmenucount_15,
	div.sw_main_menu_div .exo-menu > li.topmenucount_14,
	div.sw_main_menu_div .exo-menu > li.topmenucount_13,
	div.sw_main_menu_div .exo-menu > li.topmenucount_12,
	div.sw_main_menu_div .exo-menu > li.topmenucount_11,
	div.sw_main_menu_div .exo-menu > li.topmenucount_10,
	div.sw_main_menu_div .exo-menu > li.topmenucount_9,
	div.sw_main_menu_div .exo-menu > li.topmenucount_8{
		display:none;
	}
	div.sw_main_menu_div .exo-menu > li.websitetopmenu{
		display:inline-block !important;
	}
	
	
 }
@media (max-width:960px){
	
	div.mobile_list_filter_link a span {
		position: absolute;
		width: 20px;
		height: 20px;
		background-color: #ff9000;
		font-size: 14px;
		line-height: 20px;
		font-weight: 900;
		color: #fff;
		border-radius: 50%;
		margin: 27px 0 0 -10px;
	}
	
	li.ps_kat_subkatli {
		width: 50%;
	}
	div.c12.subkatsdivarea{
		padding:0;
	}
	
	div#swo_artikeldetail_produktvariationen div.swo_artikeldetail_produktvariationen_detailsdivs{
		position:static;
	}
	div.produktvariationen.detailsdiv{
		float:initial;
	}

	ul.produktvariationen.detailsul{
		width:calc(100% - 30px);
		column-count: 3;
		list-style:disc;
	    margin: 0 0 0 15px;
		column-gap: 20px;
	}
	
	div.sw_main_menu_div .exo-menu > li.topmenucount_20,
	div.sw_main_menu_div .exo-menu > li.topmenucount_19,
	div.sw_main_menu_div .exo-menu > li.topmenucount_18,
	div.sw_main_menu_div .exo-menu > li.topmenucount_17,
	div.sw_main_menu_div .exo-menu > li.topmenucount_16,
	div.sw_main_menu_div .exo-menu > li.topmenucount_15,
	div.sw_main_menu_div .exo-menu > li.topmenucount_14,
	div.sw_main_menu_div .exo-menu > li.topmenucount_13,
	div.sw_main_menu_div .exo-menu > li.topmenucount_12,
	div.sw_main_menu_div .exo-menu > li.topmenucount_11,
	div.sw_main_menu_div .exo-menu > li.topmenucount_10,
	div.sw_main_menu_div .exo-menu > li.topmenucount_9,
	div.sw_main_menu_div .exo-menu > li.topmenucount_8{
		display:inline-block;
	}
	
	div.sw_main_menu_div .exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	
	div.sw_main_menu_div .exo-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	div.sw_main_menu_div .exo-menu > li{
		width:100%;
	}
	div.sw_main_menu_div .display.exo-menu > li > a{
		display:block ;
	  	padding: 20px 22px;
	}
	div.sw_main_menu_div a.row.mega-title{
		margin: 0;
		padding: 0px 10px 0px 80px;
		border-top: 1px solid #fff;
		background-size: 64px auto;
		background-position: center left;
		background-repeat: no-repeat;
		line-height: 40px;
	}
	div.sw_main_menu_div .mega-menu ul li a{
		margin:0;
		padding:0px 10px 0px 105px;
		border-top:1px solid #fff;
		line-height:40px;
		background-size: 64px auto;
		background-position: center left;
		background-repeat: no-repeat;
		font-size: 0.8em;
	}
	div.sw_main_menu_div ul.menusub{
		padding:0;
		list-style-type: none;
	}
	div.sw_main_menu_div .mega-menu div.col-md-2,
	div.sw_main_menu_div .mega-menu{
		padding:0;
	}
	div.sw_main_menu_div div.row.menurow{
		margin:0 !important; 
	}
	
	div.sw_main_menu_div .mega-menu, 
	div.sw_main_menu_div .Images, 
	div.sw_main_menu_div .Blog,
	div.sw_main_menu_div .flyout-right>ul,
	div.sw_main_menu_div .flyout-left>ul,
	div.sw_main_menu_div li.drop-down>ul{
			position:relative;
	}

}

div.swo_mark_as_new::before {
    content: "";
    width: 100px;
    height: 90px;
    display: block;
    z-index: 1;
    position: absolute;
    background-image: url(https://www.musikland-online.de/pix/label_neu_gruen.png);
    margin: 0;
    background-repeat: no-repeat;
    margin: -12px 0 0 18px;
    background-size: 100px auto;
}

div.swo_save_proz::before{
    content: "";
    width: 180px;
    height: 70px;
    display: block;
    z-index: 2;
    position: absolute;
    background-image: url(https://www.musikland-online.de/pix/sale2023.png);
    margin: 0;
    background-repeat: no-repeat;
    margin: 10px 0 0 -4px;
    background-size: 180px;
    text-align: center;
    padding: 0;
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    transform: rotate(0deg);
}


div.swo_save_proz.save_proz_15::before,
div.swo_save_proz.save_proz_16::before,
div.swo_save_proz.save_proz_17::before,
div.swo_save_proz.save_proz_18::before,
div.swo_save_proz.save_proz_19::before,
div.swo_save_proz.save_proz_20::before,
div.swo_save_proz.save_proz_21::before,
div.swo_save_proz.save_proz_22::before,
div.swo_save_proz.save_proz_23::before,
div.swo_save_proz.save_proz_24::before{
	display: none;
}




div.ps_add_artikel_li div.swo_save_proz::before{
    margin: 20px 0 0 190px;
    background-size: 100px;
}

/*
div.swo_save_proz.save_proz_15::before{display: block;content: "15%";}
div.swo_save_proz.save_proz_16::before{display: block;content: "16%";}
div.swo_save_proz.save_proz_17::before{display: block;content: "17%";}
div.swo_save_proz.save_proz_18::before{display: block;content: "18%";}
div.swo_save_proz.save_proz_19::before{display: block;content: "19%";}

div.swo_save_proz.save_proz_20::before{display: block;content: "20%";}
div.swo_save_proz.save_proz_21::before{display: block;content: "21%";}
div.swo_save_proz.save_proz_22::before{display: block;content: "22%";}
div.swo_save_proz.save_proz_23::before{display: block;content: "23%";}
div.swo_save_proz.save_proz_24::before{display: block;content: "24%";}
div.swo_save_proz.save_proz_25::before{display: block;content: "25%";}
div.swo_save_proz.save_proz_26::before{display: block;content: "26%";}
div.swo_save_proz.save_proz_27::before{display: block;content: "27%";}
div.swo_save_proz.save_proz_28::before{display: block;content: "28%";}
div.swo_save_proz.save_proz_29::before{display: block;content: "29%";}

div.swo_save_proz.save_proz_30::before{display: block;content: "30%";}
div.swo_save_proz.save_proz_31::before{display: block;content: "31%";}
div.swo_save_proz.save_proz_32::before{display: block;content: "32%";}
div.swo_save_proz.save_proz_33::before{display: block;content: "33%";}
div.swo_save_proz.save_proz_34::before{display: block;content: "34%";}
div.swo_save_proz.save_proz_35::before{display: block;content: "35%";}
div.swo_save_proz.save_proz_36::before{display: block;content: "36%";}
div.swo_save_proz.save_proz_37::before{display: block;content: "37%";}
div.swo_save_proz.save_proz_38::before{display: block;content: "38%";}
div.swo_save_proz.save_proz_39::before{display: block;content: "39%";}

div.swo_save_proz.save_proz_40::before{display: block;content: "40%";}
div.swo_save_proz.save_proz_41::before{display: block;content: "41%";}
div.swo_save_proz.save_proz_42::before{display: block;content: "42%";}
div.swo_save_proz.save_proz_43::before{display: block;content: "43%";}
div.swo_save_proz.save_proz_44::before{display: block;content: "44%";}
div.swo_save_proz.save_proz_45::before{display: block;content: "45%";}
div.swo_save_proz.save_proz_46::before{display: block;content: "46%";}
div.swo_save_proz.save_proz_47::before{display: block;content: "47%";}
div.swo_save_proz.save_proz_48::before{display: block;content: "48%";}
div.swo_save_proz.save_proz_49::before{display: block;content: "49%";}

div.swo_save_proz.save_proz_50::before{display: block;content: "50%";}
div.swo_save_proz.save_proz_51::before{display: block;content: "51%";}
div.swo_save_proz.save_proz_52::before{display: block;content: "52%";}
div.swo_save_proz.save_proz_53::before{display: block;content: "53%";}
div.swo_save_proz.save_proz_54::before{display: block;content: "54%";}
div.swo_save_proz.save_proz_55::before{display: block;content: "55%";}
div.swo_save_proz.save_proz_56::before{display: block;content: "56%";}
div.swo_save_proz.save_proz_57::before{display: block;content: "57%";}
div.swo_save_proz.save_proz_58::before{display: block;content: "58%";}
div.swo_save_proz.save_proz_59::before{display: block;content: "59%";}

div.swo_save_proz.save_proz_60::before{display: block;content: "60%";}
div.swo_save_proz.save_proz_61::before{display: block;content: "61%";}
div.swo_save_proz.save_proz_62::before{display: block;content: "62%";}
div.swo_save_proz.save_proz_62::before{display: block;content: "63%";}
div.swo_save_proz.save_proz_64::before{display: block;content: "64%";}
div.swo_save_proz.save_proz_65::before{display: block;content: "65%";}
div.swo_save_proz.save_proz_66::before{display: block;content: "66%";}
div.swo_save_proz.save_proz_67::before{display: block;content: "67%";}
div.swo_save_proz.save_proz_68::before{display: block;content: "68%";}
div.swo_save_proz.save_proz_69::before{display: block;content: "69%";}

div.swo_save_proz.save_proz_70::before{display: block;content: "70%";}
div.swo_save_proz.save_proz_71::before{display: block;content: "71%";}
div.swo_save_proz.save_proz_72::before{display: block;content: "72%";}
div.swo_save_proz.save_proz_72::before{display: block;content: "73%";}
div.swo_save_proz.save_proz_74::before{display: block;content: "74%";}
div.swo_save_proz.save_proz_75::before{display: block;content: "75%";}
div.swo_save_proz.save_proz_76::before{display: block;content: "76%";}
div.swo_save_proz.save_proz_77::before{display: block;content: "77%";}
div.swo_save_proz.save_proz_78::before{display: block;content: "78%";}
div.swo_save_proz.save_proz_79::before{display: block;content: "79%";}

div.swo_save_proz.save_proz_80::before{display: block;content: "80%";}
div.swo_save_proz.save_proz_81::before{display: block;content: "81%";}
div.swo_save_proz.save_proz_82::before{display: block;content: "82%";}
div.swo_save_proz.save_proz_82::before{display: block;content: "83%";}
div.swo_save_proz.save_proz_84::before{display: block;content: "84%";}
div.swo_save_proz.save_proz_85::before{display: block;content: "85%";}
div.swo_save_proz.save_proz_86::before{display: block;content: "86%";}
div.swo_save_proz.save_proz_87::before{display: block;content: "87%";}
div.swo_save_proz.save_proz_88::before{display: block;content: "88%";}
div.swo_save_proz.save_proz_89::before{display: block;content: "89%";}

div.swo_save_proz.save_proz_90::before{display: block;content: "90%";}
div.swo_save_proz.save_proz_91::before{display: block;content: "91%";}
div.swo_save_proz.save_proz_92::before{display: block;content: "92%";}
div.swo_save_proz.save_proz_92::before{display: block;content: "93%";}
div.swo_save_proz.save_proz_94::before{display: block;content: "94%";}
div.swo_save_proz.save_proz_95::before{display: block;content: "95%";}
div.swo_save_proz.save_proz_96::before{display: block;content: "96%";}
div.swo_save_proz.save_proz_97::before{display: block;content: "97%";}
div.swo_save_proz.save_proz_98::before{display: block;content: "98%";}
div.swo_save_proz.save_proz_99::before{display: block;content: "99%";}

*/

.swo_photoswipe_preis{
	width: 100% !important;
    background-color: var(--menufarbe) !important;
}
.pswp__caption__center{
	color: var(--menufarbe) !important;
}

li.ps_shop_kat_subnav_artikel ul.pro_subkat_bar_links_ul{
	margin:15px 0;
	display:table;
}
div.pro_subkat_bar_links_div{
	margin-top:20px;
    display: block;
    width: 100%;
	padding: 0 30px 0 0;
}
div.pro_subkat_bar_links_div:after{
	content: " ";
	display:block;
	clear:both;	
}
div.pro_subkat_bar_links_div li.pro_subkat_bar_links_li {
    display: block;
    float: left;
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 1px solid silver;
    margin: 0 0 5px 0;
    border-radius: 3px;
    background-color: silver;
}
div.pro_subkat_bar_links_div li.pro_subkat_bar_links_li a{
	color:#ffffff;
	text-decoration:none;
	font-size:1.2em;
	line-height:50px;
    background-position: top left;
    background-size: 50px auto;
    background-repeat: no-repeat;
    padding: 0 10px 0 60px;
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
}
#artikeltext ul.merkmal_menu_links{
	margin:30px 0;
	columns:2 12em;
}

body{
	background-color:rgba(6, 6, 6, 0.41);
	background-image: url(pix/website_hg.png);
	background-attachment: fixed;
}

div.pro_shopsuchfeld{
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}

div.oeffnungsz{
	float:left;
	margin:0 0 0 10px;
	color: var(--jmblau);
}
div.oeffnungsz span{
	display:block;
	font-size:12px;
	line-height: 16px;
    padding: 0 0 0 10px;
}
div.oeffnungsz.telblockklein{
	display:none;
}

div.artikelbilddiv.mobile_only figcaption{
	font-size: 10px;
    margin: 0 0 15px 0;
    color: #a0a0a0;
}

div#such_erg_preview{
	display: none;
    width: 100%;
    /*height: 400px;*/
    background-color: #fff;
    position: absolute;
    z-index: 1;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

div#such_erg_preview a.ps_vergleich{
	display:none;
}

div#such_erg_preview h1{
	clear: both;
    padding: 20px 20px 5px 20px;
    margin: 0;
    font-size: 1.8em;
}

div.no_articles_soundex{
	padding:0 20px 30px 20px;
	font-size:1.4em;
}
div.masonry div.no_articles_soundex{
	padding:20px 30px 20px;
	font-size:1em;
}

div.no_articles_soundex a{
	font-weight:900;
	text-decoration:underline;
	padding:0 0 0 5px;
	font-style: italic;
	font-size:1.6em;
}


div#such_erg_preview div.boxcontainer,
div#such_erg_preview div.artikelbox{
	margin:0;
	border:0;
	height:50px;
	text-align:left;
	background-color:#fff;
}
div#such_erg_preview div.swo_mark_as_new:before{
	width: 50px;
    height: 50px;
	margin: -6px 0 0 15px;
    background-size: 50px auto;
}
div#such_erg_preview div.boxcontainer{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#such_erg_preview img.quickpic{
	width:46px;
	float:left;
	margin:2px;
}
div#such_erg_preview div.ps_list_a_det{
	margin:0;
	display:inline-block;
	width:calc(100% - 60px);
	height:50px;
	float:left;
}
div#such_erg_preview a.ps_single_art{
	line-height:50px;
	display:block;
	font-size:14px;
	padding:0 0 0 10px;
}
div#such_erg_preview span.ps_listen_preis{
	float:right;
	line-height:50px;
}
div#such_erg_preview div.swo_save_proz:before,
div#such_erg_preview div.artikelbewertung_wrapper,
div#such_erg_preview span.ps_art2kat,
div#such_erg_preview span.ps_lieferbark,
div#such_erg_preview span.sort_hersteller{
	display:none;
}


li.ps_mobile_select_order select.ps_mobile_order_select{
	width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}

div#bas-review a{
	font-size: 0.8em !important;
    padding: 20px 0 0 0;
}
div#bas-review>div{
	width:120px;
	float:left;
}

div#bas-review>div img{
	width:120px;
	height:100px;
}
span.shiftspan{
	position:absolute;
	top:-5000px;
	left:-5000px;
}


/* Website MIN width 1300 */
@media screen and (max-width: 1300px) {
	div.oeffnungsz.oeblock1{
		display:none;  
	}
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover, 
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link{
		background-position: 0px 3px;
	}
	div.sw_main_menu_div .exo-menu > li > a{
		font-size:0.8em;
	}
	div.sw_main_menu_div .c4.proztop{
		padding:0 20px;
	}
	span.proztop_span.zeile2{
		display:none;
	}
}

/* sitewizard mobile */
/* min 1024px */
@media screen and (max-width: 1024px) {
	.dreiercombo img{
		max-width:100%;
		float:none;
		margin:0;
	}
	.dreiercombo .teasertxt{
		float:none;
		padding:0;
		width:100%;
		text-align:left;
		margin:0;
	}
	.bottomlink .neutralbutton {
		display:none;
	}
	.bottomlink .txtlnk {
		display:block;
		margin:0 0 0 15px;
	}
	.bottomlink {
		margin: 0;
		text-align:left;
	}
		
		

	div.put_me_here{
		display:inline-block;
		width:100%;
	}
		
	
}

/* sitewizard mobile */
/* min 960px */
@media screen and (max-width: 960px) {
	
	div.sw_content a.ps_single_art {
		display: block;
		text-align: center;
		font-size: 18px;
		text-decoration: none;
		padding: 5px 10px;
		line-height: 18px;
		clear: both;
		margin: 0 0 15px 0;
	}
	a.ps_vergleich {
		display: inline-block;
		float: none;
		margin: 0 auto;
		line-height: 50px;
		font-size: 16px;
		color: var(--jmblau);
		width: initial;
		text-align: left;
	}
	
	.dreiercombo .teasertxt{
		padding: 0;
		width: 70%;
		float: left;
		text-align: left;
		margin: 10px 0;
		min-height: 60px;
	}
	.dreiercombo img {
		max-width: 100%;
		height: auto;
		float: none;
		border: 0;
		margin: 0;
	}
	.bottomlink {
		margin: -85px 20px 0 0;
	}
	.bottomlink a.neutralbutton{
		font-size: 40px;
		line-height: 60px;
		width: 60px;
		height: 60px;
		padding: 6px 10px;
	}
	.bottomlink .txtlnk {
		display: block;
		margin: 15px 0 0 15px;
		font-size: 1.4em;
	}
	
}


div.mobile_list_filter_link {
    position: fixed;
    top: 0;
    height: 50px;
    width: 50px;
    z-index: 9;
    margin: 0 0 0 -50px;
}

div.mobile_list_filter_link a i{
	color: #f76e2b;
}
div.mobile_list_filter_link a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: rgb(0 198 255 / 43%);
    text-align: center;
    font-size: 26px;
}

/* sitewizard mobile */
/* min 960px */
@media screen and (max-width: 960px) {
	
	
	.masonry.listview .artikelbox img.mobilepslazy,
	.masonry.listview .artikelbox img.pslazy {
		min-width: 80px;
		min-height: 80px;
		height: 80px;
		width: 80px;
	}
	.masonry.listview div.swo_save_proz::before {
		margin: 17px 0 0 508px;
	}
	.masonry.listview div.ps_list_a_det {
		width: calc(100% - 90px);
	}
	div.sw_content .masonry.listview span.ps_lieferbark{
		margin: 0 0 0 40px;
		line-height: 20px;
		float:right;
	}
	div.sw_content .masonry.listview a.ps_single_art {
		display: block;
		text-align: left;
		font-size: 1.4em;
		width:340px;
		margin:0;
	}
	div.sw_content .masonry.listview span.sort_hersteller {
		width: 300px;
	}
	div.sw_content .masonry.listview span.ps_listen_preis{
		width:initial;
		font-size: 1.6em;
		line-height: 1em;
		margin: 0;
	}
	div.sw_content .masonry.listview span.sort_hersteller img {
		height: 30px;
		margin: 40px 0 0 -10px;
	}
	div.sw_content .masonry.listview span.ps_lieferbark:before {
		margin: 5px 0 0 -15px;
	}
	.masonry.listview div.swo_mark_as_new::before {
		width: 45px;
		height: 45px;
		margin: 5px 0 0 -10px;
		background-size: 45px auto;
	}
	div.sw_content .masonry.listview span.ps_art2kat a i{
		display:none;
	}
	
	div.katslide h3.maintitle{
		display:none;
	}
	.list_carousel.addmargin li,
	div.subkats_mobile_slider div.c12{
		padding:0;
	}
	div.swo_zoom_list_uvp{
		display:none;
	}
	li.sw_artikel_aktionlist_preis_uvp div.swo_save_proz::before {
		margin: -215px 0 0 100px;
	}
	div.oeffnungsz{
		margin:7px 0 0 10px;
	}
	div.oeffnungsz.oeblock1{
		display:block;
	}
	.dreiercombo .teasertxt{
		padding: 0;
		width: calc(100% - 140px);
		float: left;
		text-align: left;
		margin: 10px 0;
		min-height: 60px;
	}
	.dreiercombo img {
		max-width: 130px;
		height: auto;
		float: none;
		border: 0;
		margin: 0;
	}
	.bottomlink {
		margin: -85px 20px 0 0;
	}
	.bottomlink a.neutralbutton{
		font-size: 40px;
		line-height: 60px;
		width: 60px;
		height: 60px;
		padding: 6px 10px;
	}
	
	.bottomlink .txtlnk {
		display: block;
		margin: 15px 0 0 15px;
		font-size: 1.4em;
	}
	
	#sw_main_top_slider div.slider_txt_1 {
		line-height: 22px;
		margin: -22px 0 0 0;
		padding: 0 10px;
		font-size: 14px;
	}
	
	
	#sw_main_top_slider div.slider_txt_2 {
		margin: -58px 0 0 0;
		right: 8px;
		font-size: 16px;
		padding: 5px 10px;
		border: 1px solid var(--menuschrift) !important;
		border-radius: 3px;
	}
	
	div.sw_main_menu_div .display.exo-menu > li > a.topmenuclass{
		background-size: 64px 64px;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0px 10px 0px 80px;
		line-height: 64px;
	}
		
	.desktop_only{
		display:none;
	}
	
	.pro_shopsuchfeld.visible{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		background-color: rgba(66, 66, 66, 0.8);
		height: 50px;
		padding: 0 10px !important;
	}
	
	/* LOGO */

	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover,
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link{
		background-color: #fff;
		background-image: url(pix/jm_logo_oben.png);
		width: 70%;
		height: 71px;
		display: block;
		background-repeat: no-repeat;
		background-position: 25px -4px;
		background-size: 124px auto;
		margin: -35px auto;
		border: 0;
		padding: 0;
	}
	body{
		border:0;
		padding: 50px 0 0 0 !important;
		background-size: cover;
	}
	div.sw_main_menu_div .toprow2 div.mainsuche{
		margin: 0 0 0 80px;
		width: initial;
		float: left;
		height:50px;
	}
	div.sw_main_menu_div .toprow2 div.top_mobile_butt{
		display:block;
		position: fixed;
		margin: 1px 0 0 0;
		width:80px;
		height:49px;
		right:50px;
	}
	#main-search-form{
		width: calc(100% - 80px);
	}
	div#such_erg_preview{
		width: calc(100% + 80px);
	}
	
	div.sw_main_menu_div .toprow2 div.divshopsuchezu,
	div.sw_main_menu_div .toprow2 div.divshopsuche{
		width: 40px;
		height: 50px;
	}
	div.divshopsuchezu a{
		display: block;
		margin: 7px;
		font-size: 28px;
		color: #fff;
	}
	div.sw_main_menu_div .toprow2 div.divshopsuche div.search-button{
		margin: 10px 0;
		font-size: 18px;
		padding: 0px 0 0 0;
		width: 40px;
		height: 30px;
		line-height: 28px;
		border-top: 1px solid #acb36b;
		border-left: 0px solid #acb36b;
		border-bottom: 1px solid #acb36b;
		border-right: 1px solid #acb36b;
		background: #fff;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	div.sw_main_menu_div .toprow2 div.top_mobile_butt a{
		margin: 10px 0;
		font-size: 18px;
		padding: 0px 0 0 0;
		width: 40px;
		height: 30px;
		line-height: 28px;
		display: block;
		text-align: center;
		border-left:0px solid #fff;
		float:left;
	}
	
	a.mobile_suche_show{
		display: block;
		width: 40px;
		height: 40px;
		padding: 10px 0 0 0;
	}
	
	a.mobile_suche_show i,
	div.sw_main_menu_div .toprow2 div.top_mobile_butt a i{
		font-size: 26px;
		color: var(--jmblau);
	}
	div.pro_shopsuchfeld_mobile div.suchrow{
		text-align:right;
	}
	
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover, 
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link {
		width: 80px;
		height: 50px;
		background-position: 10px 9px;
		background-size: 60px auto;
		margin: -50px 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}
	div.sw_main_menu_div .exo-menu{
		min-height:1px;
		height:0;
		background:#ccc;
	}
	div.sw_main_menu_div .exo-menu.display{
		min-height:50px;
		height:initial;
		background:#23364B;
	}
	div.sw_main_menu_div .exo-menu.display li.mega-drop-down{
		border-bottom:1px solid #fff;
	}
	div.sw_main_menu_div .exo-menu > li.mobile_menu_button_switch{
		position: absolute;
		margin: -50px 0 0 0;
		top: 0;
		right: 0;
		display: block;
		/* background: red; */
		height: 50px;
		width: 50px;
	}
			
	#main-search-form input[type="text"]{
		margin: 10px 0;
		padding: 0 10px 0 15px;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	
	div.sw_main_menu_div.menu_abs{
		position:absolute;
	}
	
	div.sw_main_menu_div .exo-menu i{
		font-size:30px;
		margin:0;
	}
	div.sw_main_menu_div .exo-menu i.fa-angle-down{
		margin:22px 15px 0 0;
	}
	div.sw_main_menu_div .exo-menu > li.mobile_menu_button_switch a{
		color: var(--jmblau);
		font-size: 22px;
		padding: 15px 0 0 10px;
		width: 50px;
		height: 40px;
		line-height: 40px;
		display: block;
		text-align: center;
		margin: 0;
		background: transparent;
	}
	
	ul.ps_all_hersteller_ul li img {
		height: 50px;
	}
	
	div.main_carousel_top div.space-top{
		margin:0;
		padding:0;
	}
	div.main_carousel_top div.c7.space-top div.list_carousel{
		padding:0 !important;
		margin:0 !important;
	}
	div.list_carousel{
		margin:0 !important;
		
	}
	div.carouselclassdiv{
		margin: 0;
		width: calc(100% - 10px);		
	}
	.list_carousel div.slider_nav a.slide_next {
		margin-right: 10px;
	}
	div.sw_content {
		margin: 10px;
		margin: 0;
		font-size: 1.1em;
	}
	
	div.sw_content.word2000{
		margin: 20px 10px;
	}
	
	div.sw_content h1.unused{
		
		line-height: 1em;
		font-size: 1.4em;
		margin: 20px 0 0 0;
		padding: 0;
	}
	.row .row .c7.maintitle {
		margin-bottom:0;
	}
	
	div.sw_content h2.unused{
		font-weight:900;
	}
	div.sw_content h3.ununsed{
		font-style: italic;
	}
	div.sw_content h3.price{
		font-style: initial;
	}
	div.sw_content p{
		/*text-align:justify;*/
		word-break: break-word;
	}
	
	div.subkatdivlinks{
		padding:0 15px;
		margin:0 !important;
		display:none;
	}	
	
	
	
	ul#swo_katinfo_divseo_anker_ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	div.sw_content ul#swo_katinfo_divseo_anker_ul a{
		text-decoration:none;
	}
	
	b.fragenzu_ue{
		margin:15px 0;
	}
	
	div.sortdiv{
		margin:0;
	}
	a.ps_filter_select_a.pfsa2,
	.ajax_loading_area{
		width:100%;		
	}
	
	
	div.artikel_extra_space div.subkatdivlinks{
		display:block;
	}
	
	div.subkatdivlinks div.subkats_mobile_slider{
		height:250px;
		display:block;		
		margin:-10px;
	}
	div.subkatdivlinks div.subkats_mobile_slider div.gridslide.katslide {
		/*
		position:absolute;
		left:-20px;
		width:calc(100% + 40px);
		padding:0;
		margin:0;
		*/
	}
	div.subkatdivlinks div.subkats_mobile_slider div.gridslide.katslide div.row{		
		/*margin:0;*/
	}
	div.subkatdivlinks div.subkats_mobile_slider div.gridslide.katslide div.c12{
		padding:0;
	}
	div.subkatdivlinks div.subkats_mobile_slider div.gridslide.katslide .list_carousel.addmargin li{
		padding:0;
	}
	
	div.sw_content div.row{
		margin:0;
	}
	
	div.sw_content div.row.filterdivrow{
		display:none;
	}
	
	
	
	div.proshopmaindiv{
		padding:0;
	}
	.lds-css {
		margin: 15% 110px;
		
	}
	li.ps_li_filter.filterslider {
		/*
		float: none;
		margin: 0;
		text-align: center;
		width: 100%;
		position: absolute;
		*/
	}
	li.ps_li_filter{
		width:100%;
	}
	div.div_sub_filtervalues{
		position:static;
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	div.div_sub_filtervalues label{
		/*width:calc(100% - 12px);
		float:none;*/
	}
	li.li_sort_by_preisslider{
		width:100%;
		margin: 0px 0 20px 0 !important;
	}
	#ps_preis_slider{
		width: calc(100% - 60px);
	}	
	li.ps_sortli{
		margin: 0;
		display: block;
		height: 20px;
	}
	li.ps_mobile_select_order{
		display: inline-block;
		clear: both;
		width: 100%;
		margin: 0 0 20px 0;
	}	
	li.li_show_only_new label,
	li.li_show_only_sale label{
		font-size: 20px;
		line-height: 1.6em;
	}
	
	div#swa_wk_overlay_2{		
		width: 96%;
		margin: 100px 2%;
		height: initial;
		padding:30px 5%;
	}		
	div.pro_sparlink{
		width:90%;	
		background: #f3f3f3;
		margin: 0 5% 20px 5%;
		border: 1px solid #696969;
		border-radius: 5px;
		
	}
	div.pro_sparlink i {
		margin: 0 0 20px 80px;
		text-align: left;
	}	
	div.pro_sparen_class:before, 
	div.pro_sparen_class:after, 
	div.pro_sparen_class {
		width: 40px;
		height: 40px;
		float:left;
	}
	div.pro_sparen_class{
		line-height: 37px;
		font-size: 19px !important;
		margin: 15px 0px -55px 20px;
		letter-spacing: 1px;
	}
	div.pro_sparlink b{
		font-size: 0.9em;
		text-align: left;
		margin: 12px 0 0 80px;
		padding: 0;
		max-width: 150px;
		overflow: hidden;
		display: block;
		height: 22px;
		
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	div#swa_wk_overlay_2 div.swa_success{
		font-size: 13px;
		text-align: center;
		padding: 10px 0;
		margin: -20px 0 20px 0;
		color: var(--menuschrift);
		background-color:  var(--menufarbe);
	}
	div#swa_wk_overlay_2 #swa_artikeldata_review img{
		position: initial;
		margin: 10px 0 0 20px;
		width: 120px;
	}
	div#swa_wk_overlay_2 ul.swa_success_ul{
		margin:30px 0 0 0;
	}
	div#swa_wk_overlay_2 ul.swa_success_ul li{
		text-align:left;
		border: 1px solid #696969;
		border-radius: 5px;
		padding: 0 15px;
		white-space: nowrap;
		width: 100%;
		height: 52px;
		margin: 0 0 20px 0;
		background: #f3f3f3;
	}
	div#swa_wk_overlay_2 ul.swa_success_ul li:nth-child(2) a {
		color: #676767;
	}
	.mobile_only{
		display:block;
		margin: 0 auto;
	}
	div.pro_subkat_bar_links_div {
		margin: 20px 0;
		display: block;
		width: 100%;
		padding: 0;
	}
	figure img.artikelbild{
		display:block;
		margin:0 auto;
	}
	ul.ps_add_artikel_ul li.leftie span{
		color:#000;
	}	
	ul.ps_add_artikel_ul li.leftie span.ows_liefer_gruen{
		margin:0;
	}
	h2.extrabundle_div{
		font-size:1em;
	}
	span.proshop_artikel_ueberschrift{
		line-height: 1.2em;
		font-size: 1.5em;
		margin: 10px 0;
		padding: 0;
	}
	div.proshop_mobile_bild1 figcaption,
	div#sw_detail_bild_div{
		display:none; 
	}
	ul.ps_add_artikel_ul li.artikel_bewertungs_li span.e_k{
		width:100%; 
	}
	ul.ps_add_artikel_ul li.artikel_bewertungs_li,
	div.artikel_extra_space{
		padding:0;
	}
	span.ps_add_artikel2wk{
		display:block;
		margin:0;
	}
	li.ps_add_artikel_li.artikel_preis_li{
		padding:10px 20px 0px 20px;
	}	
	li.artikel_preis_li div.a2wk a.ps_liste_wklnk{
		font-size: 50px;
	}
	ul.ps_add_artikel_ul li.ps_add_artikel_li.asp,
	ul.ps_add_artikel_ul,
	ul.ps_add_artikel_ul li.leftie i{
		margin:0; 
	}
	ul.ps_add_artikel_ul li.ps_add_artikel_li.asp #swo_artikelfragen_p{
		margin:0;
		padding:10px 0;
	}
	li#sw_easy_credit_ratenanzeige_li{
		padding:10px 1% 0 0;
		width:49%;
		float:left;
	}
	li#sw_artikel_aktionlist_paypalexpress{
		padding:10px 0 0 1%;
		width:49%;
		float:left;
	}
	button.paypal_sk_submitbutton span{
		font-size:0.9em;
	}
	#sw_easy_credit_ratenanzeige_div-link{
	    line-height: 30px;
		padding: 0;
		border-radius: 3px; 
	}
	li.artikel_bewertungs_li{
		width:100%;
		clear:both;
		margin:0 0 15px 0;
	}
	div.proshop_add_li_bewertung div.produkt_sw_bewertung_stern,
	div.proshop_add_li_bewertung div.produkt_sw_bewertung_grau{
		width:100px;
		background-size:20px auto;
		height:20px;
	}	
	div.proshop_add_li_bewertung {
		height: 20px;
		width:100px;
		margin:0 auto;
	}
	div.swo_kategorie_detail_asp{
		margin:0 0 15px 0;
	}
	li.leftie{
		float:left;
		width:49%;
		margin:0 1% 5px 0;
		font-size:0.8em;
		font-size: 0.8em;
		line-height: 1.1em;
	}
	li.ps_add_artikel_li.asp{
		clear:both;
		font-size:0.8em;
	}
	div#bewertung_inhalt{
		width: 96% !important;
		top: 8px !important;
		min-height: 1px !important;
		margin: 0 2% !important;
	}
	div#bewertung_inhalt h2{
		line-height: 1.2em;
		font-size: 1.6em;
		margin: 0 0 20px 0;
	}
	div#bewertung_inhalt #bewertung_links,
	div#bewertung_inhalt #rating{
		width:100%;
		min-width:100%;
		margin:0;
		float:none;
	}
	
	.rating li.star_on {
		background: url(https://cdn.sitewizard.de/produktbewertung_onlineshop/stern.png) no-repeat center top !important;
	}
	.rating li.star_off {
		background: url(https://cdn.sitewizard.de/produktbewertung_onlineshop/sternsw.png) no-repeat center top !important;
	}
	div#bewertung_inhalt .rating li{
		width:20%;
	}
	div#bewertung_inhalt .rating span {
		display: block;
		font-size: 0px;
		width: 100%;
		height: 48px;
	}
	#bewertung_text, #email_rahmen, #name_rahmen {
		border: 1px solid #fff !important;
		display: table !important;
		width: calc(100% - 2px) !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	div#bewertung_inhalt #bewertungstext{
		width:100% !important;
	}
	#bewertung_rechts {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		float: none !important;
	}
	#bewertung_rechts input{
		width:calc(100% - 2px) !important;
	}
	#bewertung_rechts #bewertung_submit{
		font-size: 1em !important;
		letter-spacing: 1px !important;
		width: calc(100% - 2px) !important;
	}
	
	div#sw_detail_bild_div img.artikelbild{
		width:100%;
	}
	div#sw_detail_bild_div{
		padding:0;
	}
	.demo-gallery__img--main{
		width:19% !important;
		margin:0 1% 0 0 !important;
		float:left !important;
	}	
	div.artikel_extra_space div.proshop_artikel_detail_headrow,
	div.artikel_extra_space div.subkats_mobile_slider,
	li.li_sort_by_option,
	div.subkatdivlinks ul.shop_ul_navmenu,
	div.sw_main_menu_div .toprow1,
	div.sw_main_menu_div .toprow2 div.wk_top_div,
	div.sw_main_menu_div .toprow2 div.divgarantie,
	div.sw_main_menu_div .toprow2 div.proztop{
		display:none;
	}
	
		
	ul.exo-menu li.mega-drop-down{
		background-color: var(--hellgrau);
		border:0;
		font-size:1.4em;
	}
		
	div.sw_main_menu_div .exo-menu > li > a{
		color: #000;
	}
	
	div.grid.toprow2{
		display:block;
		height:50px;
		background-color: var(--menufarbe);
	}
	
	div.introbox div.introboxinner a{
		display: block;
		width: 100%;
		height: 60px;
	}
	div.introbox div.introboxinner i{
		float: left;
		width: 60px;
		height: 60px;
	}
	div.introbox div.introboxinner span.homeicone{
		float: left;
		text-align: left;
		width: calc(100% - 80px);
		margin: 10px 0 0 20px;
	}
	.introbox{
		margin:0;
		padding:0;
	}
	.undersliderblack{
		padding:40px 0 0 0;
	}
	div.copyright div.c6{
		text-align:center;
		margin:0;
	}
	div.mwrap{
		display:inline-block;
		width:initial;
		margin:0 auto;
	}
}
/* mobile checkout */


@media screen and (max-width: 960px) {
	
	#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99993,
	#swo_zahlung_auswahl_wrapper_id_99993 {
		background-image: url("https://www.musikland-online.de/musikland-online.de/pix/kk_sepa_paydirekt_checkout_logo2.png");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 80px auto;
		height: 60px;
	}
	#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99992,
	#swo_zahlung_auswahl_wrapper_id_99992 {
		background-image: url("https://www.musikland-online.de/musikland-online.de/pix/easycredit_ratenkauf_zahlungsart.png");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 130px auto;
		height: 60px;
	}
	.swo_wkcheckout_artikel_link {
		font-size: 0.8em;
		line-height: 1.2em;
		margin: 10px 0 0 -70px;
		display: block;
		width: 100%;
	}
	.swo_wkcheckout_artikel_preis {
		margin: 5px 0 0 0;
		font-size: 1em;
		position: absolute;
		right: 20px;
	}
	.swo_wkcheckout_artikel_mwst{
		text-align:left;
	}
	#wk_checkout_tab_main_ul{
		padding:0;
		width:100%;
	}
	.swo_wkcheckout_li {
		height: auto;
		background-size: auto 60px !important;
		background-position: 10px 10px !important;
		padding: 0 0 10px 80px;
		margin: 0 0 10px 0;
	}
	#swo_lieferung_optionen {
		width: 100%;
		float: none;
		margin: 0 auto 15px auto;
	}
	#swo_zahlung_optionen {
		width: 100%;
		float: none;
		text-align: left;
		margin: 0 auto 15px auto;
	}
	#swo_lieferung_alternativen,
	#swo_zahlung_alternativen {
		position: static;
		width: 100%;
		z-index: 101;
		background: #fff;
		max-width: 400px;
		margin: 10px 0;
		padding:10px;
					
	}
	#swo_lieferung_auswahl_wrapper_id_24{
		background-position: top 25px right 3px;
		background-size: 150px auto;
	}
	
	#swo_lieferung_auswahl_wrapper_id_11{
		background-position: top right;
		background-size: 150px auto;
	}
	#quicklogin {
		position: static;
		width: 100%;
		margin:0;
	}
	#quicklogin input{
		max-width:180px !important;
	}
	#swo_zahlung_alternativen .swo_zahlung_auswahl_wrapper_class {
		padding: 10px 70px 10px 0 !important;
		display: table;
		width: 100%;
		min-height: 80px;
	}
	#swo_zahlung_auswahl_wrapper_id_99999 {
		background-size: 60px auto;
		background-image: url(https://cdn.sitewizard.de/bilder/de-pp-logo-200px.png);
		background-position: right !important;
		background-repeat: no-repeat;
		height: 60px;
	}
	#swo_zahlung_auswahl_wrapper_id_99998 {
		background-size: 200px auto;
		background-image: url(https://www.musikland-online.de/musikland-online.de/pix/kredikarte-lastschrift-auf-rechnung-by-paypal.png);
		background-position: bottom 10px right 0px;
		background-repeat: no-repeat;
		height: 100px;
	}
	#swo_zahlung_auswahl_wrapper_id_99997 {
		background-size: 260px auto;
		background-image: url(https://www.musikland-online.de/musikland-online.de/pix/targobank_logo.png);
		background-position: top 32px left 0px;
		background-repeat: no-repeat;
		height: 190px;
	}
	#swo_zahlung_selected #swo_zahlung_auswahl_wrapper_id_99997 {
		background-position: top 22px left 0px;
		height: 210px;
	}
	#sw_checkout_final_sum {
		clear: both;
		margin: 0;
		padding: 20px 0 20px 0;
		font-size: 1.7em;
		text-align: center;
	}
	.maintitle{
		background:transparent;
	}
	div.swm_input_field{
		width: 100% !important;
	}
	#swm_input_field_liefer_nachname_div, #swm_input_field_nachname_div{
		margin:0 !important;
	}
	div.swm_input_field input[type="text"]{
		margin-bottom:0;
	}
	span.mwst_span {
		display: inline;
		padding: 0 10px 0 0;
	}
	#wk_checkout_div_summe_mwst {
		text-align: center;
	}
	#swo_checkout_kundenkonto {
		margin: 20px !important;
		padding: 0;
	}
	 
	#swm_input_field_email_div, 
	#swm_input_field_liefer_vorname_div, 
	#swm_input_field_vorname_div {
		clear: both !important;
		float: none !important;
		margin:0 !important;
	}
	#swm_input_field_telvorwahl_div{
		width:100px !important;
	}
	#swm_input_field_telnummer_div {
		width: calc(100% - 115px) !important;
		margin:0 !important;
	}
	#liefer_hausnr,
	#street_number{
		width:100px !important;
	}
	#liefer_plz,
	#postal_code{
		width:100px !important;
	}
	#swm_input_field_liefer_hausnr_div,
	#swm_input_field_liefer_plz_div,
	#swm_input_field_plz_div{
		width:100px !important;
	}
	#swm_input_field_route_div,
	#swm_input_field_liefer_strasse_div{
		width: calc(100% - 115px) !important;
	}	
	#swm_input_field_liefer_wohnort_div,
	#swm_input_field_ort_div  {
		width: calc(100% - 115px) !important;
		margin:0 !important;
	}
	#swm_input_field_liefer_hausnr_div,
	#swm_input_field_street_number_div{
		width:100px !important;
		margin:0 !important;
	}
	#sw_google_address_helper{
		display:none;
	}
	#sw_checkout_address_data{
		display:block !important;
	}
	#swo_checkout_styling select {
		font-size: 0.9em !important;
		width: calc(98% - 10px) !important;
	}
	a#swo_checkbox_lieferanschrift_a{
		font-size: 1em;
		line-height: 20px;
	}
	#swo_checkout_styling label.radio:before {
		width: 20px !Important;
		height: 20px !Important;
	}
	#swo_checkout_styling label#swo_create_kundenkonto_label.radio:after, 
	#swo_checkout_styling label#swo_checkbox_lieferanschrift_label.radio:after {
		top: 3px !important;
		left: 6px !important;
		border: 3px solid #4CAF50 !important;
		border-top: none !important;
		border-right: none !important;
	}
	#agbokbutton {
		width: 220px;
	}
	#swo_over_paypal_abdecker span {
		font-size: 0.7em !important;
	}
	#btnDeselectPaymentMethod{
		font-size: 1em !important;
		float: none !important;
		display:inline-block !important;
		margin:10px 0 20px 0 !important;    
		padding: 20px 0 !important;
		clear: both;
	}
	#swo_checkout_button{
		width: calc(100% - 50px) !important;
	}
	#swo_checkout_styling label#agboklabel.radio:after{
		top:18px !important;
	}
}


div.sw_main_menu_div a.row.mega-title{
	color:#000;
}

div.sw_main_menu_div ul.menusub,
div.sw_main_menu_div a.row.mega-title {
    background-color: var(--hellgrau);
}
/* Schriftfarbe hover */
div.sw_main_menu_div .mega-menu ul li a,
div.sw_main_menu_div .mega-menu ul{
    color: #000;
}
div.sw_main_menu_div .mega-menu {
    background-color: var(--hellgrau);
    border: 1px solid var(--jmblau);
}
div#mobile_search_switch{
	display:none;
}

div.breadcrumb_nav_wrapper{
	display:inline-block;
	width:100%;
	margin:0 0 30px 0;
}
ul.breadcrumb_nav{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.breadcrumb_nav li{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	font-size:0.8em;
}
ul.breadcrumb_nav li i{
	margin:0 4px 0 0;
	color:var(--jmblau);
}
ul.breadcrumb_nav li a,
ul.breadcrumb_nav li a:hover{
	color:var(--jmblau);
}

/* neue Suche */

#gmaps_overlay_3 #suchrahmen{
	display:block;
	padding:20px;
}

#gmaps_overlay_3 #neusuche{
	width:80%;
	max-width:450px;
	float:left;	
}

#gmaps_overlay_3 #suchbutton{
	float:left;
	margin:0 20px;
}
#gmaps_overlay_3 #suchzu{
	float:right;
	margin:0 0 0 20px;
}

#suchfelddiv{
	height:40px;
	display:block;
}
#neuesucheerg{
	clear:both;
	margin:20px auto 0 auto;
	overflow:auto;
	width:100%;
	height:300px;
	display:block;
	opacity:0;
	background-color:#fff;
	/*max-width:1000px;*/
}

#gmaps_overlay_3 #artikelfilters_ajax_div_quicksuche2 div.sortdiv,
#gmaps_overlay_3 #proshop_ajax_loadmore_quicksuche2{
	display:none; 
}

#neuesucheerg h1.maintitle{
	/*margin: 0px 0 30px 0 !important;*/
}

#neuesucheerg span.sort_hersteller {
    width: 40%;
    height: 50px;
    display: block;
    float: left;
}

#neuesucheerg span.sort_hersteller img{
	max-width:80px;
}

#neuesucheerg a.sort_name.ps_single_art{
	display:block;
	font-size:20px;
}


#neuesucheerg span.ps_listen_preis {
    width: 58%;
    height: 50px;
    display: block;
    float: right;
    font-size: 28px;
    color: var(--jmblau);
}


#neuesucheerg span.ps_art2kat,
#neuesucheerg a.ps_vergleich,
#neuesucheerg span.ps_lieferbark{
	display:none;
}

/* sitewizard mobile */
/* min 320 px */
@media screen and (max-width: 960px) {
	
	#gmaps_overlay_3 #neusuche {
	    width: 80%;
	    max-width: 155px;
	    float: left;
	}

	#gmaps_overlay_3 #suchbutton{
		margin:0 0 0 8px;
	}
	#gmaps_overlay_3 #suchzu{
		float:right;
		margin:0;
	}
	#gmaps_overlay_3 #neuesucheerg span.sort_hersteller{
		display:none;
	}
	#gmaps_overlay_3 #neuesucheerg span.ps_listen_preis {
	    width: 100%;
	    height: initial;
	    display: block;
	    float: initial;
	    font-size: 1.6em;
	}
	#gmaps_overlay_3 #neuesucheerg a.sort_name.ps_single_art {
	    display: inline-block;
	    font-size: 1em;
	    margin: 5px 0 10px;
	}
	
	#gmaps_overlay_3 div.swo_save_proz::before{
		margin:10px 0;
	}
	#gmaps_overlay_3 img.quickpic{
		padding:10px 5px 0 5px;
	}
	#gmaps_overlay_3 .ajax_loading_area{
		max-height: 30px;
		margin:0 0 5px 0;
	}

    #gmaps_overlay_3 div.subkatdivlinks{
        padding: 0;
        margin: 0 !important;
        display: block;
    }
	a#artikelfilters_ajax_div{
		display:inline-block;
		width:100%;
		padding:0 0 50px 20px;
	}
	
	div.swpro_av_tab thead{
		position:initial;
	}
	
	ul#sort-by li.pro_listview_container{
		float: none;
		clear: both;
		padding: 15px 0 0 0;
	}
	a.pmv_listview_switch{
		background-position: 0px 4px;
		font-size:20px;
		padding: 0 0 0 25px;
	}
	
	
	#mobile_filter_switch_area ul{
		display: table;
		height: initial;
		margin: 0px;
		padding: 0px;
		overflow: visible;
		width:100%;
	}	
	#mobile_filter_switch_area ul.ps_all_hersteller_ul{
		margin: 10px 0 0 0;
	}
	
	ul.ps_all_hersteller_ul li label{
		margin:0;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: var(--jmorange);
		font-weight: 900;
		line-height:30px;
	}
	ul.ps_all_hersteller_ul li {
		width: 50%;
		float: left;
	}
	
	li.ps_herstellerli{
		display:initial;
	}
	li.ps_li_filter.filterslider,
	li.show_hersteller{
		display:none !important;
	}
	div#ps_shopkat_filters_selected {
		margin: 10px 0 0 0;
		text-align: center;
		width: 100%;
		position:fixed;
		bottom:110px;
		left:0;
		z-index:2;
	}
	div#ps_shopkat_filters_selected a{
		line-height: 28px;
		background: #fffae3;
		display: inline-block;
		padding: 0 10px 0 5px;
		border: 1px solid #7d7d7d;
		border-radius: 14px;
		text-decoration: none;
		color: #000;
		font-size: 18px;
		margin:0 10px 5px 10px;
	}
	
	div#mobile_search_switch{
		display:inline-block;
		bottom:-50px;
		left:0px;
		height:55px;
		background-color:transparent;
		z-index:5;
		position:fixed;
		width:100%;
		opacity:0;
	}
	
	div#mobile_info_switch_area,
	div#mobile_filter_switch_area,
	div#mobile_search_switch_area{
		
		display:inline-block;
		bottom:-3000px;
		left:0px;
		background-color:#fff;
		z-index:-2;
		position:fixed;
		width:100%;
		opacity:0;
		padding:20px;
		border-top:1px solid #ccc;
	}
	
	div#mobile_info_switch_area,
	div#mobile_filter_switch_area{
		overflow:scroll;
		padding:20px 20px 120px 20px;
	}
	ul.shop_ul_navmenu,
	li.subkat_li.seoankers {
		margin: 0;
	}
	ul#swo_katinfo_divseo_anker_ul li{
		font-size: 1.2em;
		line-height: 1.8em;
		margin: 0 0 10px 0;
		background-color: #f3f3f3;
		padding: 0 0 0 10px;
		border: 1px solid black;
		border-radius: 5px;
	}
	div.asp_einruecken {
		margin: 0 0 0 90px;
		font-size: 1em;
	}
	div.asp_einruecken a {
		font-size: 0.7em;
		line-height: 1.2em;
		margin: 0;
		display: inline-block;
	}
	
	div#mobile_search_switch span{
		display:inline-block;
		width:2%;
		text-align:center;
		font-size:14px;
		float:left;
		line-height:36px;
		padding:0;
		background:#1976d2;
		color:#fff;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	div#mobile_search_switch a.searchswitcher{
		display: inline-block;
		text-align: center;
		font-size: 14px;
		float: left;
		line-height: 36px;
		padding: 0;
		background: #1976d2;
		color: #fff;
		text-decoration: none !important;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		width: 31%;
	}
	div#mobile_search_switch a.searchswitcher i{
		margin:0 4px 0 0;
	}
	div#mobile_search_switch a.info{
		width:24%;
	}
	div#mobile_search_switch a.sort{
		margin: 0 0 0 5%;
		border-top-left-radius:18px;
		border-bottom-left-radius:18px;
		border-left: 2px solid #fff;
		padding:0 10px 0 15px;
	}
	div#mobile_search_switch a.filter{
		margin:0;
		border-top-right-radius:18px;
		border-bottom-right-radius:18px;
		border-right: 2px solid #fff;
	}
	div.sw_main_menu_div .exo-menu > li.mobile_menu_button_switch a{
		border-left:0px;
	}
	div.sw_content.home.word2000 {
		margin: 0 5px;
	}
	div.dreiercombo div.noshadowbox{
		padding: 0 15px;
	}
		
	div.dreiercombo div.noshadowbox img{
		width:85px;
		height:85px;
	}
	.dreiercombo .teasertxt{
		margin:0;
		width: calc(100% - 95px);
	}
	.bottomlink {
		margin: 0px 20px 0 0;
	}
	
	div.sw_main_menu_div a.row.mega-title{
		color:#000;
	}
	div.sw_main_menu_div ul.menusub,
	div.sw_main_menu_div a.row.mega-title {
		background-color: var(--hellgrau);
	}
		
	/* Schriftfarbe hover */
	div.sw_main_menu_div .mega-menu ul li a{
		color: #000;
	}
	div.sw_main_menu_div .mega-menu {
		border: 0px solid var(--jmblau);
	}
	.maintitle span{
		font-size:1.3em;
		color:var(--jmblau);
		display: block;
		padding:0;
		line-height:1em;
	}
	h3.maintitle span{
		font-size: 0.8em;
		
		text-align: left !important;
		font-style: initial;
		padding: 4px 0 0 2px;
	}
	main iframe{
		max-width: 100%;
		max-height: 320px;	
	}
	
}


@media screen and (max-width: 600px) {
		
	div.oeffnungsz.telblockgross{
		display:none;
	}
	div.oeffnungsz.telblockklein{
		display:block;
	}
	div.oeffnungsz.telblockklein a.hotline{
		font-size: 28px;
		margin: 0 0 0 10px;
	}
	.masonry.listview div.swo_save_proz::before {
		margin: -6px 0 0 calc(100% - 65px);
		padding: 47px 0 0 20px;
		text-align: left;
		width: 57px;
	}
	div.sw_content .masonry.listview span.ps_listen_preis {
		float: left;
		text-align: left;
		margin: 40px 0 0 0;
	}
	div.sw_content .masonry.listview span.ps_lieferbark {
		margin: 40px 10px 0 0;
		line-height: 20px;
		float: right;
	}
	.masonry.listview div.swo_mark_as_new::before {
		width: 45px;
		height: 45px;
		margin: -6px 0 0 0px;
		background-size: 45px auto;
	}
}

@media screen and (max-width: 500px) {
	
	ul.produktvariationen.detailsul{
		column-count: 1;
	}
	a.produktvariationen.detailsa {
		float: initial;
		text-align: center;
		margin: 0 0 15px 0;
	}
	b.produktvariationen.detailsb {
		font-size: 1.2em;
	}
	
	div.produktvariationen.detailslink {
		width: 45px;
		height: 45px;
		margin: 0 5px 10px 0;
	}
	div#swo_artikeldetail_produktvariationen div.swo_artikeldetail_produktvariationen_detailsdivs{
		margin:0;
	}
	
	div.pro_shopsuchfeld_mobile.mobile_only div.oeblock1{
		display:none;
	}
	main iframe{
		max-height: 270px;	
	}
	div.sw_content div#sw_ols_detail_2018_bundle_wrapper .masonry,
	.masonry {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fill, minmax(calc(50% - 22px),1fr));
		grid-auto-rows: auto;
		clear: both;
		margin: 0 0 90px 0;
	}
	.artikelbox img.mobilepslazy,
	.artikelbox img.pslazy {
		min-width: 120px;
		min-height: 120px;
		border:0;
	}
	div.boxcontainer img.mobilepslazy,
	div.boxcontainer img.pslazy{
		border:0;
	}
	.artikelbox {
		border: 1px solid #ccc;
	}
	div.sw_content .masonry.listview a.ps_single_art {
		font-size: 1.2em;
		margin: 0 7px 0 0;
		width:initial;
	}
	div.sw_content span.sort_hersteller {
		display: none;
	}
	div.sw_content span.ps_listen_preis {
		font-size: 24px;
		margin: 0;
		width: 100%;
		line-height: initial;
		text-align: center;
	}
	div.sw_content span.ps_art2kat {
		display: none;
	}
	div.sw_content span.ps_lieferbark{
		float:initial;
		margin:0;
	}
	div.sw_content span.ps_lieferbark:before{
		content: unset;
	}
	div.swo_mark_as_new::before {
		content: "";
		width: 60px;
		height: 50px;
		display: block;
		z-index: 1;
		position: absolute;
		background-image: url(https://www.musikland-online.de/pix/label_neu_gruen.png);
		background-repeat: no-repeat;
		margin: -6px 0 0 8px;
		background-size: 50px auto;
	}
	div.swo_save_proz::before {
		width: 76px;
		height: 100px;
		margin: -8px 0 0 67px;
		background-size: 75px auto;
		text-align: center;
		padding: 53px 0 0 0;
		font-size: 14px;
	}
	
	div.artikel_extra_space div.swo_save_proz::before{
		width: 120px;
		height: 40px;
	    margin: 0;
		background-size: 120px auto;
		padding: 10px;
		font-size: 22px;
		right:10px;
	}
	
	div.bundle_einzelartikel{
		height:unset !important;
		margin:0 0 20px 0;
	}
	.list_carousel #pager {
		margin: 30px 0 0 0;
	}
	div.pro_subkat_noslide a{
		margin:0px 5px 5px 5px;
		width: calc(50% - 10px);
		height: 145px;
		display: inline-block;
		background-position: 0px -15px;
	}
	div.pro_subkat_noslide a span{
		margin: 120px 5px 0 5px;
	}
	div.pro_shopsuchfeld_mobile.mobile_only div.oeblock3{
		display:none;
	}
	main iframe{
		max-height: 160px;	
	}
	div.sw_main_menu_div .toprow2 div.mainsuche{
		float: right;
		margin: 0 136px 0 0;
	}
	div.oeffnungsz.telblockklein a.hotline{
		font-size: 32px;
		margin:0;
	}
	div.sw_main_menu_div .exo-menu > li > a.mainlogo_link:hover, div.sw_main_menu_div .exo-menu > li > a.mainlogo_link {
		width: 90px;
		height: 50px;
		background-position: 8px 6px;
		background-size: 80px auto;
		margin: -50px 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}
	div.oeffnungsz {
		margin: 5px 0 0 10px;
	}	
}

@media only screen and (max-width: 960px) and (min-width: 600px){

	main, footer {
		max-width: 580px;
		display: block;
		margin: 0 auto;
	}

	div.pro_subkat_bar_links_div li.pro_subkat_bar_links_li{
		margin: 0 5px 5px 5px;
		width: calc(33.33% - 10px);	 
	}
	div.pro_subkat_bar_links_div li.pro_subkat_bar_links_li a{
		font-size:0.8em;			
	}
	
	
}


/* Farbanpassungen */

/* Hintergrund */
div.pro_sparen_class.class3:before, 
div.pro_sparen_class.class3:after, 
div.pro_sparen_class.class3,
div.sw_main_menu_div .exo-menu > li.c2,
.noUi-connect {
    background-color: var(--jmblau);
}
div.sw_main_menu_div .exo-menu {
    background-color: #fff;
}

.undersliderblack{
    background-color: var(--jmblau);
}

div.sw_main_menu_div .toprow1 .c12.row{
	background-color:#002080;
	color:#fff;
}
div.sw_main_menu_div .toprow2 .c12.row{
	background-color:#fff;
}

/* Hintergrund hover */
div.pro_sparen_class:before, 
div.pro_sparen_class:after, 
div.pro_sparen_class,
div.sw_main_menu_div .exo-menu > li > a.active, 
div.sw_main_menu_div li.drop-down ul > li > a:hover{
    background-color:  var(--menuschrift);
}
a.prev, 
a.next {
    background-color: var(--jmblau);
}
a.prev:hover, 
a.next:hover {
    background-color: var(--jmorange);
}
/* Hintergrund TOP Menu */
div.sw_main_menu_div .flyout-right ul>li>a, 
div.sw_main_menu_div .flyout-left ul>li>a, 
div.sw_main_menu_div .flyout-mega-wrap {
    background-color: var(--menuout);
}
/* Schriftfarbe */
div.pro_sparen_class.class3:before, 
div.pro_sparen_class.class3:after, 
div.pro_sparen_class.class3,
.undersliderblack,
a,
div.sw_main_menu_div .exo-menu {
    color: var(--menuschrift);
}
.hometitlebg{
    color: #fff;
}

div.introboxinner a,
.introboxinner i,
.homeicone{
	color: var(--hellgrau);
}

div.pro_sparen_class:before, 
div.pro_sparen_class:after, 
div.pro_sparen_class,
div.sw_main_menu_div li.drop-down ul > li > a:hover {
    color: var(--menufarbe);
}
a.wk_top_div_button .fa-shopping-cart{
	background-color: #FF9000; 
}

a:hover{
    color: #999;
}
.footerstress{
	border-color: var(--hellgrau); 
}
ul.exo-menu li.mega-drop-down:hover{
	background-color:var(--menuout);
}
#wrapfooter {
    background-color: #001450;
}

div#swo_katinfo_divseo_text_rahmen h3.swo_katinfo_divseo_h3{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002080+0,00ace0+100 */
	background: #002080; /* Old browsers */
	background: -moz-linear-gradient(left,  #002080 0%, #00ace0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #002080 0%,#00ace0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #002080 0%,#00ace0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002080', endColorstr='#00ace0',GradientType=1 ); /* IE6-9 */

	color:#fff;

}
div.main_carousel_top,
div.whitebg{
	background-color: var(--websitehg);
}


ul.ps_all_hersteller_ul li img{
	border:1px solid var(--websitehg);
}
ul.ps_all_hersteller_ul li:hover img{
	border:1px solid #002080;
}
.noUi-connect{
	background:var(--menuout);
}

div.slider_txt_content p.slider_preis{
	color: #fff;
	background-color:  var(--jmblau);
}

.list_carousel div.slider_nav a{
	color: var(--jmblau);
	background-color: #fff;
	border:3px solid #fff;
}
.list_carousel div.slider_nav a:hover{
	color:  #fff;
	background-color: var(--jmblau);
	border:3px solid var(--jmblau);
}
#sw_main_top_slider div.slider_txt_1{
	color: #fff;
	background-color:  var(--jmblau);
}
#sw_main_top_slider div.slider_txt_2{
	color: #fff;
	background-color:  var(--jmblau);
	border: 5px solid #fff;
}
div.slider_txt_content a.sl_name{
	color: #fff;
	background-color: #b10606;
	text-decoration:none;
}
iframe#loadbeeIframeId{
	max-height: initial !important;
}