/* eigene Schriftfarben */

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



/* * 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 { color: #2ba6cb; 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; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; }
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; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; }
td, th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: left; }
th { background-color: #d9edf0; background-image: -webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9)); background-image: -webkit-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -moz-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -ms-linear-gradient(top,#ebf3fc,#dce9f9); background-image: -o-linear-gradient(top,#ebf3fc,#dce9f9); background-image: linear-gradient(top,#ebf3fc,#dce9f9); box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
/* ----------------------------------------- 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 */
.no-js nav li:hover ul { display: block }
/* base nav styles */
nav { float: right; display: block; margin: 0px 0px 20px 0px; position: relative; color: #666; text-transform: uppercase; }
nav ul { padding: 0; margin: 0; }
nav ul ul li { height: auto }
nav li { -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; position: relative; float: left; list-style-type: none; z-index: 1; font-size: 15px; margin-left: 5px; line-height: 67px; }
nav li:hover, nav li a:hover { -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; background: #555; color: #fff; }
nav li.active { background: #555 }
nav li.active a { color: #fff }
nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
nav li a { display: block; padding: 10px 13px 10px 10px; color: #111; text-decoration: none; }
nav li a:focus { outline: none; text-decoration: none; }
nav li:first-child a { border-left: none }
nav li.last a { border-right: none }
nav a span { display: block; float: right; margin-left: 5px; }
nav ul ul { display: none; position: absolute; background: #555; left: 0px; min-width: 150px; }
nav ul ul li { float: none; line-height: 30px; }
nav ul ul a { text-transform: none; -webkit-transition-property: background color; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 0.5s; transition-timing-function: ease; padding: 5px 10px; border-left: none; border-right: none; font-size: 14px; color: #fff; margin-left: -5px; }
nav ul ul a:hover { margin-left: 0px; background: rgba(0,0,0,0.1); margin-left: -5px; -webkit-transition-property: background color; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 0.5s; transition-timing-function: ease; }
nav ul>li:hover>a { color: #fff }
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.sonderpreis{
	padding:50px 0 0 0;
}
.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;
}

img.herdetpic{
	float: left;
    width: 135px;
    height: auto;
    margin: 5px 20px 30px 0px;
}

#katinfo_wrapper {
    padding: 10px;
    background: #ecf6ca;
    border: 5px solid #c9e59e;
}

#katinfo {
    font-size: 0.9em;
}

.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; 
	line-height: 1.6em;
}
#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: 42px; 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: 0 0 30px 0; 
	background: url(pix/separators-blue.png) left top; 
	line-height: 1 !important; 
	font-size: 19px; 
}
.maintitle span{
	font-size: 22px;
    padding: 3px 0 3px 50px;
    display: block;
}
.maintitle span.ps_artcount_anzahl{
    display: inline-block;
}
.maintitle.text-center span { padding-left: 10px }


div.katslide .maintitle{
	margin:50px 0 0 0;
	background:transparent;
}
div.katslide .maintitle span{
	padding:0;
	text-align:center;
	line-height:30px;
}
div.katslide .list_carousel .carousel_nav {
    position: absolute;
    padding:0;
    right: initial;
    top: initial;
    background: transparent;
    width: 100%;
}
div.katslide a.prev{
    margin: 130px 0 0 10px;
    z-index: 1;
}
div.katslide a.next{
	float: right;
    margin: 130px 30px 0 0;
    z-index: 1;
}



/* INFODIENST START //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#swi_top_nav_ul,
#swi_bottom_nav_ul{
	display:none;
}

div.infodienst_old_new_nav a.info_nav_old{
	display:inline-block;
	width:48%;
	margin:0 2% 0 0;
}
div.infodienst_old_new_nav a.info_nav_new{
	display:inline-block;
	width:48%;
	margin:0 0 0 2%;
	text-align:right;
}


a.info_kat_a_2{
	background-image:url(https://www.echter.de/pro/pix/seelsorge.jpg);
}

a.info_kat_a_1{
	background-image:url(https://www.echter.de/pro/pix/news.jpg);
}

a.info_kat_a_3{
	background-image:url(https://www.echter.de/pro/pix/geistleben.jpg);
}


div.sw_content.infodienst{
	margin:0 100px 0 100px;
}

div.swi_topnews_textdiv:nth-of-type(odd){
	background-color:rgba( 229, 229, 229 , 0.3);
}
div.swi_topnews_textdiv:nth-of-type(even){
	background-color:rgba( 196, 208, 196 , 0.3);
}

.swi_topnews_h1{
	
	font-size:1.8em;
	position:static;
	margin:0;
	padding:30px 0;
	clear:both;
	color:var(--echtergruen);
	text-align:center;
	
}

h2.swi_topnews_h2{
	margin:0;
	position:static;
	font-size:1.2em;
	animation-name: initial;
	font-family: 'Open Sans', sans-serif !important;
	
	color:#000;
    height: 29px;
}

div.sw_content h1.swi_topnews_h1 a{
	color:var(--echtergruen);
	text-decoration:none;
}
div.sw_content h2.swi_topnews_h2 a{
	color:#000;
	text-decoration:none;
	/*
	font-size:1.6em;
	padding: 16px 0 0 0;
    */
	display: block;
}

h4.swi_topnews_h4,
h3.swi_topnews_h3{
	font-size: 12px;
    float: left;
	margin:0px 10px 0 0;
	padding:0;
	animation-name: initial;
	color:#000;
	position:initial;
	line-height:38px;
}
div.swi_topnews_textdiv{
	clear: both;
    font-size: 0.8em;
    display: table;
    padding: 20px;
    text-align: justify;
    line-height: 1.6em;
    background-color: rgba(255,255,255,0.4);
    margin: 20px 0 50px 0;
	width:100%;
}

div.swi_topnews_textdiv img{
	float:right;
	margin:0 0 30px 30px;
	padding:0;
	display:block;
}

a.swi_doknav_lt{
	float:left;
	font-size:0.8em;
}
a.swi_doknav_gt{
	float:right;
	font-size:0.8em;
}
#swi_dokument_bottom_nav,
#swi_dokument_top_nav{
	padding:30px 0 0 0;
}
#swi_dokument_quer{
	padding:30px 0 0 80px;
}
#content1 li.swi_dokument_quer_li{
	font-size:0.8em;
}

#swi_single_dokument h1.swi_topnews_h1,
#swi_single_dokument h2.swi_topnews_h2,
#swi_single_dokument h3.swi_topnews_h3{
	text-align:center;
	float: initial;
}

div.swi_kategorie_datum {
  color: rgb(0, 0, 0);
  display: block;
  float: left;
  margin: 0 1em 0 0;
}
span.swi_kategorie_datum_tag {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
  border-radius: 5px 5px 0 0;
  display: block;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  width: 70px;
  font-weight:900;
}
span.swi_kategorie_datum_jahr {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#389898+0,2d767a+100 */
background: #389898; /* Old browsers */
background: -moz-linear-gradient(top,  #389898 0%, #2d767a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #389898 0%,#2d767a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #389898 0%,#2d767a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389898', endColorstr='#2d767a',GradientType=0 ); /* IE6-9 */

	border-radius: 0 0 5px 5px;
	color: rgb(255, 255, 255);
	display: block;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	width: 70px;
}

ul.ul_infodienst_1{
	margin:20px 0 0 0;
	padding:0;
}
ul.ul_infodienst_1 li{
	list-style-type:none;
	float: left;
    font-size: 0.8em;
    width: 23%;
    text-align: center;
    margin: 0 1%;
	line-height: inherit;
}
ul.ul_infodienst_1 li a{
	display: block;
    height: 40px;
    padding: 0;
    font-size: 26px;
	font-weight:900;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:none !important;
	margin: 0;
}


div.infodienst_after_menu{
	display:block !important;
	clear:both;
	height:0px;
}

/* INFODIENST ENDE //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.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;}

/*

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: var(--echtergruen);
	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;
}

#sw_txt_1 img:before{
	display:block;
	content: " ";
	clear:both;
}
#sw_txt_1 img[align="left"]{
	float:left;
	margin:0 30px 30px 0;
}

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


div.sw_content.word2000 ul{
	list-style: disc;
    margin: 26px 0 26px 50px;
    padding: 0;
}

div.sub_menusub_ul_wrapper{
	width:calc(20% - 50px);
	float:left;
	margin:40px 25px 70px 25px;
}
div.sub_menusub_ul_wrapper ul.sub_menusub{
	list-style: square;
    margin: 0 0 0 20px;
}
div.sub_menusub_ul_wrapper ul.sub_menusub li{
	font-size:1.2em;
	margin:0 0 15px 0;
	color:var(--echtergruen);
}
div.sub_menusub_ul_wrapper ul.sub_menusub li a{
	color:var(--echtergruen);
}
div.sub_menusub_ul_wrapper ul.sub_menusub li:hover,
div.sub_menusub_ul_wrapper ul.sub_menusub li a:hover{
	color:#555;
}

div.sw_content.subonline {
	float:left;
	width:calc(80% - 40px);
	margin: 30px 20px 80px 20px !important;
}


/*mega menu*/

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

}
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%;
}
#ps_preis_slider .noUi-tooltip {
    display: none;
}
#ps_preis_slider:hover .noUi-tooltip {
    display: block;
}

#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;
}

.homeicone { 
	color: #f8f8f8; 
	font-size: 1em;
	display:block;
	line-height:1.1em;
	margin:10px 5%;
}
.hometitlebg{
	background: var(--echtergruen);
    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: 100%;
	
}
div.sw_content{
	padding:0;
	margin:0;
	font-size:1.2em;
	min-height: 400px;
}


div.sw_content.word2000{
	margin:60px 20px 0 20px;
}
div.sw_content.home.word2000{
	margin:0px 20px 0 20px;
}
/*
div.starttext{
	margin:0 50px 30px 50px;
	column-count: 2; 
	column-gap:100px;
	column-width: 270px;
	column-rule-style:dotted; 
	column-rule-width:1px; 
	column-rule-color:silver;
}
*/


div.starttext{
	text-align:center;
	
}

div.starttext img{
	margin:0 30px 40px 30px;
	width:calc(33% - 60px);
	height:auto;
}
div.starttext img:hover{
	animation: startpixs 4s infinite;
}

@keyframes startpixs {
	
  0% {	  
	filter: contrast(100%) brightness(100%);	
  }
      
  50% {
    filter: contrast(200%) brightness(150%);
  }
  
  100% {	  
	filter: contrast(100%) brightness(100%);	
  }
     
}


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

div.proshop.startseite h1{
	text-align:center;
	margin:50px;
}


div.starttext h2{
	line-height: inherit;
    font-size: 0.9em;
	margin:0 50px 50px 50px;
	text-align:center;
	font-style:italic;
	color:#444;
}
div.starttext h3{
	line-height: inherit;
    font-size: 1em;
	margin:0 0 20px 0;
}

.sw_main_menu_div{
	background: #fff;
    z-index: 100;
    position: fixed;
    top: 0;
	width: 100%;
	left:0;
	max-width: 100%;
    padding: 0 calc(50% - 700px);
}
.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;
}

.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;
}


.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:block;
	width:100%;
}
div.pro_subkat_noslide a{
	display: inline-block;
    width: 200px;
    height: 200px;
    background-size: contain;
    text-align: center;
    text-decoration: none;
	margin:0 20px 20px 20px;
	border:1px solid 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:block;
	margin:0 0 30px 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{
	margin: 0;
	font-size: 18px;
	padding: 0px 0 0 0;
	width: 40px;
	height: 34px;
	line-height: 28px;
	border-top: 1px solid #b3b3b3;
	border-left: 0px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	background: #fff;
}
div.search-button i{
	font-size: 1.2em;
    margin: 6px 0 0 0;
	color:#b3b3b3
}
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 8px 8px;
	border-top:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-right:0px solid #b3b3b3;	
    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 !important;
	line-height:18px !important;
	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: 0;
    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: left;
	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;
}

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: left;
    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(--echtergruen);
}

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;
}
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:100%;
	height:70px;
	display:inline-block;
	margin:0 0 20px 0;
}
li.artikel_preis_li div.a2wk a.ps_liste_wklnk_variation{
	font-size: 36px;
    line-height: 48px;
    margin: 0;
	color: #3bb10c;
}
li.artikel_preis_li div.a2wk a.ps_liste_wklnk_variation:hover{
	color: #54ec17;	
}


li.artikel_preis_li div.a2wk a.ps_liste_wklnk{
	font-size: 16px;
	padding:10px 20px;
	text-decoration:none;
    line-height: 70px;
    margin: 0;
	color: #000;
	text-align:center;
	background-color: #ffc800;
    border-radius: 35px;
    box-shadow: 2px 2px 5px 0px grey;
}


#variationscontainer{
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 1000;
	cursor:pointer;
}
#innervariationscontainer h3{
	font-size: 1em;
    line-height: 1.2em;
    margin: 0 0 20px 0;
    font-style: italic;
}

.pro_alternativen_full_div{
	clear:both;
	margin:30px 0 0 0;
}
a.pro_alternativ_direct_add img{
	width: 20px;
    margin: 0 5px 0 30px;
}
ul.pro_alternativen_full_ul li:hover{
	background-color:#e9f3f3;
}
ul.pro_alternativen_full_ul li{
	clear:both;
	display:table;
	margin:0 0 5px 0;
	padding:3px 1%;
}
ul.pro_alternativen_full_ul li span.sp1{
	display:inline-block;
	width:39%;
	float:left;
	line-height:22px;
	font-size:0.8em;
}
ul.pro_alternativen_full_ul li span.sp2{
	display:inline-block;
	width:29%;
	text-align:right;
	float:left;
	line-height:44px;
	font-size:1.2em;
}
ul.pro_alternativen_full_ul li span.sp3{
	display:inline-block;
	width:30%;
	float:right;
	line-height:44px;
	font-size:0.8em;
}

#innervariationscontainer{
	background-color:#fff;
	padding:30px;
	max-width:94%;
	width:500px;
	z-index:1001;
	position:fixed;
	border:5px solid var(--echtergruen);
	top:100px;
}
a.pro_put_selection2wk{
	display: block;
    margin: 30px 0 0;
    line-height: 72px;
    padding: 0 20px;
    text-decoration: none !important;
    border: 1px solid #ddd;
}
a.pro_put_selection2wk:hover{
	background-color:#ccc;
    border: 1px solid #000;
	color:#000 !important;
}

a.pro_put_selection2wk img{
	padding:8px 15px 0 0;
	float:left;
}

li.artikel_preis_li div.apr{
	width:auto;
	height:70px;
	display:inline-block;
	float:right;
	margin: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 15px;
}
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; 
}
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 15px;
}
li.ps_add_artikel_li.artikel_preis_li{
	padding: 0px 60px 20px 15px;
}

div.proshop_bild_figure_row,
div.proshop_artikel_detail_headrow{
	width: 100%;
    margin: 0px auto 24px auto;
    display: inline-block;
}
h1.proshop_artikel_detail_h1{
	padding:0 10px 0 0;
}
div#sw_detail_bild_div{
	padding:0 0 0 10px;
	width: 90%;
    float: right;
}
div#sw_detail_sub_bild_div{
	width:100%;
}
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: var(--menuschrift);
	background-color:  var(--menufarbe);
	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:auto 40px !important;
	background-repeat:no-repeat !important;
	padding:0 0 0 60px;
}
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;
}

#swo_zahlung_auswahl_wrapper_id_5 {
	background-size: 68px auto;
	background-image: url(https://www.echter.de/pro/pix/zahlung_eu.png);
	background-position: top 11px left 7px;
	background-repeat: no-repeat;
	height: 100px;
}
#swo_zahlung_auswahl_wrapper_id_7 span.swo_zahlung_auswahl_beschreibung_class{
	margin: 10px 0 0 0;
}

#swo_zahlung_auswahl_wrapper_id_7 {
	background-size: 120px auto;
	background-image: url(https://www.echter.de/pro/pix/zahlung_de_au_ch.png);
	background-position: top 11px left 7px;
	background-repeat: no-repeat;
	height: 100px;
}
#swo_zahlung_auswahl_wrapper_id_7 span.swo_zahlung_auswahl_beschreibung_class{
	margin: 10px 0 0 0;
}

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;
}

/* 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: 75%;
    height: auto;
    margin: 14px auto;
    max-width: 350px;
    display: block;
}

#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: none;
    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 0px;
    right: 40px;
    padding: 10px 20px;
    font-size: 2em;
}

#sitewizard_artikelbewertung{
	clear:both;
}
#sw_ols_detail_2019_artikeltext{
	width: 60%;
    float: left;
}
div.proshop_bild_figure_row{
	width: 38%;
}
#artikeltext p font,
#artikeltext p span{
	font-family: inherit !important;
    font-size: inherit !important;
	font-style:inherit !important;
}

figure.bildfigure figcaption{
	font-size:0.6em;
}


/* 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;
}

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 label{
	width: calc(50% - 20px);
	float:left;
	margin:5px;
	padding:0 10px;
	text-align:center;
	border:1px solid #efefef;
	
	text-overflow: ellipsis;
	overflow: hidden; 
	display:block;
	white-space: nowrap;
	
}
div.div_sub_filtervalues label:hover{
	background-color:#fffddd;
}
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{
	display: block;
    line-height: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 32px;
    padding: 0 0 0 25px;
    background-position: -5px center;
    margin: 5px 0 0 0;	
}
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{
	margin:0;
	padding:0;
	vertical-align: top;
}
li.ps_li_filter{
	float: left;
    margin: 0 5px 0 0;
    line-height: 30px;
	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:30px;
}
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;
}

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;
}
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;
}



.masonry {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
	grid-auto-rows: auto;
	clear:both;
	margin:0 0 90px 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.pslazy{
	min-width: 236px;
	min-height:236px;
	height:100%;
	width:100%;
	display:block;
}

div.boxcontainer img.pslazy{
	border:1px solid #dcdcdc;
}
.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;
}
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 10px 40px;
	line-height:30px;
	color:#ccc;
	max-width:120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.sw_content span.ps_lieferbark.lbk0{
	color: #3c7d0b;
}
div.sw_content span.ps_art2kat{
	display: inline-block;
    float: right;
	margin:10px 10px 10px 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: 10px 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: #3bb10c;
}
div.sw_content span.ps_art2kat a:hover i{
    color: #37e065;
}


table{
    border:0px solid transparent;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
	
}
td, th {
    border-left: 0px solid transparent;
    border-top: 0px solid transparent;
    padding: initial;
    text-align: initial;
}

div.sw_content.kontakt label{
	display:inline-block;
}

div.sw_content.kontakt {
	width:800px;
	max-width:96%;
	margin:0 auto;
}
div.sw_content.kontakt input[type="submit"],
div.sw_content.kontakt input[type="reset"]{
	border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	color:initial;
	padding:5px 20px;
}
div.sw_content #sw_ueberschrift_1.eingabefeld_gross{
	/* margin:30px 0 !important; */
}
div.sw_content.iframe iframe {
	width:100% !important;
	min-height:800px;
}

div.sw_content img[align="right"]{
	float:right;
	margin:0 0 40px 40px;
}


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;
    min-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;
	float:right;
}

#footer div.c6 a{
	text-decoration:none !important;
	display: inline-block;
	float:left;
	margin:0 15px 0 0;
}
#footer div.c6 a img{
	height:260px;
	width:auto;
}


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 center;
	background-size: 22px;
	background-image:  url(https://static.musikland-online.de/pro/pix/haken_gruen.png);
}

#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.sw_content.proshop div#sw_txt_1 h2,
div#swo_katinfo_divseo_text_rahmen h2{
	font-size:0.8em;
	color:#ccc;
	line-height:1em;
	margin:35px 0 0 0;
	padding:0;
}
div#swo_katinfo_divseo_text_rahmen h3.swo_katinfo_divseo_h3{
	line-height:2em;
	padding:0 20px;
	background-color:#002080;
	color:#fff;
	text-align:left;
}
div.swo_katinfo_divseo_div{
	text-align:left;
}
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;
	max-width:100%;
}

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;
}


/* 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/shop_logo.png);
    width: 100%;
    height: 82px;
    display: block;
    background-repeat: no-repeat;
    background-position: 7px 0px;
    background-size: 227px auto;
    margin: -40px auto;
    border: 0;
    padding: 0;
}


a.mainlogo_link{
	display:block;
    background-image: url(pix/shop_logo.png);
	background-color: #fff;
    width: 100%;
    height: 54px;
    background-repeat: no-repeat;
    background-position: 0px -9px;
    background-size: 227px auto;
    border: 0;
    padding: 0;
}



ul.exo-menu li.mega-drop-down{
	background-color: var(--echtergruen);
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	font-size:1.2em;
	line-height:1.4em;
}
ul.exo-menu li:nth-child(1){
	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;
}

/* 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;
}
*/
#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.6em;
	height: 70px;
    padding: 17px 0 0 0;
	margin:0 10px 0 0;
}
.swo_wkcheckout_artikel_anzahl{
	width: 150px;
    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-image:url(https://www.masterframe.de/pix/dhl.png);*/
	background-position: center right 10px;
	background-repeat:no-repeat;
    background-size: 80px auto;
	
	
}
#swo_lieferung_auswahl_wrapper_id_51{
	background-size:initial;
	/*background-image:url(https://www.naschig.de/naschig.de/pix/dhl.png);*/
	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;
}

#swo_zahlung_auswahl_wrapper_id_99980{	
	background-size: 150px auto;
    /*background-image: url(https://www.naschig.de/naschig.de/pix/zahlung_sofort.png);*/
    background-position: 10px;
    background-repeat: no-repeat;
    height: 60px;
}
#swo_zahlung_auswahl_wrapper_id_99999{	
	background-size: auto;
    /*background-image: url(https://www.naschig.de/naschig.de/pix/paypalplus.png);*/
    background-position: 10px center;
    background-repeat: no-repeat;
}

#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: 10px 2px;
}


#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 40px;
}

#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;
}

div.sw_content a#swo_checkout_bemerkung_link{
	width:initial;
	padding:0 20px;
	font-size:1.2em;
	line-height:1.6em;
	border-radius:3px;
}

#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_select_laenderliste{
	max-width:400px;
}

#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;
}
#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 */


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(--echtergruen);
}
ul.breadcrumb_nav li a, ul.breadcrumb_nav li a:hover {
    color: var(--echtergruen);
}

ul#artikel_zusatz_downloads li{
	width: 100%;
	max-width:550px;
	line-height: 40px;
	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:0;
}

main div.grid.grid_3{
	max-width: 1400px;
}



form.pro_multi_order{ 
	background-image: url(https://www.echter.de/pro/pix/multi_wk_hg.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: 45px;
    font-size: 20px;
    float: left;
    margin: 6px 0 0 0;
	min-height:10px;
	height:40px !important;
}

#div_ext_newsletter {
	border: 3px solid #800000;
    padding: 10px;
    background-color: #fcf8c6;
    margin: 0 0 30px 0;
}

#div_ext_newsletter label{
	font-size: 1em;
    text-decoration: underline;
}

#swo_checkout_styling #div_ext_newsletter label.radio{
	text-indent: 50px !important;
}

#swo_checkout_styling #div_ext_newsletter label.radio:before{
	border: 3px solid #800000 !important;
}

#swo_checkbox_lieferanschrift_label_div{
	margin-top:40px;
}

#sw_ols_main_root_div_checkout{
	margin:40px 200px 80px;
}
#sw_ols_ajax_checkout_ueberschrift_h3{
	margin:0 0 40px 0;
}

table#wk_checkout_tab tr a{
	display:inline-block;
}
table#wk_checkout_tab tr td{
	vertical-align:top;
}
table#wk_checkout_tab tr td:last-of-type{
	text-align:right;
}

#sw_ols_lieferanschrift_link,
#sw_ols_weiterkaufen_a_link,
#sw_ols_a_start_non_ssl_kasse{
	display:none;
}
#sw_ols_fehlermeldung{
	margin: 0 0 50px 0 !important;
    background-color: #ffd3c4;
    padding: 20px;
    font-size: 16px;
}
#sw_ols_ajax_checkout_submit_buttons{
	margin: 0 0 0 200px;
}

table#sw_ols_checkout_table_besteller_angaben tr td{
	vertical-align:top;
	font-size:16px;
}
table#sw_ols_checkout_table_besteller_angaben tr td:first-of-type{
	width:230px;
}
table#sw_ols_checkout_table_besteller_angaben tr td input{
	font-size:14px;
	padding:0 5px;
	line-height:36px;
}

select#BESTDATA_landliste{
	width:300px;
	margin: 0 0 20px 0;
	font-size: 16px;
    padding: 0 15px;
}

input#BESTDATA_plz,
input#BESTDATA_strasse,
input#BESTDATA_vorname{
	float:left;
	margin:0 10px 20px 0;
}


/*

MOBILE

*/



@media screen and (max-width: 1400px) {
	.sw_main_menu_div{
		padding: 0;
	}
}

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

/* =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;
	}
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* small screen */
@media screen and (max-width: 960px) {
	.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) { 
	body { font-size: 90% }
	.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: 12.5%;
		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{
		display:none;
	}
	
	
 }
@media (max-width:960px){

	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{
		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 25px;
		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 50px;
		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.sw_main_menu_div .c2.wk_top_div{
		position: absolute;
		right: 46px;
	}
	div.sw_main_menu_div .c9.pro_wk_top{
		width: calc(100% - 50px);
	}
	a.wk_top_div_button{
		width:50px;
	}
	
	div.sub_menusub_ul_wrapper {
		width: calc(100% - 50px);
	}
	div.sw_content.subonline {
		width: calc(100% - 20px);
	}
	div.sub_menusub_ul_wrapper ul.sub_menusub li{
		width: 40%;
		margin: 0 10% 10px 0;
		float:left;
	}
	
}

@media (max-width:510px){
	
	div.sw_main_menu_div .c9.pro_wk_top{
		display:none;
	}
	a.wk_top_div_button{
		float:right;
	}
}
div.swo_mark_as_new::before {
    content: "";
    width: 100px;
    height: 90px;
    display: block;
    z-index: 1;
    position: absolute;
    background-image: url(https://static.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: "15%";
    width: 120px;
    height: 140px;
    display: block;
    z-index: 2;
    position: absolute;
    background-image: url(https://static.musikland-online.de/pix/label_sale_blau.png);
    margin: 0;
    background-repeat: no-repeat;
    margin: -11px 0 0 145px;
    background-size: 120px auto;
    text-align: center;
    padding: 90px 0;
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    transform: rotate(12deg);
}
div.swo_save_proz.save_proz_16::before{content: "16%";}
div.swo_save_proz.save_proz_17::before{content: "17%";}
div.swo_save_proz.save_proz_18::before{content: "18%";}
div.swo_save_proz.save_proz_19::before{content: "19%";}

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

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

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

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

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

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

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

div.swo_save_proz.save_proz_90::before{content: "90%";}
div.swo_save_proz.save_proz_91::before{content: "91%";}
div.swo_save_proz.save_proz_92::before{content: "92%";}
div.swo_save_proz.save_proz_92::before{content: "93%";}
div.swo_save_proz.save_proz_94::before{content: "94%";}
div.swo_save_proz.save_proz_95::before{content: "95%";}
div.swo_save_proz.save_proz_96::before{content: "96%";}
div.swo_save_proz.save_proz_97::before{content: "97%";}
div.swo_save_proz.save_proz_98::before{content: "98%";}
div.swo_save_proz.save_proz_99::before{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;
}

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

div.sw_main_menu_div .c5.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;
	padding: 10px 0;
}
div.sw_main_menu_div .c2.wk_top_div{
	padding: 10px 0;
}

div.oeffnungsz{
	float:left;
	margin:0 0 0 10px;
	color: var(--echtergruen);
}
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;
}

#artikeltext p u{
	font-size:1.2em;
	text-decoration:none;
	font-family:serif;
	font-style:italic;
	margin:0 0 30px 0;
}
.col-md-2.zeitschriftensub{
	width:14.25%;
}

#sw_daupaynow,
#sw_daupaybemerkung{
	float:none !important;
	display:inline-block;
	margin:0 20px;
	padding: 10px 20px;
	text-decoration:none;
	border:1px solid black;
}

#sw_daupaynow{
	background-color: #9bff94;	
}
#sw_daupaybemerkung{
	background-color: #fff194;	
}
/* 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:16px;
	}
	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;
	}
}

/* sitewizard mobile */
/* min 960px */
@media screen and (max-width: 960px) {
	
	.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;
	}
	
}
/* sitewizard mobile */
/* min 960px */
@media screen and (max-width: 960px) {
	
	div.starttext img {
		margin: 0 10px 15px 10px;
		width: calc(100% - 20px);
	}
	#sw_ols_detail_2019_artikeltext{
		width:100%;
		
	}
	
	
	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 25px;
		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.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(--echtergruen);
	}
	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(--echtergruen);
		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.toprow1 div.c12{
		background:#fff;
	}
	#footer div.c6 a{
		display: block;
		float: none;
		margin:0;
	}
	#footer div.c6 a img {
		height: auto;
		width: 100%;
		padding:0 10% 20px 10%;
	}
	
	a.mainlogo_link{
		width:220px;
		
	}
	div.c2mainlogolink{
		float:left;
		width:220px;
		z-index:1;
	}
	#main-search-form-mobile{
		padding:0;
		width:calc(100% - 40px);
		float:left;
		margin:0;
	}
	#mobile_shop_suche{
		padding:10px 0;
	}
	#mobile_shop_suche div.divshopsuche{
		float:left;
	}
	#main-search-form-mobile input[type="text"]{
		border-right:0;
		margin:0;
	}
	div.search-button i {
		font-size: 1.2em;
		margin: 7px 0 0 0;
	}
	div.search-button{
		border-color:#ddd;
		height:35px;
	}
	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;
		padding:0 10px 20px 0;
	}
	.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.infodienst{
		margin:0;
	}
	.col-md-2.zeitschriftensub {
		width: initial;
	}
	div.swi_kategorie_datum{
		float:none;
		margin:0;
	}
	h2.swi_topnews_h2{
		height:initial;		
	}
	div.sw_content h2.swi_topnews_h2 a{
		font-size: 1em;
		line-height: 1.3em;
	}
	h4.swi_topnews_h4, 
	h3.swi_topnews_h3{
		line-height:16px;
		float:none;
	}
	span.swi_kategorie_datum_jahr{
		width:28%;
		text-align:left;
		padding:0 0 0 2%;
	}
	span.swi_kategorie_datum_tag{
		width:68%;
		text-align:right;
		padding:0 2% 0 0;
	}
	span.swi_kategorie_datum_jahr,
	span.swi_kategorie_datum_tag{
		display: inline-block;
		line-height: 26px;
		border-radius: 0;
		font-size: 14px;
	}
	
	div.sw_content.word2000{
		margin: 20px 10px;
	}
	
	div.sw_content h1{
		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{
		font-weight:900;
	}
	div.sw_content h3{
		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;
		margin:0;
		
	}	
	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.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:0;
	}
	#ps_preis_slider{
		width: calc(100% - 60px);
	}	
	li.ps_mobile_select_order{
		display:block;
	}	
	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;
	}	
	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:150px;
		background-size:30px auto;
		height:30px;
	}	
	div.proshop_add_li_bewertung {
		height: 30px;
		width:150px;
		margin:0 auto;
	}
	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 .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://static.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://static.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%;
	}
	#wk_checkout_tab_main_ul .swo_wkcheckout_artikel_link {
		font-size: 1em;
		line-height: 40px;
		margin: 0;
		display: block;
		width: 200px;
	}
	.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;
	}
	.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: 90%;
		float: none;
		margin: 0 auto 15px auto;
	}
	#swo_zahlung_optionen {
		width: 90%;
		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://static.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://static.musikland-online.de/musikland-online.de/pix/targobank_logo.png);
		background-position: top 32px left 0px;
		background-repeat: no-repeat;
		height: 190px;
	}
	#swo_zahlung_auswahl_wrapper_id_5 {
		background-size: 260px auto;
		background-image: url(https://www.echter.de/pro/zahlung_de_au_ch.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;
	}
	div.swm_input_field{
		/*width: calc(100% - 15px) !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, 
	#swm_input_field_nachname_div {
		clear: both !important;
		float: none !important;
		margin:0 !important;
		width:100%;
	}
	#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(--echtergruen);
}


/* sitewizard mobile */
/* min 320 px */
@media screen and (max-width: 960px) {
	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;
	}
	.dreiercombo img{
		max-width: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(--echtergruen);
	}
	.maintitle span {
		font-size: 16px;
		padding: 3px 0 3px 5px;
		display: block;
	}
	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;
	}
}

@media screen and (max-width: 500px) {
	div.pro_shopsuchfeld_mobile.mobile_only div.oeblock1{
		display:none;
	}
	main iframe{
		max-height: 270px;	
	}
}
@media screen and (max-width: 400px) {
	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(--echtergruen);
}
div.sw_main_menu_div .exo-menu {
    background-color: #fff;
}

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

div.sw_main_menu_div .toprow1 .c12.row{
	/*background-color: var(--echtergruen);
	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(--echtergruen);
}
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: #006767;
}

div#swo_katinfo_divseo_text_rahmen h3.swo_katinfo_divseo_h3{
	background: rgb(12,46,46);
	background: linear-gradient(90deg, rgba(12,46,46,1) 0%, rgba(0,152,152,1) 100%, rgba(0,212,255,1) 100%);
	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(--echtergruen);
}

.list_carousel div.slider_nav a{
	color: var(--echtergruen);
	background-color: #fff;
	border:3px solid #fff;
}
.list_carousel div.slider_nav a:hover{
	color:  #fff;
	background-color: var(--echtergruen);
	border:3px solid var(--echtergruen);
}
#sw_main_top_slider div.slider_txt_1{
	color: #fff;
	background-color:  var(--echtergruen);
}
#sw_main_top_slider div.slider_txt_2{
	color: #fff;
	background-color:  var(--echtergruen);
	border: 5px solid #fff;
}
div.slider_txt_content a.sl_name{
	color: #fff;
	background-color:  var(--echtergruen);
	text-decoration:none;
}