/******************************/
/******    Neues CSS     ******/
/******************************/

@font-face {
	font-family: 'Cinzel';
	src: url('../fonts/Cinzel.ttf');
	src: url('../fonts/Cinzel.ttf') format('truetype');
}
@font-face {
	font-family: 'Quattrocento Sans';
	src: url('../fonts/QuattrocentoSans.ttf');
	src: url('../fonts/QuattrocentoSans.ttf') format('truetype');
}
/******************************/
/******  Grundstruktur   ******/
/******************************/
body {
	background: #fff;
	font-size: 16px;
	line-height: 1.5;
	color: #064768;
	font-family: 'Quattrocento Sans', sans-serif;
	position: relative;
}
#header {
	background: #fff;
	display: none;
	position: relative;
}
#search {
	position: absolute;
	top: 10px;
	z-index: 110;
	right: 5px;
	display: none;
}
#nav_wrapper {
	height: 38px;
}
#navigation {
	height: 28px;
	padding: 5px 0px;
	width: 100%;
	background: transparent;
	display: none;
}
#content_image {
	margin-top: 1px;
}
#wrapper {
	margin: 15px;
}
#content, #content_left {
	color: #064768;
}
#newsletter {
	margin-top: 40px;
}
#footer {
	width: 100%;
	background: #006EB0;
	clear: both;
	font-size:0.8em;
	line-height: 1.2em;
	padding-top: 1em;
	color: #fff;
}
#toTop {
	display: block;
	position: fixed;
	bottom: 5%;
	right: 0;
	padding: 10px;
	background: #009fff;
	background: transparent;
	color: #fff;
	font-weight: bold;
	opacity: 0.75;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: 0px 0px 10px #064768;
}
/******************************/
/******   Allgemeines    ******/
/******************************/
p {
	margin: 0px;
}
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
}
h1 {
	font-size: 22px;
	color: #006EB0;
	font-family: 'Cinzel', sans-serif;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
form input, form select {
	font-size: 13px;
}
/******************************/
/******     Klassen      ******/
/******************************/
.clear, .clearfix, .content_clear {
	clear: both;
}
.spacer_top {
	display: none
}
.spacer_bottom {
	display: none
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
.sticky_top {
	height: 36px;
	left: 48%;
	width: 4%;
}
.sticky_top img {
	display: none;
}
.sticky_top li {
	position: relative;
	top: 0px;
	height: 100%;
	-webkit-animation: block 0.8s linear, push 0.5s linear 0.7s forwards;
	animation: block 0.8s linear, push 0.5s linear 0.7s forwards;
	display: block;
}
.sticky_top li a {
	height: 100%;
	display: block;
	background-image: url("../images/90x90_Logo_uniblau.jpg");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-color: #336699;
}
 @keyframes block {
 0% {
 height: 0;
} 
 99% {
 height: 0%;
} 
 100% {
 height: 100%;
}
}
 @keyframes push {
 0% {
 top: 50px;
 background-color: #006EB0;
 display: none;
}
 50% {
 top: 25px;
}
 60% {
 top: 25px;
}
 70% {
 top: -22px;
}
 80% {
 top: 20px;
}
 90% {
 top: -18px;
}
 95% {
 top: 15px;
}
 97% {
 top: -10px;
}
 99% {
 top: 10px;
}
 100% {
 top: 0px;
 background-color: #FFF;
 display: block;
}
}
/******************************/
/******      Suche       ******/
/******************************/
#search form input[type="search"] {
	display: none;
	outline: none;
}
#search form input[type="image"] {
	vertical-align: text-bottom;
	width: 10%;
	min-width: 18px;
	outline: none;
}
#search form:hover input[type="search"] {
	display: block;
}
/******************************/
/******   Navigation     ******/
/******************************/
#header .nav {
	text-align: center;
}
#header .nav img {
	max-height: 140px;
}
#navMain {
	display: none;
}
#navigation .nav.menu li a, #navigation .nav.menu li span {
	color: #fff;
	padding: 0;
	text-decoration: none;
	height: auto;
	width: 100%;
	font-weight: bold;
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	font-family: 'Cinzel', sans-serif;
	letter-spacing: 0.3em;
}
#left .nav li {
	background-color: #006EB0;
	/*border: 1px solid #064768;*/
	margin-bottom: 5px;
	font-family: 'Cinzel';
}
#left .nav li a {
	display: block;
	width: 92%;
	padding: 2% 4%;
	color: #fff;
	font-weight: bold;
}
.navbar-toggle {
	position: relative;
	float: left;
	padding: 5px;
	margin: 0px 0px 0px 15px;
	background-color: transparent;
	border-radius: 4px;
}
.navbar-toggle {
	margin: 0px 0px 0px 15px;
}
.navbar-inverse .navbar-toggle {
	border: 1px solid #3f3f3f;
	background: #111111;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background: #FFFFFF;
}
p#navigation_mobil {
	height: 38px;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #006EB0;
	z-index: 101;
}
#navigation_infobar {
	height: 38px;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 102;
	cursor: pointer;
}
p#navigation_mobil .navigation {
	position: relative;
	float: left;
	width: 85%;
	width: calc(100% - 80px);
	text-align: center;
}
p#navigation_mobil .navigation a {
	width: 100px;
	height: 38px;
	margin: 0;
	margin-left: calc(50% - 50px);
	padding-top: 5px;
    font-weight: bold;
    font-size: 20px;
}
p#navigation_mobil .navigation img {
	height: 28px;
	padding: 5px 0;
}
p#navigation_mobil a, #navigation_infobar img {
	width: 25px;
	position: relative;
	float: left;
	padding: 0;
	background-color: transparent;
	border-radius: 4px;
	color: white;
	display: block;
	outline: none;
}
#navigation_infobar img {
	margin: 5px 10px 5px 5px;
}
p#navigation_mobil a {
	height: 20px;
	margin: 5px 0px 5px 15px;
}
p#navigation_mobil a span, #navigation_infobar span {
	display: block;
	width: 25px;
	height: 3px;
	border-radius: 1px;
	background: #fff;
	content: '';
	position: absolute;
	-moz-transition: none 0.5s ease 0.5s;
	-o-transition: none 0.5s ease 0.5s;
	-ms-transition: none 0.5s ease 0.5s;
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;
	-moz-transition-property: transform, top, bottom, left, opacity;
	-o-transition-property: transform, top, bottom, left, opacity;
	-ms-transition-property: transform, top, bottom, left, opacity;
	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
p#navigation_mobil a span.open1 {
	top: 5px;
}
p#navigation_mobil a span.open2 {
	top: 12px;
}
p#navigation_mobil a span.open3 {
	top: 19px;
}
html.mm-opening p#navigation_mobil a span.open1, html.mm-opening p#navigation_mobil a span.open3 {
	top: 12px;
}
html.mm-opening p#navigation_mobil a span.open2 {
	left: -50px;
	opacity: 0;
}
html.mm-opening p#navigation_mobil a span.open1 {
	-moz-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
html.mm-opening p#navigation_mobil a span.open3 {
	-moz-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	-webkit-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
html.mm-opening #mm-blocker {
	background: rgba(204, 204, 204, 0.15);
	transition: background 1s ease 0.3s;
}
#left .navleft a {
	color: #999;
}
a#toTop img {
	vertical-align: middle;
}
/******************************/
/******     Content      ******/
/******************************/
#content_image p {
	margin: 0;
}
#content_image img {
	width: 100%;
}
.blog-featured .item-image {
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.blog-featured h1, #wrapper .page-header h1 {
	line-height: 1em;
	padding-bottom: 0.3em;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #064768;
}
.blog-featured .items-leading h2 {
	line-height: 1.05em;
	margin-bottom: 10px;
	display: inline;
	vertical-align: text-bottom;
}
.blog-featured .items-leading p, .blog-featured .items-leading ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog-featured .items-leading div {
	margin-bottom: 40px;
}
.blog-featured .item-text {
	width: 100%;
}
.blog-featured .item-image img {
	width: 100%;
	position: relative;
	top: -75%;
}
.blog-featured .item-text li, #shop li {
	list-style-position: outside;
	list-style-type: none;
}
.blog-featured .item-text li::before, #shop li::before, #ratgeber li::before {
	content: "►";
	color: #006EB0;
	font-size: small;
	display: inline-block;
	width: 2em;
}
#left h2 {
	font-family: 'Quattrocento Sans', sans-serif;
	margin-top: 40px;
	line-height: 1em;
	margin-bottom: 10px;
	vertical-align: bottom;
	display: inline-block;
}
#left h2:first-child {
	margin-top: 0px;
	margin-bottom: 20px;
}
#left .custom {
	background-color: #d3e9c8;
	border: 1px solid #064768;
	width: 92%;
	padding: 0 4%;
}
#left .custom p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#left .contact, #left .day {
	width: 30px;
	display: inline-block;
}
/******************************/
/******     Galerie      ******/
/******************************/
.jg_element_cat, .jg_element_gal, .jg_element_gal_r, .jg_topelement, .jg_favelement {
    width: 100%;
    float: left;
    text-align: center !important;
   	margin-bottom: 20px;
	padding-right: 0;
}
.jg_minis {
    display: none;
}
.jg_pathway, .jg_catorderlist {
    width: 100%;
    padding: 0;
	float: none;
	text-align: left;
}
#jg_dtl_photo {
    margin-top: 10px;
}
.jg_cmtf {
    text-align: center;
}
 .gallery .jg-header, .gallery .jg_toplist {
    text-align: center;
   	margin-bottom: 20px;
}
/******************************/
/******      Login       ******/
/******************************/
div#login {
    /* width: 100%;
    height: 60%;
    display: block;
    position: absolute;
    z-index: 10000000;
    background-color: #333;
    opacity: 0.8;
    padding-top: 40%;
    margin: 0 auto;
    text-align: center; */
}
/******************************/
/******      Footer      ******/
/******************************/
#footer #footer_left, #footer #footer_right {
	margin: 0 15px;
	height: inherit;
}
#footer_right {
    padding-bottom: 20px;
}
#footer .nav li span.nav-header {
	font-weight: bold;
	display: block;
}
#footer .nav li a {
	color: #064768;
}
#footer .nav li span.nav-header.headline {
	padding-top: 1.2em;
}
#footer ul.nav.menu {
    float: left;
    width: 33.333%;
	margin-bottom: 2em;
}
#footer input {
	color: #064768;
}
#footer span.add-on, #footer .control-label {
    width: 120px;
    display: inline-block;
}
#footer form {
    padding-bottom: 20px;
}
#footer form .control-group{
    padding-bottom: 10px;
}
#footer form button.btn.btn-primary {
    background-color: #064768;
}
.login form fieldset {
	border: none;
}
/******************************/
/******     Infobar      ******/
/******************************/
#leftInfoBar {
	right: 0;	
}
#rightInfoBar {
	right: 0;	
}
.InfoBar {
	position: fixed;
	top: 39px;
	background: #d3e9c8;
	/*opacity: 0.8;*/
	line-height: 1.3em;
	font-size: 2em;
	width: 1.3em;
	box-shadow: 0 0 4px #064768;
	z-index: 2000;
	display: none;
}
.InfoBar ul {
	margin: 3px;
}
.InfoBar li {
	text-align: center;
	border-bottom: 1px solid #064768;
	margin: 0 0 3px 0;
}
.InfoBar li:last-child {
	border-bottom: none;
	margin: 0;
}
.InfoBar li a {
	display: block;
	text-indent: 1000%;
}
#li_kontakt {
	background-image: url("../images/mail.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#li_glossar {
	background-image: url("../images/glossar.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#li_newsletter {
	background-image: url("../images/newsletter.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#li_suche {
	background-image: url("../images/suche.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 @media screen and (min-width:480px) {
/******************************/
/******      Galerie     ******/
/******************************/
.jg_element_cat, .jg_element_gal, .jg_element_gal_r, .jg_topelement, .jg_favelement {
    width: 49%;
	padding-right: 1%;
}
}
 @media screen and (min-width:768px) {
/******************************/
/******  Grundstruktur   ******/
/******************************/
#header {
	margin-top: 0px;
	height: 0px;
	display: block;
}
#search {
	margin-left: 10%;
	top: -140px;
	right: inherit;
}
#nav_wrapper {
	height: 33px;
	width: 100%;
	display: block;
}
#navigation {
	width: 100%;
	height: 33px;
	margin: 0 auto;
	padding: 0px 0px;
	background: #006EB0;
	display: block;
}
#navigation_canvas {
	display: none;
}
#content_image {
	margin-bottom: 50px;
}
#wrapper {
	padding: 0;
	margin: 0 15px;
	margin-bottom: 0px;
}
#content, #content_left, #left {
	margin: 0 auto;
	margin-top: 50px;
}
#content_left {
	width: 72%;
	float: right;
}
#left {
	width: 22%;
	float: left;
}
#left .navleft {
	margin-top: 58px;
	-moz-transition: all 2s ease 1s;
	-o-transition: all 2s ease 1s;
	-ms-transition: all 2s ease 1s;
	-webkit-transition: all 2s ease 1s;
	transition: all 2s ease 1s;
}
#projekte {
	margin: 50px 0;
}
/******************************/
/******   Allgemeines    ******/
/******************************/
body {
	font-size: 15px;
	line-height: 1.5;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
form input, form select {
	font-size: 15px;
}
p {
	margin: 12px 0px;
}
.spacer_top {
	height: 5px;
	border-bottom: solid 2px #999;
	display: block;
}
.spacer_bottom {
	height: 5px;
	border-top: solid 2px #999;
	display: block;
}
.sticky {
	width: inherit;
}
.sticky_top {
	position: fixed;
	top: 0;
	height: 33px;
	overflow: hidden;
	left: 47.8%;
	z-index: 110;
	width: 4.4%;
}
.sticky_top img {
	height: 52px;
}
.hidden {
	display: block;
}
.content_clear {
	clear: none;
}
/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 100%;
	height: inherit;
	position: relative;
}
#header .logo p {
	margin: 0;
	position: absolute;
	bottom: 0;
	height: 23px;
	width: 768px;
}
#header .logo img {
	width: 50%;
}
/******************************/
/******   Navigation     ******/
/******************************/
#navMain {
	display: block;
}
#navigation .nav.menu li {
	display: inline-block;
	height: 33px;
	width: 49.9%;
	width: calc(50% - 0.5px);
	text-align: center;
	border-right: solid 1px #fff;
	float: left;
	position: relative;
}
#navigation .nav.menu li:last-child {
	border-right: none;
}
#navigation .nav.menu li a, #navigation .nav.menu li span {
	font-size: 24px;
	width: auto;
	height: inherit;
}
#navigation .nav.menu ul.nav-child {
	width: 100%;
	border-top: none;
	position: absolute;
	left: 0px;
	z-index: 250;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	transition: visibility 0.5s ease, opacity 0.3s ease-in, max-height 1s ease;
	background: #009fff;
}
#navigation .nav.menu li:hover > ul.nav-child {
	visibility: visible;
	opacity: 0.9;
	max-height: 500px;
	transition: visibility 1s ease, opacity 1s ease-in, max-height 1s ease;
}
#navigation .nav.menu ul.nav-child li {
	border-top: solid 1px #fff;
	border-right: none;
	display: inline-block;
	width: 100%;
	left: auto;
}
/*#navigation .nav.menu li:hover a, #navigation .nav.menu li:hover span {
    color: #009fff;
}*/
#navigation .nav.menu ul.nav-child li:hover {
    background-color: #006EB0;
}
/*#navigation .nav.menu ul.nav-child li a {
	color: #064768;
}*/
#navigation .nav.menu ul.nav-child ul.nav-child {
	width: 100%;
	border-top: none;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 250;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	transition: visibility 0.5s ease, opacity 0.3s ease-in, max-height 1s ease;
	background: #064768;
}
#navigation .nav.menu ul.nav-child li:hover > ul.nav-child {
	visibility: visible;
	opacity: 1;
	max-height: 500px;
	transition: visibility 1s ease, opacity 1s ease-in, max-height 1s ease;
}
#navigation .nav.menu ul.nav-child ul.nav-child li {
	border-top: solid 1px #009fff;
	border-top: solid 1px #fff;
	border-right: none;
	display: inline-block;
	width: 100%;
	left: auto;
}
#navigation .nav.menu ul.nav-child ul.nav-child li a {
	color: #fff;
}
#navigation .nav.menu ul.nav-child ul.nav-child li:first-child {
	border-top: none;
}
.navbar-toggle {
	display: none;
}
p#navigation_mobil, p#navigation_infobar {
	display: none;
}
#navigation.touchstart .menu li.deeper:before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
}
#navigation.touchstart .menu li.deeper.touchend:before {
	content: '';
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 1000;
    display: block;
}
/******************************/
/******     Content      ******/
/******************************/
.blog-featured .item-image {
	width: 30.5555%;
	float: left;
	height: auto;
}
.blog-featured .item-image img {
	width: 100%;
	position: inherit;
	top: 0;
}
.blog-featured .items-leading div {
	margin-bottom: 40px;
}
.blog-featured .item-text {
	width: 66%;
	float: right;
	line-height: 25px;
}
/*.blog-featured .item-text li:before, #shop li::before, #ratgeber li::before {
	content: "►";
	color: #006EB0;
	font-size: small;
	display: inline-block;
	width: 2em;
}*/
#left .contact, #left .day, #left .day2 {
	width: 30px;
	display: inline-block;
}
#left .day_break {
	color: transparent;
}
.day_break::before {
	content: "\A";
	white-space: pre;
}
/******************************/
/******      Galerie     ******/
/******************************/
.jg_element_cat, .jg_element_gal, .jg_element_gal_r, .jg_topelement, .jg_favelement {
    width: 49%;
	padding-right: 1%;
}
.jg_minis {
    display: block;
}
.jg_pathway {
    width: 50%;
    float: left;
}
.jg_catorderlist {
    width: 50%;
    float: right;
	text-align: right;
}
#jg_dtl_photo {
    margin-top: 30px;
}
/******************************/
/******      Footer      ******/
/******************************/
#footer {
	width: 85%;
	margin: 0 auto;
	padding: 1em 7.5% 0;
}
#footer #footer_left, #footer #footer_right {
	width: 50%;
	float: left;
	margin: 0;
}
#footer_right {
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 7.5%;
	padding-bottom: 0;
	font-weight: bold;
}
#footer_right a {
    color: #fff;
}

/******************************/
/******     Infobar      ******/
/******************************/
#leftInfoBar {
	left: 0;	
}
#rightInfoBar {
	right: 0;	
}
.InfoBar {
	position: fixed;
	top: 40%;
	display: block!important;
}
.InfoBar li a {
	display: block;
	text-indent: -1000%;
}
}
 @media screen and (min-width: 1024px) {
body {
	font-size: 15px;
	line-height: 1.5;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
form input, form select {
	font-size: 15px;
}
p {
	margin: 12px 0px;
}
/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 910px;
	margin: 0 auto;
}
#header .logo p {
	height: 28px;
	width: inherit;
}
.sticky {
	margin-top: 0px!important;
	width: inherit!important;
}
.sticky_top {
	left: 48.4%;
	width: 3.2%;
}
#wrapper {
	width: 85%;
	margin: 0 auto;
	margin-bottom: 0px;
}
#content {
	padding: 0 15px;
}
/******************************/
/******     Galerie      ******/
/******************************/
.jg_element_cat, .jg_element_gal, .jg_element_gal_r, .jg_topelement, .jg_favelement {
    width: 32%;
}
#jg_dtl_photo {
    margin-top: 50px;
}
}

 @media screen and (min-width: 1200px) {
body {
	font-size: 17px;
	line-height: 1.5;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
form input, form select {
	font-size: 17px;
}
p {
	margin: 14px 0px;
}
/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 1050px;
}
#header .logo p {
	height: 32px;
}
#nav_wrapper {
	height: 36px;
}
#navigation {
	height: 36px;
}
#content {
	padding: 0 17px;
}
#left .navleft {
	margin-top: 60px;
}
#navigation .nav.menu li {
	height: 36px;
}
#navigation .nav.menu li a, #navigation .nav.menu li span {
	font-size: 26px;
}
.sticky_top {
	height: 36px;
	left: 48.3%;
	width: 3.4%;
}
}
 @media screen and (min-width:1300px) {
body {
	font-size: 19px;
	line-height: 1.5;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
form input, form select {
	font-size: 19px;
}
p {
	margin: 16px 0px;
}
/******************************/
/******     Header       ******/
/******************************/
#header .logo {
	width: 1160px;
}
#header .logo p {
	height: 35px;
}
#nav_wrapper {
	height: 40px;
}
#navigation {
	height: 40px;
}
#content {
	padding: 0 19px;
}
#left .navleft {
	margin-top: 62px;
}
#navigation .nav.menu li {
	height: 40px;
}
#navigation .nav.menu li a, #navigation .nav.menu li span {
	font-size: 28px;
}
.sticky_top {
	height: 40px;
	left: 48.5%;
	width: 3%;
}
}
/******************************/
/******  Fallbck no-js   ******/
/******************************/
html.no-js #navigation_canvas, html.no-js #footer a#toTop {
	display: none;
}
#dm_tabs_1 ul.dm_menu_1, #dm_tabs_2 ul.dm_menu_2 {
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1, #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2 {
	display: inline;
	margin: 0;
	padding: 0;
	float: none;
	border: none;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 a, #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2 a {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: inherit;
	font-weight: inherit;
	float: none;
	color: #064768;
	padding: 0;
	text-decoration: none;
	outline: none;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected, #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2 a.dm_selected {
	position: relative;
	top: 0;
	background-color: #fff;
	color: #006EB0;
	font-weight: bold;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 a:hover, #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2 a:hover {
	background-color: #FFFFFF;
	color: inherit;
}
#dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected:hover, #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2 a.dm_selected:hover {
	color: #006EB0;
}
#dm_container_1, #dm_container_2 {
	border: none;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	padding: 0;
	overflow: hidden;
}
#dm_container_1 .dm_tabcontent, #dm_container_2 .dm_tabcontent {
	display: none;
}
#dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2.bestseller, #dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1.wissenswertes {
	padding: 0 1em;
}




.items-row.cols-2 {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.items-row.cols-2 .item p {
    display: none;
}
.items-row.cols-2 .item .page-header + p {
    display: block;
}


/******************************/
/******      Slider      ******/
/******************************/
.csslider1 {
  display: inline-block;
  position: relative;
  /*height: 566px;*/
  width: 100%;
}
.csslider1,
.csslider1 *,
.csslider1 *:after,
.csslider1 *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider1 > .cs_anchor {
  display: none;
}
.csslider1 > ul {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  /*height: 566px;*/
  overflow: hidden;
  white-space: nowrap;
}
.csslider1 > ul > .cs_skeleton {
  width: 100%;
  visibility: hidden;
  font-size: 0px;
  line-height: 0;
}

.csslider1 > ul > .slide.img img {
  width: 100%;
}



.csslider1 > ul > .slide.img a {
  font-size: 0pt;
  color: transparent;
}
.csslider1 > ul > .slide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  white-space: normal;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.csslider1 .cs_engine{
  position: absolute;
  top: -9999px;
  left: -9999px;
  font-size: 0pt;
  opacity: 0;
  filter: alpha(opacity=0);
}

.csslider1 > ul > li.img,
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_bullets,
.csslider1 > .cs_play_pause {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* ------------- /General Styles ------------- */

/* ------------- General Gestures ------------- */
.csslider1.cs_handle {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
.csslider1.cs_handle.cs_grab {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}


.csslider1 .cs_gestures {
  visibility: hidden;
  position: absolute;
  font-size: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  opacity: 0;

  -webkit-transition: visibility .3s linear, opacity .3s linear;
  transition: visibility .3s linear, opacity .3s linear;
}
.csslider1 .cs_gestures.cs_show {
  visibility: visible;
  opacity: 1;
}
.csslider1 .cs_gestures.cs_show img {
  width: 50%;
}
.csslider1 .cs_gestures.cs_show .cs_first_img {
  position: absolute;
  left: -50%;
  top: 0;
}
.csslider1 .cs_gestures.cs_show .cs_last_img {
  position: absolute;
  left: 100%;
  top: 0;
}

.csslider1 .cs_gestures > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
}
/* ------------- /General Gestures ------------- */

/* ------------- Effect ------------- */

.csslider1 > #cs_slide1_0:checked ~ ul > .slide.num0,
.csslider1 > #cs_pause1_0:checked ~ ul > .slide.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > .slide.num1,
.csslider1 > #cs_pause1_1:checked ~ ul > .slide.num1 {
  opacity: 1;
  z-index: 2;
}

.csslider1 > ul > .slide {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  
  -webkit-transition: opacity 2000ms ease;
  transition: opacity 2000ms ease;

  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}


@-webkit-keyframes fade1 {
  0%, 62.5%, 100%  { opacity: 0; }
  12.5%, 50%  { opacity: 1; }
  0%, 49.999%  { z-index: 2; }
  50.001%, 100%  { z-index: 1; }
}
@keyframes fade1 {
  0%, 62.5%, 100%  { opacity: 0; }
  12.5%, 50%  { opacity: 1; }
  0%, 49.999%  { z-index: 2; }
  50.001%, 100%  { z-index: 1; }
}

.csslider1 > #cs_play1:checked ~ ul > .slide.num0 {
  -webkit-animation: fade1 16000ms infinite -2000ms;
  animation: fade1 16000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ ul > .slide.num1 {
  -webkit-animation: fade1 16000ms infinite 6000ms;
  animation: fade1 16000ms infinite 6000ms;
}



.csslider1 > #cs_play1:checked ~ ul > .slide,
.csslider1 > .pause:checked ~ ul > .slide {
  -webkit-transition: none;
  transition: none;
}


/* ------------- /Effect ------------- */

/* ------------- Template Show on hover ------------- */
.csslider1 > .cs_play_pause {
  -webkit-transition: .4s all 0s ease;
  transition: .4s all 0s ease;
}
.csslider1 > .cs_arrowprev {
  -webkit-transition: .4s all .15s ease;
  transition: .4s all .15s ease;
}
.csslider1 > .cs_arrownext {
  -webkit-transition: .4s all .3s ease;
  transition: .4s all .3s ease;
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}