/*! Funsurfen V1.11.11WMG 07.03.2021 CSS by Thomas Hansen */
/******************************************************************************/
A.cmpboxrecalllink, A.cmpboxrecalllink:link, A.cmpboxrecalllink:hover, A.cmpboxrecalllink:active, A.cmpboxrecalllink:visited {
	color: #333 !important;
}

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
.fade {
	opacity: 0.4;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
	padding: 0 4px 0 4px;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
a:hover > img.button.fade {
	opacity: 1;
}
svg:not(:root) {
	overflow: hidden;
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type="button"],/* 1 */ [type="reset"], [type="submit"] {
-webkit-appearance:button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset {
	padding: .35em .75em .625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
	padding: 0;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto;
}
 [type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px;
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary {
	display: list-item;
}
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {
	display: block;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
audio, video, canvas {
	display: inline-block;
}
 template, [hidden] {
display:none;
}
/******************************************************************************/
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: relative;
}
a {
	color: #333;
	text-decoration: underline;
	outline: 0 none;
}
a.more {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	outline: 0 none;
	padding: 3px 6px;
	border-radius: 0;
	background: #eee;
	border-radius: 4px;
}
a.more:hover {
	color: #333;
}
a.more::after {
	content: "...";
	margin-left: 3px;
}
a:focus {
	outline: 0 none;
}
a > img {
	vertical-align: middle;
}
blockquote {
	display: block;
	font-style: italic;
}
body {
	background-color: #B2AB9E;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-y: scroll;
}
footer nav, header nav {
	clear: both;
	font-size: 16px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	padding: 0 5px;
}
footer nav ul, header nav ul {
	background-color: inherit;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer nav ul li, header nav ul li {
	background-color: inherit;
	white-space: nowrap;
}
footer nav ul li.nav-open > a, header nav ul li.nav-open > a {
	background-color: rgba(255, 255, 255, 0.25);
	color: black !important;
}
footer nav ul li.nav-open > ul, header nav ul li.nav-open > ul {
	display: block;
}
footer nav ul li a, header nav ul li a {
	color: #333;
	display: block;
	outline: 0 none;
	line-height: 23px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	text-decoration: none;
	border-right: 1px solid white;
}
header nav#submenu ul li a {
	color: #666;
}
footer nav ul li a:hover, header nav ul li a:hover, footer nav ul li a.nav-active, header nav ul li a.nav-active {
	background-color: rgba(255, 255, 255, 0.25);
	color: black !important;
}
footer nav ul li a.has-sub-navigation, header nav ul li a.has-sub-navigation {
	padding-right: 20px;
}
footer nav ul li a.has-sub-navigation::before, header nav ul li a.has-sub-navigation::before {
	content: "\25ba";
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	opacity: 0.6;
	position: absolute;
	right: 5px;
}
footer nav ul li a.has-sub-navigation:hover::before, header nav ul li a.has-sub-navigation:hover::before {
	opacity: 1;
}
footer nav ul li ul, header nav ul li ul, footer nav ul li > .nav-subline, header nav ul li > .nav-subline {
	display: none;
}
footer nav > ul, header nav > ul {
	background-image: inherit;
	background-repeat: no-repeat;
	background-size: inherit;
	clear: both;
	margin-left: -5px;
	margin-right: -5px;
}
footer nav > ul > li, header nav > ul > li {
	background-image: inherit;
	background-repeat: no-repeat;
	background-size: inherit;
	float: left;
}
footer nav > ul > li.nav-open > a, header nav > ul > li.nav-open > a {
	background-color: rgba(255, 255, 255, 0.25);
	color: black !important;
}
footer nav > ul > li > a:hover, header nav > ul > li > a:hover, footer nav > ul > li > a.nav-active, header nav > ul > li > a.nav-active {
	background-color: rgba(255, 255, 255, 0.25);
	color: black !important;
}
footer nav > ul > li > a.has-sub-navigation, header nav > ul > li > a.has-sub-navigation {
	padding-right: 20px;
}
footer nav > ul > li > a.has-sub-navigation::before, header nav > ul > li > a.has-sub-navigation::before {
	content: "\25bc";
}
footer nav > ul > li ul, header nav > ul > li ul {
	border-radius: 0;
	margin-top: 1px;
	position: absolute;
}
footer nav > ul > li ul li, header nav > ul > li ul li {
	float: none;
	position: relative;
}
footer nav > ul > li ul li:first-of-type, header nav > ul > li ul li:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
footer nav > ul > li ul li:last-of-type, header nav > ul > li ul li:last-of-type {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
footer nav > ul > li ul li ul, header nav > ul > li ul li ul {
	left: 100%;
	margin-top: 0;
	position: absolute;
	top: 0;
}
footer nav > .control, header nav > .control {
	display: none;
	z-index: 1;
}
footer nav > .control > div > a, header nav > .control > div > a {
	line-height: 32px;
}
footer nav > .control > div > a:hover, header nav > .control > div > a:hover {
	background-color: rgba(255, 255, 255, 0.25);
	color: black !important;
}
footer {
	background-color: #B2AB9E !important;
	padding: 0 0 10px;
}
footer nav#footermenu {
	background-color: #C6C4A9 !important;
	background-image: -webkit-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -moz-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -ms-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -o-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-repeat: no-repeat;
	background-size: 100% 32px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom: 1px solid white;
}
footer nav#footermenu > ul > li > a.has-sub-navigation::before {
	content: "\25b2";
}
footer nav#footermenu > ul > li ul {
	bottom: 32px;
	margin-bottom: 1px;
}
footer p {
	font-size: 12px;
	opacity: 0.5;
	text-align: center;
	padding-top: 10px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	display: block;
	font-weight: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	width: 100%;
}
h1:first-of-type, .h1:first-of-type, h2:first-of-type, .h2:first-of-type, h3:first-of-type, .h3:first-of-type, h4:first-of-type, .h4:first-of-type, h5:first-of-type, .h5:first-of-type, h6:first-of-type, .h6:first-of-type {
	margin-top: 0;
	margin-bottom: 0;
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	line-height: 1.2;
}
h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) {
	margin-bottom: 5px;
}
h1, .h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}
h1 mark {
	font-weight: lighter;
	color: #bbb;
	background-color: transparent;
	white-space: pre;
	padding:0;
}
h1 mark::before {
	content: " ";
}
h2, .h2 {
	font-size: 22px;
	font-weight: normal;

}
h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a {
	text-decoration: none;
}
h2 + h3, .h2 + h3 {
	margin: 0;
}
h3, .h3 {
	font-size: 18px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
h3 + h4, .h3 + h4 {
	margin: 0;
}
h3.top {
	color: #006600;
}
h3.top::before {
	content: "▲";
	padding-right: 5px;
}
h3.flop {
	color: #8C0000;
}
h3.flop::before {
	content: "▼";
	padding-right: 5px;
}
h4, .h4 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
h4 + h5, .h4 + h5 {
	margin: 0;
}
header {
	background-color: white !important;
	background-image: -webkit-linear-gradient(180deg, white, white) !important;
	background-image: -moz-linear-gradient(180deg, white, white) !important;
	background-image: -ms-linear-gradient(180deg, white, white) !important;
	background-image: -o-linear-gradient(180deg, white, white) !important;
	background-image: linear-gradient(180deg, white, white) !important;
	padding: 20px 0 0;
	z-index: 5000;
}
header > div {
	margin-bottom: 10px;
}
header > div #logo {
	vertical-align: middle;
	margin-left: 20px;
}
header > div #logo img {
	height: auto;
	width: 192px;
}
header > div .ad {
	float: right;
	height: auto;
	width: -webkit-calc(100% - 252px);
	width: -moz-calc(100% - 252px);
	width: calc(100% - 252px);
	margin-right: 20px;
	margin-bottom: 10px;
}
header > div .ad > a {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
header > div .ad mark {
	background-color: #F9F4F0;
}
header nav {
	margin-bottom: 0;
}
header nav#mainmenu {
	background-color: #C6C4A9 !important;
	background-image: -webkit-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -moz-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -ms-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: -o-linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-image: linear-gradient(180deg, #C6C4A9, #C6C4A9) !important;
	background-repeat: no-repeat;
	background-size: 100% 32px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 1002;
}
header nav#submenu {
	background-color: #ddd !important;
	background-image: -webkit-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -moz-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -ms-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -o-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: linear-gradient(180deg, #ddd, #ddd) !important;
	background-repeat: no-repeat;
	background-size: 100% 32px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height: 32px;
	z-index: 1001;
}
header nav#submenu p {
	color: #999;
	padding-top: 6px;
	padding-left: 3px;
}
header nav#submenu a[href]:hover {
	color: #000;
}
header h1 {
	background-color: white !important;
	background-image: -webkit-linear-gradient(180deg, #aaa, #666) !important;
	background-image: -moz-linear-gradient(180deg, #aaa, #666) !important;
	background-image: -ms-linear-gradient(180deg, #aaa, #666) !important;
	background-image: -o-linear-gradient(180deg, #aaa, #666) !important;
	background-image: linear-gradient(180deg, #aaa, #666) !important;
	clear: both;
	color: white;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	padding: 3px 10px 3px;
}
img.round {
	border-radius: 8px 8px 0 0;
}
img.teaser {
	border-radius: 8px;
}
img.button {
	border-radius: 8px;
}
#content img {
	display: inherit;
	height: auto;
	-ms-interpolation-mode: bicubic;
	width: 100%;
}
#content img.rating {
	width: 50%;
}
#content-teaser img {
	display: inherit;
	height: auto;
	-ms-interpolation-mode: bicubic;
	width: 100%;
}
input.text-datum {
	color: #333;
	font-size: 34px;
	outline: 0 none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 3px 8px 1px 8px;
	width: 190px;
}
.css-column.top input.text-datum {
	border: 1px solid white;
}
input.button {
	color: #999;
	font-size: 34px;
	text-decoration: none;
	outline: 0 none;
	padding: 3px 8px 1px 8px;
	margin: 0;
	background: none;
	border-top: 0 solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 0 solid #ccc;
	border-left: 0 solid #ccc;
}
.css-column.top input.button {
	border: 0 solid white;
}
input.button:hover {
	color: #333;
}
mark {
	background-color: #FFEF99;
	color: #333;
}
ol, ul {
	list-style-type: none;
	margin-bottom: 15px;
}
ol:last-of-type, ul:last-of-type, ol:last-child, ul:last-child {
	margin-bottom: 0;
}
ol.gradient, ul.gradient {
	list-style-type: none;
	margin-bottom: 20px;
}
ol.gradient:last-child, ul.gradient:last-child {
	margin-bottom: 0;
}
ol.gradient li, ul.gradient li {
	background-color: #bbb !important;
	background-image: -webkit-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -moz-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -ms-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: -o-linear-gradient(180deg, #ddd, #ddd) !important;
	background-image: linear-gradient(180deg, #ddd, #ddd) !important;
	border-radius: 0;
	display: block;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	padding: 4px 10px 3px 30px;
	margin: 0;
	page-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
}
ol.gradient li:last-of-type, ul.gradient li:last-of-type {
	border-bottom: 0;
	background: #990000;
}
ol.gradient li::before, ul.gradient li::before {
	background-color: #bbb;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	content: " ";
	display: block;
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 20px;
}
ol.gradient li > a, ul.gradient li > a {
	color: #333;
	display: block;
	height: 100%;
	margin: -4px -30px -3px -30px;
	padding: 4px 10px 3px 30px;
	text-decoration: none;
	width: calc(100% + 40px);
}
ol.gradient li > a:hover, ul.gradient li > a:hover {
	background-color: rgba(255, 215, 0, 0.4);
	color: #404040;
}
li {
	line-height: 1.4;
}
p {
	line-height: 1.4;
	margin-bottom: 0;
}
p > a {
	text-decoration: underline;
}
p > a:hover {
	color: #000;
}
p:not(:last-of-type) {
	margin-bottom: 15px;
}
p:last-of-type, p:last-child {
	margin-bottom: 0;
}
p.caption {
	background-color: transparent;
	background-image: -webkit-linear-gradient(to right, transparent, #eee);
	background-image: -moz-linear-gradient(to right, transparent, #eee);
	background-image: -ms-linear-gradient(to right, transparent, #eee);
	background-image: -o-linear-gradient(to right, transparent, #eee);
	background-image: linear-gradient(to right, transparent, #eee);
	border-radius: 0 0 8px 8px;
	color: #999;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin-top: 0;
	margin-bottom: 10px;
	min-height: 21px;
	width: 100%;
}
p.caption mark {
	font-weight: bold;
	color: #666;
	background: none;
	padding: 0;
}

p.caption:last-child {
	margin-bottom: 0;
}
p.caption.small {
	background: none;
	font-size: 10px;
	min-height: 15px;
}
p.caption.small:last-of-type, p.caption.small:last-child {
	margin-bottom: -10px;
}
p.caption.gap {
	background: none;
	min-height: 0;
}
p.caption.left {
	background-color: transparent !important;
	background-image: -webkit-linear-gradient(to left, transparent, #eee);
	background-image: -moz-linear-gradient(to left, transparent, #eee);
	background-image: -ms-linear-gradient(to left, transparent, #eee);
	background-image: -o-linear-gradient(to left, transparent, #eee);
	background-image: linear-gradient(to left, transparent, #eee);
	text-align: left;
	padding-left: 10px;
}
table {
	border: 0 none;
	border-collapse: separate;
	margin-bottom: 0;
}
table.collapse {
	border-collapse: collapse;
}
table.grid {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}
table.grid td, table.grid th {
	border: 1px solid #ddd;
	padding: 0 5px !important;
}
table.left {
	float: left;
	margin-right: 20px;
}
table.right {
	float: right;
	margin-left: 20px;
}
table.spacing {
	border-spacing: 2px;
}
table.h-spacing {
	border-spacing: 2px 0;
}
table.v-spacing {
	line-height: 1.2;
    border-spacing: 0 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.v-spacing {
	margin-bottom: 0;
} 
table.gap {
	margin-bottom: 15px;
}
table caption {
	font-size: 16px;
	font-weight: bold;
}
table td, table th {
	border: 0 none;
	float: none !important;
	padding-right: 10px;
	vertical-align: top;
}
table td:last-of-type, table th:last-of-type {
	padding-right: 0;
}
table td.v-align-middle, table th.v-align-middle {
	vertical-align: middle;
}
table td.v-align-bottom, table th.v-align-bottom {
	vertical-align: bottom;
}
table td > table, table th > table {
	margin-bottom: 0;
}
form {
	padding-top: 5px;
}

/******************************************************************************/
#canvas {
	background-color: white;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0;
	width: 980px;
}
#content-wrapper {
	background-color: white;
}
#content-wrapper #content, #content-wrapper-teaser #content-teaser {
	clear: both;
	padding: 10px;
}
#content-wrapper-teaser {
	background-color: white !important;
	background-image: -webkit-linear-gradient(180deg, white, white) !important;
	background-image: -moz-linear-gradient(180deg, white, white) !important;
	background-image: -ms-linear-gradient(180deg, white, white) !important;
	background-image: -o-linear-gradient(180deg, white, white) !important;
	background-image: linear-gradient(180deg, white, white) !important;
	border-top: 1px solid #B2AB9E;
}
#content-wrapper-teaser img {
	opacity: 0.6;
}
#content-wrapper-teaser a:hover > img {
	opacity: 1;
}
#content-wrapper-teaser p.caption {
	margin-bottom: 0;
}
div.adbox {
	margin-top: 20px;
	margin-bottom: 0;
}
div.adbox:last-of-type {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.adbox:last-child {
	margin-top: 20px;
	margin-bottom: 0;
}
/******************************************************************************/
.text-container {
	font-size: 15px;
	background-color: #f2f2f2;
	padding: 4px 8px;
	height: 25px;
	width: 100%;
}
.bar-container {
	background-color: #f2f2f2;
	padding: 0;
	height: 25px;
	width: 100%;
}
.bar-container .bar {
	height: 25px;
	width: 1px;
	border-radius: 0 4px 4px 0;
}
.bar-container .percentage {
	font-size: 15px;
	position: absolute;
	right: 8px;
	top: 4px;
}
.bar {background-color: #D3D3D3;}
.bar-affe {background-color: #84D2F0;}
.bar-bueffel {background-color: #A3A3A3;}
.bar-drache {background-color: #5FC0B9;}
.bar-hahn {background-color: #9DAAAC;}
.bar-hase {background-color: #9FE146;}
.bar-hund {background-color: #D18561;}
.bar-pferd {background-color: #F84D43;}
.bar-ratte {background-color: #8CB8CC;}
.bar-tiger {background-color: #EEC557;}
.bar-schlange {background-color: #8F7AAD;}
.bar-schwein {background-color: #98C950;}
.bar-ziege {background-color: #BDA280;}
.bar-beruf {background-color: #759FEE;}
.bar-erotik {background-color: #913333;}
.bar-geld {background-color: #C5BF7C;}
.bar-gesundheit {background-color: #58A079;}
.bar-glueck {background-color: #D7BC97;}
.bar-liebe {background-color: #C25252;}
.bar-spass {background-color: #F3DC7C;}
.bg-column {
	background-color: navajowhite !important;
}
.bg-gradient {
	background-color: white !important;
	background-image: -webkit-linear-gradient(180deg, white, navajowhite, white) !important;
	background-image: -moz-linear-gradient(180deg, white, navajowhite, white) !important;
	background-image: -ms-linear-gradient(180deg, white, navajowhite, white) !important;
	background-image: -o-linear-gradient(180deg, white, navajowhite, white) !important;
	background-image: linear-gradient(180deg, white, navajowhite, white) !important;
}
.border {
	border: 1px solid;
}
.clear {
	clear: left;
}
.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
header, nav, h1, #content, #content-teaser, .clearfix {
	zoom: 1;
}
header:before, nav:before, h1:before, #content:before, #content-teaser:before, .clearfix:before, header:after, nav:after, h1:after, #content:after, #content-teaser:after, .clearfix:after {
	content: " ";
	display: table;
}
header:after, nav:after, h1:after, #content:after, #content-teaser:after, .clearfix:after {
	clear: both;
}
.anchor-color {
	color: steelblue !important;
}
.column {
	padding: 10px;
}
.column.column-1-1, .column.column-1-2, .column.column-1-3, .column.column-1-4, .column.column-1-5, .column.column-1-6, .column.column-1-12, .column.column-2-2, .column.column-2-3, .column.column-2-4, .column.column-2-5, .column.column-2-6, .column.column-3-3, .column.column-3-4, .column.column-3-5, .column.column-3-6, .column.column-4-4, .column.column-4-5, .column.column-4-6, .column.column-5-5, .column.column-5-6, .column.column-6-6 {
	display: block;
	float: left;
}
.column.column-1-1, .column.column-2-2, .column.column-3-3, .column.column-4-4, .column.column-5-5, .column.column-6-6 {
	width: 100%;
}
.column.column-1-2, .column.column-2-4, .column.column-3-6 {
	width: 50%;
}
.column.column-1-3, .column.column-2-6 {
	width: 33.33333333%;
}
.column.column-2-3, .column.column-4-6 {
	width: 66.66666666%;
}
.column.column-1-4 {
	width: 25%;
}
.column.column-3-4 {
	width: 75%;
}
.column.column-1-5 {
	width: 20%;
}
.column.column-2-5 {
	width: 40%;
}
.column.column-3-5 {
	width: 60%;
}
.column.column-4-5 {
	width: 80%;
}
.column.column-1-6 {
	width: 16.66666666%;
}
.column.column-5-6 {
	width: 83.33333333%;
}
.column.column-1-12 {
	width: 8.333333333%;
}
.css-column h2, .css-column p, .css-column li {
	page-break-inside: auto;
	column-break-inside: auto;
	-webkit-column-break-inside: auto;
	-moz-column-break-inside: auto;
	-ms-column-break-inside: auto;
	margin-bottom: 5px;
}
.css-column p:not(:last-of-type) {
	margin-bottom: 15px;
}
.css-column p:last-of-type, .css-column li:last-of-type {
	margin-bottom: 0;
}
.css-column.column-2, .css-column.column-3, .css-column.column-4, .css-column.column-5 {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	-o-column-gap: 20px;
}
.css-column.column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.css-column.column-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
}
.css-column.column-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
}
.css-column.column-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-o-column-count: 5;
}
.css-column.top {
	background-color: white !important;
	background-image: -webkit-linear-gradient(180deg, white, #ccc) !important;
	background-image: -moz-linear-gradient(180deg, white, #ccc) !important;
	background-image: -ms-linear-gradient(180deg, white, #ccc) !important;
	background-image: -o-linear-gradient(180deg, white, #ccc) !important;
	background-image: linear-gradient(180deg, white, #ccc) !important;
	background-repeat: no-repeat;
	font-size: 17px;
	padding: 10px;
	border-radius: 0 0 8px 8px;
}
.css-column.top a.more {
	background: rgba(255, 255, 255, 0.6);
}
.css-column.top .text-container {
	background-color: #f9f9f9;
}
.css-column.top h2:first-of-type {
	font-size: 24px;
	font-weight: normal;
	margin-top: -5px;
}
.css-column.top h2 {
	font-size: 24px;
	margin-top: 0;
}
.pos-1-1, .pos-1-2, .pos-3-2, .pos-5-2, .pos-7-2, .pos-9-2, .pos-11-2, .pos-1-3, .pos-4-3, .pos-7-3, .pos-10-3, .pos-1-4, .pos-5-4, .pos-9-4, .pos-1-6, .pos-7-6, .pos-1-12 {
	clear: left;
}
.hide {
	display: none;
}
.left {
	float: left;
}
.mobile {
	display: none;
}
.no-hyphens {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
}
.no-wrap {
	font-size: 15px;
	color: #333;
	white-space: nowrap !important;
	padding-top: 4px;
}
.pre-wrap {
	font-size: 15px;
	color: #333;
	white-space: pre-wrap !important;
	padding-top: 4px;
}
.right {
	float: right;
}
.uppercase {
	text-transform: uppercase;
}
.width-full {
	width: 100%;
}
/******************************************************************************/
@media screen and (max-width: 1460px), screen and (max-device-width: 1460px) {
#canvas {
	width: 980px;
}
.column.column-1-1, .column.column-2-2, .column.column-3-3, .column.column-4-4, .column.column-5-5, .column.column-6-6 {
	width: 100%;
}
.column.column-1-2, .column.column-2-4, .column.column-3-6 {
	width: 50%;
}
.column.column-1-3, .column.column-2-6 {
	width: 33.33333333%;
}
.column.column-2-3, .column.column-4-6 {
	width: 66.66666666%;
}
.column.column-1-4 {
	width: 25%;
}
.column.column-3-4 {
	width: 75%;
}
.column.column-1-5 {
	width: 20%;
}
.column.column-2-5 {
	width: 40%;
}
.column.column-3-5 {
	width: 60%;
}
.column.column-4-5 {
	width: 80%;
}
.column.column-1-6 {
	width: 16.66666666%;
}
.column.column-5-6 {
	width: 83.33333333%;
}
.css-column.column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}
.css-column.column-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}
.css-column.column-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
}
.css-column.column-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-o-column-count: 5;
	column-count: 5;
}
}
@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {
#canvas {
	width: 980px;
}
.column.column-1-1, .column.column-2-2, .column.column-3-3, .column.column-4-4, .column.column-5-5, .column.column-6-6 {
	width: 100%;
}
.column.column-1-2, .column.column-2-4, .column.column-3-6 {
	width: 50%;
}
.column.column-1-3, .column.column-2-6 {
	width: 33.33333333%;
}
.column.column-2-3, .column.column-4-6 {
	width: 66.66666666%;
}
.column.column-1-4 {
	width: 25%;
}
.column.column-3-4 {
	width: 75%;
}
.column.column-1-5 {
	width: 20%;
}
.column.column-2-5 {
	width: 40%;
}
.column.column-3-5 {
	width: 60%;
}
.column.column-4-5 {
	width: 80%;
}
.column.column-1-6 {
	width: 16.66666666%;
}
.column.column-5-6 {
	width: 83.33333333%;
}
.css-column.column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.css-column.column-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
}
.css-column.column-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
}
.css-column.column-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-o-column-count: 5;
}
}
@media screen and (max-width: 980px), screen and (max-device-width: 980px) {
#canvas {
	width: 100%;
	margin-top: 0;
}
header  {
	padding: 20px 10px 0 10px;
}
header > div #logo img {
	margin-bottom: 0;
}
header > div .ad {
	float: none;
	width: 100%;
	padding: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 10px;
}
footer nav ul li a, header nav ul li a {
	border-right: 0;
}
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
footer nav, header nav {
	margin-left: -10px;
	margin-right: -10px;
}
footer nav > ul > li ul, header nav > ul > li ul {
	box-shadow: none;
	left: auto;
	margin-top: 0;
	padding-left: 10px;
	position: relative;
	top: auto;
}
footer nav > ul > li ul li, header nav > ul > li ul li {
	max-width: none;
}
footer nav > ul > li ul li a.has-sub-navigation::before, header nav > ul > li ul li a.has-sub-navigation::before {
	content: "\25bc";
}
footer nav > ul > li ul li ul, header nav > ul > li ul li ul {
	left: auto;
	position: relative;
	top: auto;
}
footer nav > .control, header nav > .control {
	height: 32px;
	display: block;
	margin-left: -5px;
	margin-right: -5px;
}
footer nav > .control > div > a, header nav > .control > div > a {
	color: #333;
	display: block;
	outline: 0 none;
	line-height: 23px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	text-decoration: none;
}
footer nav > .control > div > a.mainmenu-marker::before, header nav > .control > div > a.mainmenu-marker::before {
	content: "Menü ein-/ausblenden";
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	opacity: 0.3;
	position: absolute;
	right: 10px;
}
footer nav > .control > div > a.submenu-marker::before, header nav > .control > div > a.submenu-marker::before {
	content: "▼";
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	opacity: 0.6;
	position: absolute;
	right: 10px;
}
footer nav > .control > div > a:hover, header nav > .control > div > a:hover {
	color: white;
	height: 32px;
}
footer nav > .control > div > a:hover.submenu-marker::before, header nav > .control > div > a:hover.submenu-marker::before {
	opacity: 1;
}
footer nav > .control > div > a > img, header nav > .control > div > a > img {
	height: auto;
	opacity: 0.75;
	padding-top: 8px;
	width: 16px;
}
footer h1, header h1 {
	margin-left: -10px;
	margin-right: -10px;
	width: auto;
}
footer {
	padding: 0 10px 10px;
}
footer nav#footermenu {
	border-radius: 0;
}
footer nav#footermenu > ul > li > a.has-sub-navigation::before {
	right: 5px;
}
footer nav#footermenu > ul > li ul {
	padding-left: 0;
	position: absolute;
}
header nav#mainmenu, header nav#submenu {
	border-radius: 0;
}
header nav#mainmenu > ul, header nav#submenu > ul {
	display: none;
}
header nav ul li a {
	padding-left: 10px;
	padding-right: 10px;
}
header nav ul li a.has-sub-navigation::before {
	right: 10px;
}
header nav > ul {
	margin-left: -5px;
	margin-right: -5px;
}
header nav > ul > li {
	float: none;
}
#content-wrapper #content, #content-wrapper-teaser #content-teaser {
	padding: 10px 0;
}
.column.column-1-1, .column.column-2-2, .column.column-3-3, .column.column-4-4, .column.column-5-5, .column.column-6-6 {
	width: 100%;
}
.column.column-1-2, .column.column-2-4, .column.column-3-6 {
	width: 50%;
}
.column.column-1-3, .column.column-2-6 {
	width: 50%;
}
.column.column-2-3, .column.column-4-6 {
	width: 50%;
}
.column.column-1-4 {
	width: 33.33333333%;
}
.column.column-3-4 {
	width: 50%;
}
.column.column-1-5 {
	width: 50%;
}
.column.column-2-5 {
	width: 50%;
}
.column.column-3-5 {
	width: 50%;
}
.column.column-4-5 {
	width: 50%;
}
.column.column-1-6 {
	width: 25%;
}
.column.column-5-6 {
	width: 75%;
}
.column.column-1-12 {
	width: 16.66666666%;
}
.css-column.column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.css-column.column-3 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.css-column.column-4 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.css-column.column-5 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
}
.pos-3-3, .pos-5-3, .pos-7-3, .pos-9-3, .pos-11-3, .pos-4-4, .pos-7-4, .pos-10-4, .pos-5-6, .pos-9-6 {
	clear: left;
}
.pos-4-3, .pos-10-3, .pos-5-4, .pos-9-4, .pos-7-6 {
	clear: none;
}
.desktop {
	display: none;
}
.mobile {
	display: inherit;
}
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
h1 mark::before {
	content: "";
}
header > div #logo {
	margin-left: 10px;
}
header > div #logo img {
	height: auto;
	width: 150px;
}
.column.column-1-1, .column.column-2-2, .column.column-3-3, .column.column-4-4, .column.column-5-5, .column.column-6-6 {
	width: 100%;
}
.column.column-1-2, .column.column-2-4, .column.column-3-6 {
	width: 100%;
}
.column.column-1-3, .column.column-2-6 {
	width: 100%;
}
.column.column-2-3, .column.column-4-6 {
	width: 100%;
}
.column.column-1-4 {
	width: 50%;
}
.column.column-3-4 {
	width: 100%;
}
.column.column-1-5 {
	width: 50%;
}
.column.column-2-5 {
	width: 100%;
}
.column.column-3-5 {
	width: 100%;
}
.column.column-4-5 {
	width: 100%;
}
.column.column-1-6 {
	width: 33.33333333%;
}
.column.column-5-6 {
	width: 100%;
}
.column.column-1-12 {
	width: 25%;
}
.css-column.top {
	margin-top: -10px;
	margin-right: -10px;
	margin-left: -10px;
	border-radius: 0;
}
.css-column.column-2 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
}
.css-column.column-3 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
}
.css-column.column-4 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
}
.css-column.column-5 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-o-column-count: 1;
}
.pos-3-4, .pos-5-4, .pos-7-4, .pos-9-4, .pos-11-4, .pos-4-6, .pos-7-6, .pos-10-6, .pos-5-12, .pos-9-12 {
	clear: left;
}
.pos-4-4, .pos-10-4, .pos-5-6, .pos-9-6 {
	clear: none;
}
.pos-4-6, .pos-5-6, .pos-6-6 {
	padding-top: 0;
}
}
@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
p.caption.left {
	font-size: 11px;
}
}