@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #eee;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #3399CC;
	font-family: sans-serif;
	font-size: 160%;
	line-height: 1.5;
}
@media only screen and (max-width: 480px) {
	body,
	button,
	input,
	select,
	textarea {
		line-height: 1.3;
	}
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0;
	text-align: left;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
	text-align: left;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
	color: #484540;
}
dfn, cite, em, i {
	font-style: normal;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
/* show abbreviations on mobile devices, but not on tablets */
@media only screen and (max-width: 667px) {
	abbr[title]:after, acronym[title]:after {
		content: " (" attr(title) ") ";
		font-style: italic;
		color: #999;
	}
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	min-width: 100%;
}
img.imgheight {
	max-height: 100%;
	max-width: none;
	min-height: 100%;
	min-width: 0;
	position: absolute;
	width: auto;
}
.gm-style img {
	max-width: none;
	min-width: 0;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

@media only screen and (max-width: 667px) {
	.ui-selectmenu-status{
		font-size: 18px !important;
	}
	select {
		border: medium none;
		height: 46px;
		margin-bottom: -46px;
		opacity: 0;
		padding: 0;
		position: relative;
		z-index: 2;
	}
	select[id="whoCanDoIt"] {
		z-index: -1;
	}
}
/*button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: color: #3399CC;;
	cursor: pointer; *//* Improves usability and consistency of cursor style between image-type 'input' and others *//*
	-webkit-appearance: button; *//* Corrects inability to style clickable 'input' types in iOS *//*
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea {
	color: #2b2b2b;
	background: #F7F7F7;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	margin-bottom: 4px;
	font-family: "DM Sans", sans-serif;
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	transition: border 0.2s ease, box-shadow 0.2s ease;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.prefill {
	margin-bottom: 4px;	
}
/* Hover */
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover {
  border-color: #dcdcdc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  background: #ffffff;
}

/* Focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: none;
  border-color: #ff5757;
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(255, 87, 87, 0.15),
    0 4px 14px rgba(0, 0, 0, 0.08);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"] {
	padding: 9px 15px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}
input.inputerror[type="text"],
input.inputerror[type="email"],
input.inputerror[type="password"],
input.inputerror[type="search"],
textarea.inputerror {
	border-color: #b36;
	color: #b36 !important;
}

/* Links */
a {
	color: #ff5757;
	outline: none !important;
}
a:visited {
	color: #ff5757;
}
a:hover,
a:focus,
a:active {
	color: #f2a293;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 667px) {
	.phoneclear {
		margin: 0;
		padding-top: 8px;
	}
	.phoneclear:last-child {
		padding-top: 0;
		padding-bottom: 8px;
	}
	.phone-l-alignleft {
		clear: both;
		float: left;
	}
	.phone-l-alignright {
		float: right;
	}
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Style noscript tag for non-js browsers */
noscript {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 0.5em;
	background: #ae0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	z-index: 2147483647;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}
img {
	font-size: 0;
}
*[class*="grid-"], *[class*="grid-"] > *[class*="grid-"] {
	margin: 0 auto;
	max-width: 1196px;
	text-align: justify;
	font-size: 0.1em;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	line-height: 1.5rem;
}
*[class*="grid-"] > * {
	font-size: 10em;
}
*[class*="grid-"] > *[class*="grid-"] > * {
	font-size: 100em;
}
*[class*="grid-"] > *[class*="grid-"] > *[class*="grid-"] {
	font-size: 1em;
}
*[class*="grid-"]:after {
	content: '';
	display: inline-block;
	width: 100%;
	zoom: 1;
	*display: inline;/*IE7 - HACK*/
}

.c1, .c2, .c3, .c4, .c5, .c6,
.c7, .c8, .c9, .c10, .c11, .c12,
.tl1, .tl2, .tl3, .tl4, .tl5, .tl6,
.tl7, .tl8, .tl9, .tl10, .tl11, .tl12,
.tp1, .tp2, .tp3, .tp4, .tp5, .tp6,
.tp7, .tp8, .tp9, .tp10, .tp11, .tp12,
.pl1, .pl2, .pl3, .pl4, .pl5, .pl6,
.pl7, .pl8, .pl9, .pl10, .pl11, .pl12 {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin-bottom: 3.4em;
	position: relative;
	zoom: 1;
	*display: inline;/*IE7 - HACK*/
	line-height: 18px;
	float: none;
}
@media only screen and (max-width: 768px) {
	.c1, .c2, .c3, .c4, .c5, .c6,
	.c7, .c8, .c9, .c10, .c11, .c12,
	.tl1, .tl2, .tl3, .tl4, .tl5, .tl6,
	.tl7, .tl8, .tl9, .tl10, .tl11, .tl12,
	.tp1, .tp2, .tp3, .tp4, .tp5, .tp6,
	.tp7, .tp8, .tp9, .tp10, .tp11, .tp12,
	.pl1, .pl2, .pl3, .pl4, .pl5, .pl6,
	.pl7, .pl8, .pl9, .pl10, .pl11, .pl12 {
		margin-bottom: 1.7em;
	}
}
@media only screen and (max-width: 667px) {
	.c1, .c2, .c3, .c4, .c5, .c6,
	.c7, .c8, .c9, .c10, .c11, .c12,
	.tl1, .tl2, .tl3, .tl4, .tl5, .tl6,
	.tl7, .tl8, .tl9, .tl10, .tl11, .tl12,
	.tp1, .tp2, .tp3, .tp4, .tp5, .tp6,
	.tp7, .tp8, .tp9, .tp10, .tp11, .tp12,
	.pl1, .pl2, .pl3, .pl4, .pl5, .pl6,
	.pl7, .pl8, .pl9, .pl10, .pl11, .pl12 {
		margin-bottom: 0.85em;
	}
}

.nogridmargin .c1, .nogridmargin .c2, .nogridmargin .c3, .nogridmargin .c4, .nogridmargin .c5, .nogridmargin .c6,
.nogridmargin .c7, .nogridmargin .c8, .nogridmargin .c9, .nogridmargin .c10, .nogridmargin .c11, .nogridmargin .c12,
.nogridmargin .tl1, .nogridmargin .tl2, .nogridmargin .tl3, .nogridmargin .tl4, .nogridmargin .tl5, .nogridmargin .tl6,
.nogridmargin .tl7, .nogridmargin .tl8, .nogridmargin .tl9, .nogridmargin .tl10, .nogridmargin .tl11, .nogridmargin .tl12,
.nogridmargin .tp1, .nogridmargin .tp2, .nogridmargin .tp3, .nogridmargin .tp4, .nogridmargin .tp5, .nogridmargin .tp6,
.nogridmargin .tp7, .nogridmargin .tp8, .nogridmargin .tp9, .nogridmargin .tp10, .nogridmargin .tp11, .nogridmargin .tp12,
.nogridmargin .pl1, .nogridmargin .pl2, .nogridmargin .pl3, .nogridmargin .pl4, .nogridmargin .pl5, .nogridmargin .pl6,
.nogridmargin .pl7, .nogridmargin .pl8, .nogridmargin .pl9, .nogridmargin .pl10, .nogridmargin .pl11, .nogridmargin .pl12 {
	margin-bottom: 0;
}

/**
 * Span Element, welches die fehlenden Spalten
 * auffüllt für die jeweilige Bildschirmgröße
 * (Media-Queries legen fest, wenn der fix bei Größe 0 ausgeblendet werden soll)
 */
.fix {
	margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 847px) and (max-width: 1024px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 569px) and (max-width: 846px) {
	span.c0.fix {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 667px) {
	span.c0.fix {
		display: none;
	}
}


.grid-12 .c1 { width: 8.02676%; }
.grid-12 .c2 { width: 16.38796%; }
.grid-12 .c3 { width: 24.74916%; }
.grid-12 .c4 { width: 33.11037%; }
.grid-12 .c5 { width: 41.47157%; }
.grid-12 .c6 { width: 49.83278%; }
.grid-12 .c7 { width: 58.19398%; }
.grid-12 .c8 { width: 66.55518%; }
.grid-12 .c9 { width: 74.91639%; }
.grid-12 .c10 { width: 83.27759%; }
.grid-12 .c11 { width: 91.6388%; }
.grid-12 .c12 { width: 100%; }

.grid-12 .c11 .c1 { width: 8.75912%; }
.grid-12 .c11 .c2 { width: 17.88321%; }
.grid-12 .c11 .c3 { width: 27.0073%; }
.grid-12 .c11 .c4 { width: 36.13139%; }
.grid-12 .c11 .c5 { width: 45.25547%; }
.grid-12 .c11 .c6 { width: 54.37956%; }
.grid-12 .c11 .c7 { width: 63.50365%; }
.grid-12 .c11 .c8 { width: 72.62774%; }
.grid-12 .c11 .c9 { width: 81.75182%; }
.grid-12 .c11 .c10 { width: 90.87591%; }
.grid-12 .c11 .c11 { width: 100%; }

.grid-12 .c10 .c1 { width: 9.63855%; }
.grid-12 .c10 .c2 { width: 19.67871%; }
.grid-12 .c10 .c3 { width: 29.71888%; }
.grid-12 .c10 .c4 { width: 39.75904%; }
.grid-12 .c10 .c5 { width: 49.7992%; }
.grid-12 .c10 .c6 { width: 59.83936%; }
.grid-12 .c10 .c7 { width: 69.87952%; }
.grid-12 .c10 .c8 { width: 79.91968%; }
.grid-12 .c10 .c9 { width: 89.95984%; }
.grid-12 .c10 .c10 { width: 100%; }

.grid-12 .c9 .c1 { width: 10.71429%; }
.grid-12 .c9 .c2 { width: 21.875%; }
.grid-12 .c9 .c3 { width: 33.03571%; }
.grid-12 .c9 .c4 { width: 44.19643%; }
.grid-12 .c9 .c5 { width: 55.35714%; }
.grid-12 .c9 .c6 { width: 66.51786%; }
.grid-12 .c9 .c7 { width: 77.67857%; }
.grid-12 .c9 .c8 { width: 88.83929%; }
.grid-12 .c9 .c9 { width: 100%; }

.grid-12 .c8 .c1 { width: 12.0603%; }
.grid-12 .c8 .c2 { width: 24.62312%; }
.grid-12 .c8 .c3 { width: 37.18593%; }
.grid-12 .c8 .c4 { width: 49.74874%; }
.grid-12 .c8 .c5 { width: 62.31156%; }
/*.grid-12 .c8 .c6 { width: 74.87437%; }*/
.grid-12 .c8 .c7 { width: 87.43719%; }
.grid-12 .c8 .c8 { width: 100%; }

.grid-12 .c7 .c1 { width: 13.7931%; }
.grid-12 .c7 .c2 { width: 28.16092%; }
.grid-12 .c7 .c3 { width: 42.52874%; }
.grid-12 .c7 .c4 { width: 56.89655%; }
.grid-12 .c7 .c5 { width: 71.26437%; }
.grid-12 .c7 .c6 { width: 85.63218%; }
.grid-12 .c7 .c7 { width: 100%; }

.grid-12 .c6 .c1 { width: 16.10738%; }
.grid-12 .c6 .c2 { width: 32.88591%; }
.grid-12 .c6 .c3 { width: 49.66443%; }
.grid-12 .c6 .c4 { width: 66.44295%; }
.grid-12 .c6 .c5 { width: 83.22148%; }
.grid-12 .c6 .c6 { width: 100%; }

.grid-12 .c5 .c1 { width: 19.35484%; }
.grid-12 .c5 .c2 { width: 39.51613%; }
.grid-12 .c5 .c3 { width: 59.67742%; }
.grid-12 .c5 .c4 { width: 79.83871%; }
.grid-12 .c5 .c5 { width: 100%; }

.grid-12 .c4 .c1 { width: 24.24242%; }
.grid-12 .c4 .c2 { width: 49.49495%; }
.grid-12 .c4 .c3 { width: 74.74747%; }
.grid-12 .c4 .c4 { width: 100%; }

.grid-12 .c3 .c1 { width: 32.43243%; }
.grid-12 .c3 .c2 { width: 66.21622%; }
.grid-12 .c3 .c3 { width: 100%; }

.grid-12 .c2 .c1 { width: 48.97959%; }
.grid-12 .c2 .c2 { width: 100%; }

.grid-12 .c1 .c1 { width: 100%; }

/* Zehner grid */
.grid-10 .c1 { width: 8.47581% !important; }
.grid-10 .c2 { width: 18.64516% !important; }
.grid-10 .c3 { width: 28.81452% !important; }
.grid-10 .c4 { width: 38.98387% !important; }
.grid-10 .c5 { width: 49.15323% !important; }
.grid-10 .c6 { width: 59.32258% !important; }
.grid-10 .c7 { width: 69.49194% !important; }
.grid-10 .c8 { width: 79.66129% !important; }
.grid-10 .c9 { width: 89.83065% !important; }
.grid-10 .c10 { width: 100% !important; }

.grid-10 .c9 .c1 { width: 9.43532% !important; }
.grid-10 .c9 .c2 { width: 20.7559% !important; }
.grid-10 .c9 .c3 { width: 32.07649% !important; }
.grid-10 .c9 .c4 { width: 43.39707% !important; }
.grid-10 .c9 .c5 { width: 54.71766% !important; }
.grid-10 .c9 .c6 { width: 66.03824% !important; }
.grid-10 .c9 .c7 { width: 77.35883% !important; }
.grid-10 .c9 .c8 { width: 88.67941% !important; }
.grid-10 .c9 .c9 { width: 100% !important; }

.grid-10 .c8 .c1 { width: 10.63981% !important; }
.grid-10 .c8 .c2 { width: 23.40555% !important; }
.grid-10 .c8 .c3 { width: 36.17129% !important; }
.grid-10 .c8 .c4 { width: 48.93703% !important; }
.grid-10 .c8 .c5 { width: 61.70277% !important; }
.grid-10 .c8 .c6 { width: 74.46852% !important; }
.grid-10 .c8 .c7 { width: 87.23426% !important; }
.grid-10 .c8 .c8 { width: 100% !important; }

.grid-10 .c7 .c1 { width: 12.19682% !important; }
.grid-10 .c7 .c2 { width: 26.83068% !important; }
.grid-10 .c7 .c3 { width: 41.46455% !important; }
.grid-10 .c7 .c4 { width: 56.09841% !important; }
.grid-10 .c7 .c5 { width: 70.73227% !important; }
.grid-10 .c7 .c6 { width: 85.36614% !important; }
.grid-10 .c7 .c7 { width: 100% !important; }

.grid-10 .c6 .c1 { width: 14.28766% !important; }
.grid-10 .c6 .c2 { width: 31.43013% !important; }
.grid-10 .c6 .c3 { width: 48.57259% !important; }
.grid-10 .c6 .c4 { width: 65.71506% !important; }
.grid-10 .c6 .c5 { width: 82.85753% !important; }
.grid-10 .c6 .c6 { width: 100% !important; }

.grid-10 .c5 .c1 { width: 17.24364% !important; }
.grid-10 .c5 .c2 { width: 37.93273% !important; }
.grid-10 .c5 .c3 { width: 58.62182% !important; }
.grid-10 .c5 .c4 { width: 79.31091% !important; }
.grid-10 .c5 .c5 { width: 100% !important; }

.grid-10 .c4 .c1 { width: 21.74183% !important; }
.grid-10 .c4 .c2 { width: 47.82789% !important; }
.grid-10 .c4 .c3 { width: 73.91394% !important; }
.grid-10 .c4 .c4 { width: 100% !important; }

.grid-10 .c3 .c1 { width: 29.41506% !important; }
.grid-10 .c3 .c2 { width: 64.70753% !important; }
.grid-10 .c3 .c3 { width: 100% !important; }

.grid-10 .c2 .c1 { width: 45.45848% !important; }
.grid-10 .c2 .c2 { width: 100% !important; }

.grid-10 .c1 .c1 { width: 100% !important; }

/**
 * Größen Für Tablets im Querformat
 * (überschreiben Desktop-Ansicht)
 */
@media only screen and (max-width: 1024px) {
	*[class*="grid-"] {max-width: 984px;}
	.grid-12  .tl0 {width: 100%;}
	.grid-12 .tl1 { width: 8.02676%; }
	.grid-12 .tl2 { width: 16.38796%; }
	.grid-12 .tl3 { width: 24.74916%; }
	/*.grid-12 .tl4 { width: 33.11037%; }*/
	.grid-12 .tl5 { width: 41.47157%; }
	.grid-12 .tl6 { width: 49.83278%; }
	.grid-12 .tl7 { width: 58.19398%; }
	.grid-12 .tl8 { width: 66.55518%; }
	.grid-12 .tl9 { width: 74.91639%; }
	.grid-12 .tl10 { width: 83.27759%; }
	.grid-12 .tl11 { width: 91.6388%; }
	.grid-12 .tl12 { width: 100%; }

	.grid-12 .tl11 .tl1 { width: 8.75912%; }
	.grid-12 .tl11 .tl2 { width: 17.88321%; }
	.grid-12 .tl11 .tl3 { width: 27.0073%; }
	.grid-12 .tl11 .tl4 { width: 36.13139%; }
	.grid-12 .tl11 .tl5 { width: 45.25547%; }
	.grid-12 .tl11 .tl6 { width: 54.37956%; }
	.grid-12 .tl11 .tl7 { width: 63.50365%; }
	.grid-12 .tl11 .tl8 { width: 72.62774%; }
	.grid-12 .tl11 .tl9 { width: 81.75182%; }
	.grid-12 .tl11 .tl10 { width: 90.87591%; }
	.grid-12 .tl11 .tl11 { width: 100%; }

	.grid-12 .tl10 .tl1 { width: 9.63855%; }
	.grid-12 .tl10 .tl2 { width: 19.67871%; }
	.grid-12 .tl10 .tl3 { width: 29.71888%; }
	.grid-12 .tl10 .tl4 { width: 39.75904%; }
	.grid-12 .tl10 .tl5 { width: 49.7992%; }
	.grid-12 .tl10 .tl6 { width: 59.83936%; }
	.grid-12 .tl10 .tl7 { width: 69.87952%; }
	.grid-12 .tl10 .tl8 { width: 79.91968%; }
	.grid-12 .tl10 .tl9 { width: 89.95984%; }
	.grid-12 .tl10 .tl10 { width: 100%; }

	.grid-12 .tl9 .tl1 { width: 10.71429%; }
	.grid-12 .tl9 .tl2 { width: 21.875%; }
	.grid-12 .tl9 .tl3 { width: 33.03571%; }
	.slide-up { width: 100% !important; }	
	
	.grid-12 .tl9 .tl4 { width: 44.19643%; }
	.grid-12 .tl9 .tl5 { width: 55.35714%; }
	.grid-12 .tl9 .tl6 { width: 66.51786%; }
	.rewrite { width: 100% !important; }	
	.grid-12 .tl9 .tl7 { width: 77.67857%; }
	.grid-12 .tl9 .tl8 { width: 88.83929%; }
	.grid-12 .tl9 .tl9 { width: 100%; }

	.grid-12 .tl8 .tl1 { width: 12.0603%; }
	.grid-12 .tl8 .tl2 { width: 24.62312%; }
	.grid-12 .tl8 .tl3 { width: 37.18593%; }
	.grid-12 .tl8 .tl4 { width: 49.74874%; }
	.grid-12 .tl8 .tl5 { width: 62.31156%; }
	.grid-12 .tl8 .tl6 { width: 74.87437%; }
	.grid-12 .tl8 .tl7 { width: 87.43719%; }
	.grid-12 .tl8 .tl8 { width: 100%; }

	.grid-12 .tl7 .tl1 { width: 13.7931%; }
	.grid-12 .tl7 .tl2 { width: 28.16092%; }
	.grid-12 .tl7 .tl3 { width: 42.52874%; }
	.grid-12 .tl7 .tl4 { width: 56.89655%; }
	.grid-12 .tl7 .tl5 { width: 71.26437%; }
	.grid-12 .tl7 .tl6 { width: 85.63218%; }
	.grid-12 .tl7 .tl7 { width: 100%; }

	.grid-12 .tl6 .tl1 { width: 16.10738%; }
	.grid-12 .tl6 .tl2 { width: 32.88591%; }
	.grid-12 .tl6 .tl3 { width: 49.66443%; }
	.grid-12 .tl6 .tl4 { width: 66.44295%; }
	.grid-12 .tl6 .tl5 { width: 83.22148%; }
	.grid-12 .tl6 .tl6 { width: 100%; }

	.grid-12 .tl5 .tl1 { width: 19.35484%; }
	.grid-12 .tl5 .tl2 { width: 39.51613%; }
	.grid-12 .tl5 .tl3 { width: 59.67742%; }
	.grid-12 .tl5 .tl4 { width: 79.83871%; }
	.grid-12 .tl5 .tl5 { width: 100%; }

	.grid-12 .tl4 .tl1 { width: 24.24242%; }
	.grid-12 .tl4 .tl2 { width: 49.49495%; }
	.grid-12 .tl4 .tl3 { width: 74.74747%; }
	.grid-12 .tl4 .tl4 { width: 100%; }

	.grid-12 .tl3 .tl1 { width: 32.43243%; }
	.grid-12 .tl3 .tl2 { width: 66.21622%; }
	.grid-12 .tl3 .tl3 { width: 100%; }

	.grid-12 .tl2 .tl1 { width: 48.97959%; }
	.grid-12 .tl2 .tl2 { width: 100%; }

	.grid-12 .tl1 .tl1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .tl1 { width: 8.47581% !important; }
	.grid-10 .tl2 { width: 18.64516% !important; }
	.grid-10 .tl3 { width: 28.81452% !important; }
	.grid-10 .tl4 { width: 38.98387% !important; }
	.grid-10 .tl5 { width: 49.15323% !important; }
	.grid-10 .tl6 { width: 59.32258% !important; }
	.grid-10 .tl7 { width: 69.49194% !important; }
	.grid-10 .tl8 { width: 79.66129% !important; }
	.grid-10 .tl9 { width: 89.83065% !important; }
	.grid-10 .tl10 { width: 100% !important; }

	.grid-10 .tl9 .tl1 { width: 9.43532% !important; }
	.grid-10 .tl9 .tl2 { width: 20.7559% !important; }
	.grid-10 .tl9 .tl3 { width: 32.07649% !important; }
	.grid-10 .tl9 .tl4 { width: 43.39707% !important; }
	.grid-10 .tl9 .tl5 { width: 54.71766% !important; }
	.grid-10 .tl9 .tl6 { width: 66.03824% !important; }
	.grid-10 .tl9 .tl7 { width: 77.35883% !important; }
	.grid-10 .tl9 .tl8 { width: 88.67941% !important; }
	.grid-10 .tl9 .tl9 { width: 100% !important; }

	.grid-10 .tl8 .tl1 { width: 10.63981% !important; }
	.grid-10 .tl8 .tl2 { width: 23.40555% !important; }
	.grid-10 .tl8 .tl3 { width: 36.17129% !important; }
	.grid-10 .tl8 .tl4 { width: 48.93703% !important; }
	.grid-10 .tl8 .tl5 { width: 61.70277% !important; }
	.grid-10 .tl8 .tl6 { width: 74.46852% !important; }
	.grid-10 .tl8 .tl7 { width: 87.23426% !important; }
	.grid-10 .tl8 .tl8 { width: 100% !important; }

	.grid-10 .tl7 .tl1 { width: 12.19682% !important; }
	.grid-10 .tl7 .tl2 { width: 26.83068% !important; }
	.grid-10 .tl7 .tl3 { width: 41.46455% !important; }
	.grid-10 .tl7 .tl4 { width: 56.09841% !important; }
	.grid-10 .tl7 .tl5 { width: 70.73227% !important; }
	.grid-10 .tl7 .tl6 { width: 85.36614% !important; }
	.grid-10 .tl7 .tl7 { width: 100% !important; }

	.grid-10 .tl6 .tl1 { width: 14.28766% !important; }
	.grid-10 .tl6 .tl2 { width: 31.43013% !important; }
	.grid-10 .tl6 .tl3 { width: 48.57259% !important; }
	.grid-10 .tl6 .tl4 { width: 65.71506% !important; }
	.grid-10 .tl6 .tl5 { width: 82.85753% !important; }
	.grid-10 .tl6 .tl6 { width: 100% !important; }

	.grid-10 .tl5 .tl1 { width: 17.24364% !important; }
	.grid-10 .tl5 .tl2 { width: 37.93273% !important; }
	.grid-10 .tl5 .tl3 { width: 58.62182% !important; }
	.grid-10 .tl5 .tl4 { width: 79.31091% !important; }
	.grid-10 .tl5 .tl5 { width: 100% !important; }

	.grid-10 .tl4 .tl1 { width: 21.74183% !important; }
	.grid-10 .tl4 .tl2 { width: 47.82789% !important; }
	.grid-10 .tl4 .tl3 { width: 73.91394% !important; }
	.grid-10 .tl4 .tl4 { width: 100% !important; }

	.grid-10 .tl3 .tl1 { width: 29.41506% !important; }
	.grid-10 .tl3 .tl2 { width: 64.70753% !important; }
	.grid-10 .tl3 .tl3 { width: 100% !important; }

	.grid-10 .tl2 .tl1 { width: 45.45848% !important; }
	.grid-10 .tl2 .tl2 { width: 100% !important; }

	.grid-10 .tl1 .tl1 { width: 100% !important; }
}

/**
 * Größen Für Tablets im Hochformat
 * (überschreiben Tablet Querformat-Ansicht)
 */
@media only screen and (max-width: 846px) {
	*[class*="grid-"] {max-width: 806px;}
	.grid-12 .tp1, .grid-12 .tp12 .tp1 { width: 8.02676%; }
	.grid-12 .tp2, .grid-12 .tp12 .tp2 { width: 16.38796%; }
	.grid-12 .tp3, .grid-12 .tp12 .tp3 { width: 24.74916%; }
	.grid-12 .tp4, .grid-12 .tp12 .tp4 { width: 33.11037%; }
	.grid-12 .tp5, .grid-12 .tp12 .tp5 { width: 41.47157%; }
	.grid-12 .tp6, .grid-12 .tp12 .tp6 { width: 49.83278%; }
	.grid-12 .tp7, .grid-12 .tp12 .tp7 { width: 58.19398%; }
	.grid-12 .tp8, .grid-12 .tp12 .tp8 { width: 66.55518%; }
	.grid-12 .tp9, .grid-12 .tp12 .tp9 { width: 74.91639%; }
	.grid-12 .tp10, .grid-12 .tp10 { width: 83.27759%; }
	.grid-12 .tp11, .grid-12 .tp11 { width: 91.6388%; }
	.grid-12 .tp12, .grid-12 .tp12 .tp12 { width: 100%; }

	.grid-12 .tp11 .tp1 { width: 8.75912%; }
	.grid-12 .tp11 .tp2 { width: 17.88321%; }
	.grid-12 .tp11 .tp3 { width: 27.0073%; }
	.grid-12 .tp11 .tp4 { width: 36.13139%; }
	.grid-12 .tp11 .tp5 { width: 45.25547%; }
	.grid-12 .tp11 .tp6 { width: 54.37956%; }
	.grid-12 .tp11 .tp7 { width: 63.50365%; }
	.grid-12 .tp11 .tp8 { width: 72.62774%; }
	.grid-12 .tp11 .tp9 { width: 81.75182%; }
	.grid-12 .tp11 .tp10 { width: 90.87591%; }
	.grid-12 .tp11 .tp11 { width: 100%; }

	.grid-12 .tp10 .tp1 { width: 9.63855%; }
	.grid-12 .tp10 .tp2 { width: 19.67871%; }
	.grid-12 .tp10 .tp3 { width: 29.71888%; }
	.grid-12 .tp10 .tp4 { width: 39.75904%; }
	.grid-12 .tp10 .tp5 { width: 49.7992%; }
	.grid-12 .tp10 .tp6 { width: 59.83936%; }
	.grid-12 .tp10 .tp7 { width: 69.87952%; }
	.grid-12 .tp10 .tp8 { width: 79.91968%; }
	.grid-12 .tp10 .tp9 { width: 89.95984%; }
	.grid-12 .tp10 .tp10 { width: 100%; }

	.grid-12 .tp9 .tp1 { width: 10.71429%; }
	.grid-12 .tp9 .tp2 { width: 21.875%; }
	.grid-12 .tp9 .tp3 { width: 33.03571%; }
	.grid-12 .tp9 .tp4 { width: 44.19643%; }
	.grid-12 .tp9 .tp5 { width: 55.35714%; }
	.grid-12 .tp9 .tp6 { width: 66.51786%; }
	.grid-12 .tp9 .tp7 { width: 77.67857%; }
	.grid-12 .tp9 .tp8 { width: 88.83929%; }
	.grid-12 .tp9 .tp9 { width: 100%; }

	.grid-12 .tp8 .tp1 { width: 12.0603%; }
	.grid-12 .tp8 .tp2 { width: 24.62312%; }
	.grid-12 .tp8 .tp3 { width: 37.18593%; }
	.grid-12 .tp8 .tp4 { width: 49.74874%; }
	.grid-12 .tp8 .tp5 { width: 62.31156%; }
	.grid-12 .tp8 .tp6 { width: 74.87437%; }
	.grid-12 .tp8 .tp7 { width: 87.43719%; }
	.grid-12 .tp8 .tp8 { width: 100%; }

	.grid-12 .tp7 .tp1 { width: 13.7931%; }
	.grid-12 .tp7 .tp2 { width: 28.16092%; }
	.grid-12 .tp7 .tp3 { width: 42.52874%; }
	.grid-12 .tp7 .tp4 { width: 56.89655%; }
	.grid-12 .tp7 .tp5 { width: 71.26437%; }
	.grid-12 .tp7 .tp6 { width: 85.63218%; }
	.grid-12 .tp7 .tp7 { width: 100%; }

	.grid-12 .tp6 .tp1 { width: 16.10738%; }
	.grid-12 .tp6 .tp2 { width: 32.88591%; }
	.grid-12 .tp6 .tp3 { width: 49.66443%; }
	.grid-12 .tp6 .tp4 { width: 66.44295%; }
	.grid-12 .tp6 .tp5 { width: 83.22148%; }
	.grid-12 .tp6 .tp6 { width: 100%; }

	.grid-12 .tp5 .tp1 { width: 19.35484%; }
	.grid-12 .tp5 .tp2 { width: 39.51613%; }
	.grid-12 .tp5 .tp3 { width: 59.67742%; }
	.grid-12 .tp5 .tp4 { width: 79.83871%; }
	.grid-12 .tp5 .tp5 { width: 100%; }

	.grid-12 .tp4 .tp1 { width: 24.24242%; }
	.grid-12 .tp4 .tp2 { width: 49.49495%; }
	.grid-12 .tp4 .tp3 { width: 74.74747%; }
	.grid-12 .tp4 .tp4 { width: 100%; }

	.grid-12 .tp3 .tp1 { width: 32.43243%; }
	.grid-12 .tp3 .tp2 { width: 66.21622%; }
	.grid-12 .tp3 .tp3 { width: 100%; }

	.grid-12 .tp2 .tp1 { width: 48.97959%; }
	.grid-12 .tp2 .tp2 { width: 100%; }

	.grid-12 .tp1 .tp1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .tp1 { width: 8.47581% !important; }
	.grid-10 .tp2 { width: 18.64516% !important; }
	.grid-10 .tp3 { width: 28.81452% !important; }
	.grid-10 .tp4 { width: 38.98387% !important; }
	.grid-10 .tp5 { width: 49.15323% !important; }
	.grid-10 .tp6 { width: 59.32258% !important; }
	.grid-10 .tp7 { width: 69.49194% !important; }
	.grid-10 .tp8 { width: 79.66129% !important; }
	.grid-10 .tp9 { width: 89.83065% !important; }
	.grid-10 .tp10 { width: 100% !important; }

	.grid-10 .tp9 .tp1 { width: 9.43532% !important; }
	.grid-10 .tp9 .tp2 { width: 20.7559% !important; }
	.grid-10 .tp9 .tp3 { width: 32.07649% !important; }
	.grid-10 .tp9 .tp4 { width: 43.39707% !important; }
	.grid-10 .tp9 .tp5 { width: 54.71766% !important; }
	.grid-10 .tp9 .tp6 { width: 66.03824% !important; }
	.grid-10 .tp9 .tp7 { width: 77.35883% !important; }
	.grid-10 .tp9 .tp8 { width: 88.67941% !important; }
	.grid-10 .tp9 .tp9 { width: 100% !important; }

	.grid-10 .tp8 .tp1 { width: 10.63981% !important; }
	.grid-10 .tp8 .tp2 { width: 23.40555% !important; }
	.grid-10 .tp8 .tp3 { width: 36.17129% !important; }
	.grid-10 .tp8 .tp4 { width: 48.93703% !important; }
	.grid-10 .tp8 .tp5 { width: 61.70277% !important; }
	.grid-10 .tp8 .tp6 { width: 74.46852% !important; }
	.grid-10 .tp8 .tp7 { width: 87.23426% !important; }
	.grid-10 .tp8 .tp8 { width: 100% !important; }

	.grid-10 .tp7 .tp1 { width: 12.19682% !important; }
	.grid-10 .tp7 .tp2 { width: 26.83068% !important; }
	.grid-10 .tp7 .tp3 { width: 41.46455% !important; }
	.grid-10 .tp7 .tp4 { width: 56.09841% !important; }
	.grid-10 .tp7 .tp5 { width: 70.73227% !important; }
	.grid-10 .tp7 .tp6 { width: 85.36614% !important; }
	.grid-10 .tp7 .tp7 { width: 100% !important; }

	.grid-10 .tp6 .tp1 { width: 14.28766% !important; }
	.grid-10 .tp6 .tp2 { width: 31.43013% !important; }
	.grid-10 .tp6 .tp3 { width: 48.57259% !important; }
	.grid-10 .tp6 .tp4 { width: 65.71506% !important; }
	.grid-10 .tp6 .tp5 { width: 82.85753% !important; }
	.grid-10 .tp6 .tp6 { width: 100% !important; }

	.grid-10 .tp5 .tp1 { width: 17.24364% !important; }
	.grid-10 .tp5 .tp2 { width: 37.93273% !important; }
	.grid-10 .tp5 .tp3 { width: 58.62182% !important; }
	.grid-10 .tp5 .tp4 { width: 79.31091% !important; }
	.grid-10 .tp5 .tp5 { width: 100% !important; }

	.grid-10 .tp4 .tp1 { width: 21.74183% !important; }
	.grid-10 .tp4 .tp2 { width: 47.82789% !important; }
	.grid-10 .tp4 .tp3 { width: 73.91394% !important; }
	.grid-10 .tp4 .tp4 { width: 100% !important; }

	.grid-10 .tp3 .tp1 { width: 29.41506% !important; }
	.grid-10 .tp3 .tp2 { width: 64.70753% !important; }
	.grid-10 .tp3 .tp3 { width: 100% !important; }

	.grid-10 .tp2 .tp1 { width: 45.45848% !important; }
	.grid-10 .tp2 .tp2 { width: 100% !important; }

	.grid-10 .tp1 .tp1 { width: 100% !important; }
}

/**
 * Größen Für Smartphones im Querformat
 * (überschreiben Tablet Hochformat-Ansicht)
 */
@media only screen and (max-width: 667px) {
	*[class*="grid-"] {max-width: 667px;}
	.grid-12 .pl1, .grid-12 .pl12 .pl1 { width: 8.02676%; }
	.grid-12 .pl2, .grid-12 .pl12 .pl2 { width: 16.38796%; }
	.grid-12 .pl3, .grid-12 .pl12 .pl3 { width: 24.74916%; }
	.grid-12 .pl4, .grid-12 .pl12 .pl4 { width: 33.11037%; }
	.grid-12 .pl5, .grid-12 .pl12 .pl5 { width: 41.47157%; }
	.grid-12 .pl6, .grid-12 .pl12 .pl6 { width: 49.83278%; }
	.grid-12 .pl7, .grid-12 .pl12 .pl7 { width: 58.19398%; }
	.grid-12 .pl8, .grid-12 .pl12 .pl8 { width: 66.55518%; }
	.grid-12 .pl9, .grid-12 .pl12 .pl9 { width: 74.91639%; }
	.grid-12 .pl10, .grid-12 .pl12 .pl10 { width: 83.27759%; }
	.grid-12 .pl11, .grid-12 .pl12 .pl11 { width: 91.6388%; }
	.grid-12 .pl12, .grid-12 .pl12 .pl12 { width: 100%; }

	.grid-12 .pl11 .pl1 { width: 8.75912%; }
	.grid-12 .pl11 .pl2 { width: 17.88321%; }
	.grid-12 .pl11 .pl3 { width: 27.0073%; }
	.grid-12 .pl11 .pl4 { width: 36.13139%; }
	.grid-12 .pl11 .pl5 { width: 45.25547%; }
	.grid-12 .pl11 .pl6 { width: 54.37956%; }
	.grid-12 .pl11 .pl7 { width: 63.50365%; }
	.grid-12 .pl11 .pl8 { width: 72.62774%; }
	.grid-12 .pl11 .pl9 { width: 81.75182%; }
	.grid-12 .pl11 .pl10 { width: 90.87591%; }
	.grid-12 .pl11 .pl11 { width: 100%; }

	.grid-12 .pl10 .pl1 { width: 9.63855%; }
	.grid-12 .pl10 .pl2 { width: 19.67871%; }
	.grid-12 .pl10 .pl3 { width: 29.71888%; }
	.grid-12 .pl10 .pl4 { width: 39.75904%; }
	.grid-12 .pl10 .pl5 { width: 49.7992%; }
	.grid-12 .pl10 .pl6 { width: 59.83936%; }
	.grid-12 .pl10 .pl7 { width: 69.87952%; }
	.grid-12 .pl10 .pl8 { width: 79.91968%; }
	.grid-12 .pl10 .pl9 { width: 89.95984%; }
	.grid-12 .pl10 .pl10 { width: 100%; }

	.grid-12 .pl9 .pl1 { width: 10.71429%; }
	.grid-12 .pl9 .pl2 { width: 21.875%; }
	.grid-12 .pl9 .pl3 { width: 33.03571%; }
	.grid-12 .pl9 .pl4 { width: 44.19643%; }
	.grid-12 .pl9 .pl5 { width: 55.35714%; }
	.grid-12 .pl9 .pl6 { width: 66.51786%; }
	.grid-12 .pl9 .pl7 { width: 77.67857%; }
	.grid-12 .pl9 .pl8 { width: 88.83929%; }
	.grid-12 .pl9 .pl9 { width: 100%; }

	.grid-12 .pl8 .pl1 { width: 12.0603%; }
	.grid-12 .pl8 .pl2 { width: 24.62312%; }
	.grid-12 .pl8 .pl3 { width: 37.18593%; }
	.grid-12 .pl8 .pl4 { width: 49.74874%; }
	.grid-12 .pl8 .pl5 { width: 62.31156%; }
	.grid-12 .pl8 .pl6 { width: 74.87437%; }
	.grid-12 .pl8 .pl7 { width: 87.43719%; }
	.grid-12 .pl8 .pl8 { width: 100%; }

	.grid-12 .pl7 .pl1 { width: 13.7931%; }
	.grid-12 .pl7 .pl2 { width: 28.16092%; }
	.grid-12 .pl7 .pl3 { width: 42.52874%; }
	.grid-12 .pl7 .pl4 { width: 56.89655%; }
	.grid-12 .pl7 .pl5 { width: 71.26437%; }
	.grid-12 .pl7 .pl6 { width: 85.63218%; }
	.grid-12 .pl7 .pl7 { width: 100%; }

	.grid-12 .pl6 .pl1 { width: 16.10738%; }
	.grid-12 .pl6 .pl2 { width: 32.88591%; }
	.grid-12 .pl6 .pl3 { width: 49.66443%; }
	.grid-12 .pl6 .pl4 { width: 66.44295%; }
	.grid-12 .pl6 .pl5 { width: 83.22148%; }
	.grid-12 .pl6 .pl6 { width: 100%; }

	.grid-12 .pl5 .pl1 { width: 19.35484%; }
	.grid-12 .pl5 .pl2 { width: 39.51613%; }
	.grid-12 .pl5 .pl3 { width: 59.67742%; }
	.grid-12 .pl5 .pl4 { width: 79.83871%; }
	.grid-12 .pl5 .pl5 { width: 100%; }

	.grid-12 .pl4 .pl1 { width: 24.24242%; }
	.grid-12 .pl4 .pl2 { width: 49.49495%; }
	.grid-12 .pl4 .pl3 { width: 74.74747%; }
	.grid-12 .pl4 .pl4 { width: 100%; }

	.grid-12 .pl3 .pl1 { width: 32.43243%; }
	.grid-12 .pl3 .pl2 { width: 66.21622%; }
	.grid-12 .pl3 .pl3 { width: 100%; }

	.grid-12 .pl2 .pl1 { width: 48.97959%; }
	.grid-12 .pl2 .pl2 { width: 100%; }

	.grid-12 .pl1 .pl1 { width: 100%; }

	/* Zehner grid */
	.grid-10 .pl1 { width: 8.47581% !important; }
	.grid-10 .pl2 { width: 18.64516% !important; }
	.grid-10 .pl3 { width: 28.81452% !important; }
	.grid-10 .pl4 { width: 38.98387% !important; }
	.grid-10 .pl5 { width: 49.15323% !important; }
	.grid-10 .pl6 { width: 59.32258% !important; }
	.grid-10 .pl7 { width: 69.49194% !important; }
	.grid-10 .pl8 { width: 79.66129% !important; }
	.grid-10 .pl9 { width: 89.83065% !important; }
	.grid-10 .pl10 { width: 100% !important; }

	.grid-10 .pl9 .pl1 { width: 9.43532% !important; }
	.grid-10 .pl9 .pl2 { width: 20.7559% !important; }
	.grid-10 .pl9 .pl3 { width: 32.07649% !important; }
	.grid-10 .pl9 .pl4 { width: 43.39707% !important; }
	.grid-10 .pl9 .pl5 { width: 54.71766% !important; }
	.grid-10 .pl9 .pl6 { width: 66.03824% !important; }
	.grid-10 .pl9 .pl7 { width: 77.35883% !important; }
	.grid-10 .pl9 .pl8 { width: 88.67941% !important; }
	.grid-10 .pl9 .pl9 { width: 100% !important; }

	.grid-10 .pl8 .pl1 { width: 10.63981% !important; }
	.grid-10 .pl8 .pl2 { width: 23.40555% !important; }
	.grid-10 .pl8 .pl3 { width: 36.17129% !important; }
	.grid-10 .pl8 .pl4 { width: 48.93703% !important; }
	.grid-10 .pl8 .pl5 { width: 61.70277% !important; }
	.grid-10 .pl8 .pl6 { width: 74.46852% !important; }
	.grid-10 .pl8 .pl7 { width: 87.23426% !important; }
	.grid-10 .pl8 .pl8 { width: 100% !important; }

	.grid-10 .pl7 .pl1 { width: 12.19682% !important; }
	.grid-10 .pl7 .pl2 { width: 26.83068% !important; }
	.grid-10 .pl7 .pl3 { width: 41.46455% !important; }
	.grid-10 .pl7 .pl4 { width: 56.09841% !important; }
	.grid-10 .pl7 .pl5 { width: 70.73227% !important; }
	.grid-10 .pl7 .pl6 { width: 85.36614% !important; }
	.grid-10 .pl7 .pl7 { width: 100% !important; }

	.grid-10 .pl6 .pl1 { width: 14.28766% !important; }
	.grid-10 .pl6 .pl2 { width: 31.43013% !important; }
	.grid-10 .pl6 .pl3 { width: 48.57259% !important; }
	.grid-10 .pl6 .pl4 { width: 65.71506% !important; }
	.grid-10 .pl6 .pl5 { width: 82.85753% !important; }
	.grid-10 .pl6 .pl6 { width: 100% !important; }

	.grid-10 .pl5 .pl1 { width: 17.24364% !important; }
	.grid-10 .pl5 .pl2 { width: 37.93273% !important; }
	.grid-10 .pl5 .pl3 { width: 58.62182% !important; }
	.grid-10 .pl5 .pl4 { width: 79.31091% !important; }
	.grid-10 .pl5 .pl5 { width: 100% !important; }

	.grid-10 .pl4 .pl1 { width: 21.74183% !important; }
	.grid-10 .pl4 .pl2 { width: 47.82789% !important; }
	.grid-10 .pl4 .pl3 { width: 73.91394% !important; }
	.grid-10 .pl4 .pl4 { width: 100% !important; }

	.grid-10 .pl3 .pl1 { width: 29.41506% !important; }
	.grid-10 .pl3 .pl2 { width: 64.70753% !important; }
	.grid-10 .pl3 .pl3 { width: 100% !important; }

	.grid-10 .pl2 .pl1 { width: 45.45848% !important; }
	.grid-10 .pl2 .pl2 { width: 100% !important; }

	.grid-10 .pl1 .pl1 { width: 100% !important; }
}

/**
 * Größen für Smartphone Hochformat
 * (überschreibt alle Größen auf eine einzige von rechts nach links, immer)
 */
/*@media only screen and (max-width: 480px) {
	*[class*="grid-"] {max-width: 480px;}

	.c1, .c2, .c3, .c4, .c5, .c6,
	.c7, .c8, .c9, .c10, .c11, .c12 {
		width: 100% !important;
	}

	.grid-12 .pp1 { width: 8.02676% !important; }
	.grid-12 .pp2 { width: 16.38796% !important; }
	.grid-12 .pp3 { width: 24.74916% !important; }
	.grid-12 .pp4 { width: 33.11037% !important; }
	.grid-12 .pp5 { width: 41.47157% !important; }
	.grid-12 .pp6 { width: 49.83278% !important; }
	.grid-12 .pp7 { width: 58.19398% !important; }
	.grid-12 .pp8 { width: 66.55518% !important; }
	.grid-12 .pp9 { width: 74.91639% !important; }
	.grid-12 .pp10 { width: 83.27759% !important; }
	.grid-12 .pp11 { width: 91.6388% !important; }
	.grid-12 .pp12 { width: 100% !important; }

	.grid-12 .pp11 .pp1 { width: 8.75912% !important; }
	.grid-12 .pp11 .pp2 { width: 17.88321% !important; }
	.grid-12 .pp11 .pp3 { width: 27.0073% !important; }
	.grid-12 .pp11 .pp4 { width: 36.13139% !important; }
	.grid-12 .pp11 .pp5 { width: 45.25547% !important; }
	.grid-12 .pp11 .pp6 { width: 54.37956% !important; }
	.grid-12 .pp11 .pp7 { width: 63.50365% !important; }
	.grid-12 .pp11 .pp8 { width: 72.62774% !important; }
	.grid-12 .pp11 .pp9 { width: 81.75182% !important; }
	.grid-12 .pp11 .pp10 { width: 90.87591% !important; }
	.grid-12 .pp11 .pp11 { width: 100% !important; }

	.grid-12 .pp10 .pp1 { width: 9.63855% !important; }
	.grid-12 .pp10 .pp2 { width: 19.67871% !important; }
	.grid-12 .pp10 .pp3 { width: 29.71888% !important; }
	.grid-12 .pp10 .pp4 { width: 39.75904% !important; }
	.grid-12 .pp10 .pp5 { width: 49.7992% !important; }
	.grid-12 .pp10 .pp6 { width: 59.83936% !important; }
	.grid-12 .pp10 .pp7 { width: 69.87952% !important; }
	.grid-12 .pp10 .pp8 { width: 79.91968% !important; }
	.grid-12 .pp10 .pp9 { width: 89.95984% !important; }
	.grid-12 .pp10 .pp10 { width: 100% !important; }

	.grid-12 .pp9 .pp1 { width: 10.71429% !important; }
	.grid-12 .pp9 .pp2 { width: 21.875% !important; }
	.grid-12 .pp9 .pp3 { width: 33.03571% !important; }
	.grid-12 .pp9 .pp4 { width: 44.19643% !important; }
	.grid-12 .pp9 .pp5 { width: 55.35714% !important; }
	.grid-12 .pp9 .pp6 { width: 66.51786% !important; }
	.grid-12 .pp9 .pp7 { width: 77.67857% !important; }
	.grid-12 .pp9 .pp8 { width: 88.83929% !important; }
	.grid-12 .pp9 .pp9 { width: 100% !important; }

	.grid-12 .pp8 .pp1 { width: 12.0603% !important; }
	.grid-12 .pp8 .pp2 { width: 24.62312% !important; }
	.grid-12 .pp8 .pp3 { width: 37.18593% !important; }
	.grid-12 .pp8 .pp4 { width: 49.74874% !important; }
	.grid-12 .pp8 .pp5 { width: 62.31156% !important; }
	.grid-12 .pp8 .pp6 { width: 74.87437% !important; }
	.grid-12 .pp8 .pp7 { width: 87.43719% !important; }
	.grid-12 .pp8 .pp8 { width: 100% !important; }

	.grid-12 .pp7 .pp1 { width: 13.7931% !important; }
	.grid-12 .pp7 .pp2 { width: 28.16092% !important; }
	.grid-12 .pp7 .pp3 { width: 42.52874% !important; }
	.grid-12 .pp7 .pp4 { width: 56.89655% !important; }
	.grid-12 .pp7 .pp5 { width: 71.26437% !important; }
	.grid-12 .pp7 .pp6 { width: 85.63218% !important; }
	.grid-12 .pp7 .pp7 { width: 100% !important; }

	.grid-12 .pp6 .pp1 { width: 16.10738% !important; }
	.grid-12 .pp6 .pp2 { width: 32.88591% !important; }
	.grid-12 .pp6 .pp3 { width: 49.66443% !important; }
	.grid-12 .pp6 .pp4 { width: 66.44295% !important; }
	.grid-12 .pp6 .pp5 { width: 83.22148% !important; }
	.grid-12 .pp6 .pp6 { width: 100% !important; }

	.grid-12 .pp5 .pp1 { width: 19.35484% !important; }
	.grid-12 .pp5 .pp2 { width: 39.51613% !important; }
	.grid-12 .pp5 .pp3 { width: 59.67742% !important; }
	.grid-12 .pp5 .pp4 { width: 79.83871% !important; }
	.grid-12 .pp5 .pp5 { width: 100% !important; }

	.grid-12 .pp4 .pp1 { width: 24.24242% !important; }
	.grid-12 .pp4 .pp2 { width: 49.49495% !important; }
	.grid-12 .pp4 .pp3 { width: 74.74747% !important; }
	.grid-12 .pp4 .pp4 { width: 100% !important; }

	.grid-12 .pp3 .pp1 { width: 32.43243% !important; }
	.grid-12 .pp3 .pp2 { width: 66.21622% !important; }
	.grid-12 .pp3 .pp3 { width: 100% !important; }

	.grid-12 .pp2 .pp1 { width: 48.97959% !important; }
	.grid-12 .pp2 .pp2 { width: 100% !important; }

	.grid-12 .pp1 .pp1 { width: 100% !important; }

	*//* Zehner grid *//*
	.grid-10 .pp1 { width: 8.47581% !important; }
	.grid-10 .pp2 { width: 18.64516% !important; }
	.grid-10 .pp3 { width: 28.81452% !important; }
	.grid-10 .pp4 { width: 38.98387% !important; }
	.grid-10 .pp5 { width: 49.15323% !important; }
	.grid-10 .pp6 { width: 59.32258% !important; }
	.grid-10 .pp7 { width: 69.49194% !important; }
	.grid-10 .pp8 { width: 79.66129% !important; }
	.grid-10 .pp9 { width: 89.83065% !important; }
	.grid-10 .pp10 { width: 100% !important; }

	.grid-10 .pp9 .pp1 { width: 9.43532% !important; }
	.grid-10 .pp9 .pp2 { width: 20.7559% !important; }
	.grid-10 .pp9 .pp3 { width: 32.07649% !important; }
	.grid-10 .pp9 .pp4 { width: 43.39707% !important; }
	.grid-10 .pp9 .pp5 { width: 54.71766% !important; }
	.grid-10 .pp9 .pp6 { width: 66.03824% !important; }
	.grid-10 .pp9 .pp7 { width: 77.35883% !important; }
	.grid-10 .pp9 .pp8 { width: 88.67941% !important; }
	.grid-10 .pp9 .pp9 { width: 100% !important; }

	.grid-10 .pp8 .pp1 { width: 10.63981% !important; }
	.grid-10 .pp8 .pp2 { width: 23.40555% !important; }
	.grid-10 .pp8 .pp3 { width: 36.17129% !important; }
	.grid-10 .pp8 .pp4 { width: 48.93703% !important; }
	.grid-10 .pp8 .pp5 { width: 61.70277% !important; }
	.grid-10 .pp8 .pp6 { width: 74.46852% !important; }
	.grid-10 .pp8 .pp7 { width: 87.23426% !important; }
	.grid-10 .pp8 .pp8 { width: 100% !important; }

	.grid-10 .pp7 .pp1 { width: 12.19682% !important; }
	.grid-10 .pp7 .pp2 { width: 26.83068% !important; }
	.grid-10 .pp7 .pp3 { width: 41.46455% !important; }
	.grid-10 .pp7 .pp4 { width: 56.09841% !important; }
	.grid-10 .pp7 .pp5 { width: 70.73227% !important; }
	.grid-10 .pp7 .pp6 { width: 85.36614% !important; }
	.grid-10 .pp7 .pp7 { width: 100% !important; }

	.grid-10 .pp6 .pp1 { width: 14.28766% !important; }
	.grid-10 .pp6 .pp2 { width: 31.43013% !important; }
	.grid-10 .pp6 .pp3 { width: 48.57259% !important; }
	.grid-10 .pp6 .pp4 { width: 65.71506% !important; }
	.grid-10 .pp6 .pp5 { width: 82.85753% !important; }
	.grid-10 .pp6 .pp6 { width: 100% !important; }

	.grid-10 .pp5 .pp1 { width: 17.24364% !important; }
	.grid-10 .pp5 .pp2 { width: 37.93273% !important; }
	.grid-10 .pp5 .pp3 { width: 58.62182% !important; }
	.grid-10 .pp5 .pp4 { width: 79.31091% !important; }
	.grid-10 .pp5 .pp5 { width: 100% !important; }

	.grid-10 .pp4 .pp1 { width: 21.74183% !important; }
	.grid-10 .pp4 .pp2 { width: 47.82789% !important; }
	.grid-10 .pp4 .pp3 { width: 73.91394% !important; }
	.grid-10 .pp4 .pp4 { width: 100% !important; }

	.grid-10 .pp3 .pp1 { width: 29.41506% !important; }
	.grid-10 .pp3 .pp2 { width: 64.70753% !important; }
	.grid-10 .pp3 .pp3 { width: 100% !important; }

	.grid-10 .pp2 .pp1 { width: 45.45848% !important; }
	.grid-10 .pp2 .pp2 { width: 100% !important; }

	.grid-10 .pp1 .pp1 { width: 100% !important; }
}*/

/**
 * Die nachfolgenden Zeilen sind nur für Entwicklungszwecke gedacht
 */
.debug *[class*="grid-"], *[class*="grid-"].debug {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4Mi44MSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4Mi44MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(0,0,255,0.53) 94.81%, rgba(255,255,255,0) 94.82%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(94.81%,rgba(0,0,255,0.05)), color-stop(94.82%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,255,0.05) 94.81%,rgba(255,255,255,0) 94.82%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,255,0.05) 94.81%,rgba(255,255,255,0) 94.82%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,255,0.05) 94.81%,rgba(255,255,255,0) 94.82%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,255,0.05) 94.81%,rgba(255,255,255,0) 94.82%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	background-size: 8.37%;
}
.debug *[class*="grid-10"], *[class*="grid-10"].debug {
	background-size: 10.21%;
}
@media only screen and (max-width: 480px) {
	.debug *[class*="grid-"], *[class*="grid-"].debug {
		background: rgba(0,0,255,0.05);
	}
}

.debug *[class^="c"] {
	background: rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* TABLET COLOR */
@media only screen and (max-width: 1024px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.1);
	}
}

/* SMALL SCREEN SIZES */
@media only screen and (max-width: 846px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.15);
	}
}

/* PHONE SIZES LANDSCAPE */
@media only screen and (max-width: 667px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.2);
	}
}

/* PHONE SIZES */
@media only screen and (max-width: 480px) {
	.debug *[class^="c"] {
		background: rgba(0,0,0,0.25);
	}
}
/**
 * Klassen, um Containern ein festes Verhältnis zu geben,
 * über alle Bildschirmgrößen hinweg
 */
*[class*="ratio-"] {
	height: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.ratio-1-1 {
	padding-bottom: 100%;
}
.ratio-1-2 {
	padding-bottom: 200%;
}
.ratio-2-1 {
	padding-bottom: 50%;
}
.ratio-3-2 {
	padding-bottom: 66.66%;
}
.ratio-2-3 {
	padding-bottom: 150%;
}
.ratio-4-3 {
	padding-bottom: 75%;
}
.ratio-4-3-2 {
	padding-bottom: 77.5%;
}
.ratio-3-4 {
	padding-bottom: 133.33%;
}
.ratio-11-4 {
	padding-bottom: 36.3636%;
}
.ratio-13-6 {
	padding-bottom: 46.15%;
}
.ratio-16-9 {
	padding-bottom: 56.25%;
}
.ratio-9-16 {
	padding-bottom: 177.77%;
}
.ratio-12-11 {
	padding-bottom: 91.666%;
}
.ratio-16-10 {
	padding-bottom: 65.5%;
}
.ratio-10-16 {
	padding-bottom: 160%;
}
.ratio-11-7 {
	padding-bottom: 63.6363%;
}
.ratio-19-10 {
	padding-bottom: 52.63%;
}
.ratio-19-12 {
	padding-bottom: 63.1578%;
}
.ratio-19-13 {
	padding-bottom: 68.421%;
}
.ratio-din-l {
	padding-bottom: 70.71%;
}
.ratio-din-p {
	padding-bottom: 141.42%;
}
.ratio-62-37 {
	padding-bottom: 59.6774%;
}
@media only screen and (max-width: 768px) {
	.ratio-62-37 {
		padding-bottom: 40.677%;
	}
}
.ratio-85-66 {
	padding-bottom: 77.647%;
}
.ratio-598-305 {
	padding-bottom: 51%;
}
.ratio-132-85 {
	padding-bottom: 64.3939%;
}
.ratio-99-49 {
	padding-bottom: 49.4949%;
}
.ratio-99-74 {
	padding-bottom: 74.7474%;
}
.ratio-199-124 {
	padding-bottom: 62.3115%;
}
@media only screen and (max-width: 667px) {
	.ratio-99-74 {
		padding-bottom: 61.6666%;
	}
	*[class*="ratio-"].phone-l-autoheight {
		padding-bottom: 0 !important;
		height: auto;
		overflow: visible;
	}
	.tablet-benefits-text .ratio-598-305 {
		padding-bottom: 59%;
	}
}

/**
 * Abgerundete Ecken und Container mit Innerem Abstand
 */
.rnd {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.box, .smallbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
}

@media only screen and (max-width: 667px) {
	.phone-l-box, .phone-l-smallbox {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0 20px;
	}
	.phone-l-smallbox {
		padding: 10px;
	}
}
.smallbox {
	padding: 10px;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

@media only screen and (max-width: 667px) {
	.phone-l-left {
		text-align: left;
	}
}

.brand {
	font-weight: bold;
	color: #2d2d2d;
	text-shadow: 0 1px rgba(255,255,255,0.1);
	padding-top: 0.4em;
	font-size: 1.2em;
}

code,
pre {
	padding: 0 3px 2px;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
code {
	padding: 2px 4px;
	color: #d14;
	background-color: #e7e7e9;
	border: 1px solid #d1d1d8;
	white-space: nowrap;
}
pre {
	display: block;
	padding: 2px 2px 2px 47px;
	margin: 1em 0 0;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
pre.prettyprint {
	margin-top: 2em;
	margin-bottom: -1em;
}
pre code {
	padding: 0;
	color: inherit;
	white-space: pre;
	white-space: pre-wrap;
	background-color: transparent;
	border: 0;
}
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
	background-color: #e7e7e9;
	border: 1px solid #d1d1d8 !important;
}
.prettyprint.linenums {
	-webkit-box-shadow: inset 40px 0 0 #ebebec, inset 41px 0 0 #dcdce0;
	-moz-box-shadow: inset 40px 0 0 #ebebec, inset 41px 0 0 #dcdce0;
	box-shadow: inset 40px 0 0 #ebebec, inset 41px 0 0 #dcdce0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
	margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
	padding-left: 12px;
	color: #bebec5;
	line-height: 20px;
	text-shadow: 0 1px 0 #eee;
	background: none;
	list-style-type: inherit;
}

/**
 * Buttons
 */
.btn, *[class*="grid-"] > .btn {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	padding: 4px 12px 1px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	font-style: italic;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
	background-color: #cccccc \9;
}
.btn:first-child {
	*margin-left: 0;
}
.btn:hover,
.btn:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active,
.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-large, *[class*="grid-"] > .btn-large {
	padding: 16px 39px 13px;
	font-size: 22px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
	margin-top: 4px;
}
.btn-small, *[class*="grid-"] > .btn-small {
	padding: 2px 10px 1px;
	font-size: 11.9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
	margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
	margin-top: -1px;
}
.btn-mini, *[class*="grid-"] > .btn-mini {
	padding: 1px 6px 0;
	font-size: 10.5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-block + .btn-block {
	margin-top: 5px;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	-webkit-appearance: none;
	font-family: Asap, Arial, sans-serif;
	border-radius: 0;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
	color: #fff;
}
.btn-primary, *[class*="grid-"] > .btn-primary {
  background-image: linear-gradient(to bottom, #E76D60 0%, #ff5757 100%) ;
  background-color: transparent ;
  background-repeat: no-repeat ;

  color: #fff ;
  border-radius: 10px ;
  padding: 4px 28px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0.4px; /* macht es luftiger */
  box-shadow: 0 10px 25px rgba(255,87,87,0.25);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: linear-gradient(to bottom, #f14529 0%, #e03d24 100%);
  transform: translateY(-1px);
  box-shadow: 0 12px 25px rgba(255,87,87,0.35);
  font-style: normal;
  letter-spacing: 0.4px; /* macht es luftiger */
}
.btn-primary:active,
.btn-primary.active {
	background-color: #003399 \9;
}
.btn-warning, *[class*="grid-"] > .btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #f89406;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-bottom: 4px solid rgba(51, 153, 204, 0.2);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
	color: #ffffff;
	background-color: #f89406;
	*background-color: #df8667;
}
.btn-warning:active,
.btn-warning.active {
	background-color: #c67605 \9;
}
.btn-danger, *[class*="grid-"] > .btn-danger {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #A64040;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #A64040;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-bottom: 4px solid #800;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	color: #ffffff;
	background-color: #800;
	*background-color: #800;
}
.btn-danger:active,
.btn-danger.active {
	background-color: #800 \9;
}
.btn-success, *[class*="grid-"] > .btn-success {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #88BB22;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #51a351;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-bottom: 4px solid #446611;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	color: #ffffff;
	background-color: #446611;
	*background-color: #446611;
}
.btn-success:active,
.btn-success.active {
	background-color: #446611 \9;
}
.btn-info, *[class*="grid-"] > .btn-info {
 background-image: linear-gradient(to bottom, #E76D60 0%, #ff5757 100%) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;

  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 16px 28px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  font-style: normal;
  letter-spacing: 0.4px; /* macht es luftiger */
  box-shadow: 0 10px 25px rgba(255,87,87,0.25);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;

}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background: linear-gradient(to bottom, #f14529 0%, #e03d24 100%);
  transform: translateY(-1px);
  box-shadow: 0 12px 25px rgba(255,87,87,0.35);
  font-style: normal;
  letter-spacing: 0.4px; /* macht es luftiger */
}
.btn-info:active,
.btn-info.active {
  background: linear-gradient(to bottom, #f14529 0%, #e03d24 100%);
  transform: translateY(-1px);
  box-shadow: 0 12px 25px rgba(255,87,87,0.35);
  font-style: normal;
  letter-spacing: 0.4px; /* macht es luftiger */
}
.btn-inverse, *[class*="grid-"] > .btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #222222;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */

	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
	background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
	*padding-top: 3px;
	*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
	*padding-top: 7px;
	*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
	*padding-top: 3px;
	*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
	*padding-top: 1px;
	*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-link {
	border-color: transparent;
	cursor: pointer;
	color: #0088cc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
	color: #005580;
	text-decoration: underline;
	background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
	color: #333333;
	text-decoration: none;
}
.btn-flat, *[class*="grid-"] .btn-flat {
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: 0px solid #f2a293;
}
.btn-flat.btn-primary:active, *[class*="grid-"] .btn-flat.btn-primary:active,
.btn-flat.btn-primary:focus, *[class*="grid-"] .btn-flat.btn-primary:focus,
.makedate:hover .btn-flat.btn-primary, .makedate:hover *[class*="grid-"] .btn-flat.btn-primary,
.btn-flat.btn-primary:hover, *[class*="grid-"] .btn-flat.btn-primary:hover {
	color: #fff;
	background-color: #ff5757;
}
.btn-flat.btn-primary, *[class*="grid-"] .btn-flat.btn-primary {
	background-color: #f2a293 ;

	border-radius: 10px;
}
.btn-flat.btn-success, *[class*="grid-"] .btn-flat.btn-success {
	border-bottom: 4px solid #446611;
}
.btn-flat.btn-danger, *[class*="grid-"] .btn-flat.btn-danger {
	border-bottom: 4px solid #800;
}


em.sans.normal.black.block {
	font-style: normal;
	padding-left: 5px;
}

.page a[class*="ratio-"] img, .single a[class*="ratio-"] img {
	display: block;
}

body {
	padding: 1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
}

.tgap {
	margin-top: 3em;
}

/* Responsive Box Hides */
.desktop-hide {
	display: none !important;
}
.desktop-show {
	display: inline-block !important;
}
/* TABLET SIZE */
@media only screen and (max-width: 1024px) {
    .tablet-l-hide {
        display: none !important;
    }
    .tablet-l-show {
        display: inline-block !important;
    }
}

/* SMALL SCREEN SIZE */
@media only screen and (max-width: 846px) {
    .tablet-p-hide {
        display: none !important;
    }
    .tablet-p-show {
        display: inline-block !important;
    }
}

/* PHONE SIZE LANDSCAPE */
@media only screen and (max-width: 667px) {
    .phone-l-hide {
        display: none !important;
    }
    .phone-l-show {
        display: inline-block !important;
    }
}

/* PHONE SIZE */
@media only screen and (max-width: 480px) {
    .phone-p-hide {
        display: none !important;
    }
    .phone-p-show {
        display: inline-block !important;
    }
}

/**
 * Riesiger Header
 */
.hero-unit {
  padding: 60px 0 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
@media only screen and (max-width: 480px) {
    .hero-unit h1 {
        line-height: 0.9;
    }
}
.hero-unit li {
  line-height: 30px;
}

/* NAVIGATIONS */
.nav {
    background: #404040; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #404040 0%, #333333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #404040 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #404040 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #404040 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #404040 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
    height: 23px;
    line-height: 2;
    padding: 4px 8px 12px;
    color: #eee;
    border-bottom: 1px solid #252525;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.nav-inverse {
    background: #ccc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cccccc 0%, #bfbfbf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cccccc 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cccccc 0%,#bfbfbf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cccccc 0%,#bfbfbf 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cccccc 0%,#bfbfbf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
    border-bottom: #a2a2a2;
}
@media only screen and (min-width: 569px) {
	.nav ul li:first-child {
		display: none;
	}
}
@media only screen and (max-width: 667px) {
	.nav-slide ul li:first-child {
		position: fixed;
		left: 0;
		top: 9px;
	}
	.nav-slide ul li:first-child a:first-child {
	    border-bottom: 9px double #FFFFFF;
	    border-top: 9px double #FFFFFF;
	    display: block;
	    float: left;
	    height: 3px;
	    width: 25px;
	    padding: 0;
	    margin: 0;
	}
	.nav-slide:target ul li:first-child a:last-child {
		display: block;
		position: fixed;
		top: 0;
		left: 85%;
		width: 100%;
		height: 100%;
		cursor: default;
	    z-index: 100;
	}
	.nav-slide ul li:nth-child(2) {
		position: fixed;
		left: 0;
		margin-left: 35px;
		top: 3px;
	}
	.nav-slide + * {
		position: relative;
		left: 0;
	}
	.nav-slide ul {
		position: fixed;
		left: -85%;
		top: 0;
		width: 85%;
		height: 100%;

	    /* These styles are optional, and describe how the pageslide will look */
	    background-color: #333;
	    color: #FFF;
	    -webkit-box-shadow: inset 0 0 5px 5px #222;
	    -moz-shadow: inset 0 0 5px 5px #222;
	    box-shadow: inset 0 0 5px 5px #222;
	}
	/* CSS Animation, to get smooth opening */
	.nav-slide ul,
	.nav-slide ul li:first-child,
	.nav-slide ul li:nth-child(2),
	.nav-slide,
	.nav-slide + * {
		transition: left .2s;
		-webkit-transition: left .2s;
	}
	.nav-slide:target ul {
		left: 0;
	}
	.nav-slide ul li {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}
	.nav-slide ul li a {
		display: block;
		padding: 7px 10px 5px;
		text-decoration: none;
		color: #fff;
		margin: 0 -5px 0 -5px;
	}
	.nav-slide ul li a:after {
		content: '';
		border-bottom: 2px solid #4f4f4f;
		display: block;
		position: relative;
		bottom: -6px;
	}
	.nav-slide ul li.active a,
	.nav-slide ul li a:hover {
		background: #3f3f3f;
	}
	.nav-slide ul li:first-child a:after,
	.nav-slide ul li:nth-child(2) a:after {
		display: none;
	}
	.nav-slide ul li:first-child a:hover,
	.nav-slide ul li:nth-child(2) a:hover {
		background: none;
	}
	.nav-slide:target ul li:first-child,
	.nav-slide:target ul li:nth-child(2),
	.nav-slide:target,
	.nav-slide:target + * {
		left: 85%;
	}
}
.nav ul {
    margin: 0 auto;
    max-width: 1180px;
}
:root .nav {
    filter: none \0/IE9;
}
.nav.nav-flat {
    background: #404040;
    border-bottom: 1px solid #404040;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
}
.nav.nav-inverse.nav-flat {
    background: #ccc;
    border-bottom: 1px solid #ccc;
}
.nav + * {
    margin-top: 40px;
}
.nav ul {
    padding: 0;
    list-style-type: none;
}

.nav ~ * h1[id]:before,
.nav ~ * h2[id]:before,
.nav ~ * h3[id]:before,
.nav ~ * h4[id]:before,
.nav ~ * h5[id]:before,
.nav ~ * h6[id]:before {
  content: '';
  display: block;
  height: 50px;
  margin-top: -50px;
}

/**
 * Listen
 */
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
#productform dd{
	text-align: right;
}
#productform dd .btn-move{
	margin-left: 10px;
}