a img {
  border:none;
}
main #main-container .black-container .inner-contents .tx-hbshop .list .kategorie .subkategorien div.article{background:#313133}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie h2.act{background:#464749;}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie h2:hover{background:#464749;}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .up, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .down, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .add, main #main-container .black-container .inner-contents div.tx-hbshop .mailform input[type="text"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform textarea, main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="email"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="number"]{background:#313133}
main #main-container .black-container .inner-contents > h2 {margin-top: 60px!important;}
main #main-container .black-container .inner-contents div.img-gallery > a:after {bottom:0}

#page-631 .img-container-left,
#page-204 .img-container-left,
#page-565 .img-container-left {overflow: hidden; width: 204px; background-image: none;}

.tx-hbshop  { margin-top:20px; margin-bottom:20px;}
.tx-hbshop .kategorie {margin-bottom:10px;}
.tx-hbshop .kategorie h2 {padding:15px; cursor: pointer; background: #EEF7FF; color:#4B90CB; font-weight: normal; /*border-bottom: 1px solid white;*/ }
.tx-hbshop .kategorie h2:hover, .tx-hbshop .kategorie h2.act {background:#6CABE8; color:#EEF8FF; }
.tx-hbshop .kategorie .subkategorien  { }
.tx-hbshop .kategorie .subkategorien .subkategorie { display: table; width:130px; height: 160px; cursor: pointer; background: #EEF7FF; float:left; margin-right:10px; }
.tx-hbshop .kategorie .subkategorien .subkategorie p{ display: table-row; text-align: center; vertical-align: middle; font-size:14px!important; color:#4B90CB!important; }
.tx-hbshop .kategorie .subkategorien .subkategorie:hover, .tx-hbshop .kategorie .subkategorien .subkategorie.act { background:#6CABE8; color: #EEF8FF; }
.tx-hbshop .kategorie .subkategorien .subkategorie:hover > p, .tx-hbshop .kategorie .subkategorien .subkategorie.act > p { color:#EEF8FF!important;  }

.tx-hbshop .articles > .description {background: #F1F8FF; color: white; padding: 15px; margin-top:10px;}
.tx-hbshop .articles .article { position: relative; padding:10px 0; border-bottom: 1px solid #E8E8E8;}
.tx-hbshop .articles .article:last-child { border:none; }
.tx-hbshop .articles .article p{font-size:13px!important; color:#333;}
.tx-hbshop .articles .article .left{ float:left; }
.tx-hbshop .articles .article .left img{ }
.tx-hbshop .articles .article .right{ float:right; }
.tx-hbshop .articles .article .right p{ text-align: right;}
.tx-hbshop .articles .article .middle{ float:left; margin-left:10px;}
.tx-hbshop .articles .article .name{ color:#4B90CB!important; }
.tx-hbshop .articles .article .price{  }
.tx-hbshop .articles .article .orderNumber{ }
.tx-hbshop .articles .article .selects{ font-size: 13px; }
.tx-hbshop .articles .article .selects .row{ margin-bottom:5px; }
.tx-hbshop .articles .article .selects .row .imgs{ display: inline-block; }
.tx-hbshop .articles .article .selects select{ margin-left:10px; }
.tx-hbshop .articles .article .numArticles{ padding:5px; width:30px; }
.tx-hbshop .articles .article button{ border:none; background:#6CABE8; color:white; width:10px; padding:5px; width:20px; outline: none; cursor: pointer;}
.tx-hbshop .articles .article button:hover{ background:#244866; }
.tx-hbshop .articles .article button.add{ background: #6CABE8; padding: 6px; width:auto; margin-top: 5px; width: 91px; outline: 0; cursor: pointer; border: none; font-size: 14px; }
.tx-hbshop .articles .article button.add:hover { background: #244866; color:white;}

.tx-hbshop .feedback {background: #F1F8FF; color: #000; padding: 30px; margin-top: 10px; margin-bottom:40px;}
.tx-hbshop .feedback h2{font-family: Arial, sans-serif; font-weight: 400; font-size: 18px; color: rgb(75, 144, 203); margin-bottom: 10px;}


.tx-hbshop .mailform {background:#f3f3f3; padding:10px;}
.tx-hbshop .mailform .row {margin-bottom:5px;}
.tx-hbshop .mailform .row.center {text-align: center;}
.tx-hbshop .mailform label {display:inline-block; width:200px; vertical-align: top;}
.tx-hbshop .mailform input, .tx-hbshop .mailform textarea {width:400px; padding:5px; color:#333; font-size:13px;}
.tx-hbshop .mailform textarea {resize: vertical;}
.tx-hbshop .mailform textarea.act { /*-webkit-box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); -moz-box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); border: 1px solid rgb(138, 194, 223); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; */ outline: none;}
.tx-hbshop .mailform input[type="submit"]{width: auto;
border-radius: 0px;
padding: 7px 50px;
border: 1px solid darkgray;
cursor: pointer;
background: #e8e8e8;
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#ffffff), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 );}


@media only screen and (max-width: 500px) {
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.tx-hbshop .mailform input, .tx-hbshop .mailform textarea, .tx-hbshop .mailform select {width:100%;}

}


hr.clear{clear: both;}

/* Contact */
main #main-container .black-container .contact-col-ch {
	padding-right: 15px;
	border-right: 1px solid #eee;
}

main #main-container .black-container .contact-col-ch .first {
	margin-bottom: 75px;
}

main #main-container .black-container .contact-col-ch .last,
main #main-container .black-container .contact-col-international .last {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	main #main-container .black-container .contact-col-ch {
		border-right: 0;
		border-bottom: 1px solid #eee;
	}

	main #main-container .black-container .contact-col-ch h2,
	main #main-container .black-container .contact-col-international h2 {
		margin-bottom: 0 !important;
	}

	main #main-container .black-container .contact-col-ch .first {
		margin-bottom: 36px;
	}
}


/* PDF Viewer */
.pdfviewer {
	margin: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.pdfviewer__item {
	margin: 0 15px 15px 0;
}

.pdfviewer__item:last-child {
	margin-right: 0;
}

.pdfviewer__link {
	position: relative;
	display: inline-block !important;
	width: auto !important;
}

.pdfviewer__inner {
	position: relative;
	display: inline-block;
}

.pdfviewer__inner img {
	opacity: 0.5;
	transition: opacity .3s ease-in-out;
}
/*
.pdfviewer__inner:hover img {
	opacity: 1;
}
*/

.pdfviewer__captcha {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
}


.pdfviewer__link {
	display: inline-block !important;
	width: 26px !important;
	height: 26px !important;
	background: url("../Images/icon-search.svg") no-repeat;
	margin: 0 5px;
}

.pdfviewer__link--mobile {
	display: none !important;
	width: 26px !important;
	height: 26px !important;
	background: url("../Images/icon-search.svg") no-repeat;
	margin: 0 5px;
}
/*
.pdfviewer__link:hover .pdfviewer__captcha,
.pdfviewer__link:focus .pdfviewer__captcha {
	opacity: 0;
}
*/
.pdfviewer__download {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../Images/icon-download.svg") no-repeat;
	margin: 0 5px;
}

.fancybox-type-iframe,
.fancybox-type-iframe .fancybox-inner {
	width  : 1200px !important;
	height : 700px !important;
	position: relative;
}

.fancybox-type-iframe .fancybox-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1300px) {
	.fancybox-type-iframe,
	.fancybox-type-iframe .fancybox-inner {
		max-width: 90%;
		max-height: 90%;
	}
}

@media only screen and (max-width: 800px) {
	.pdfviewer__link,
	.pdfviewer__download {
		display: none !important;
	}
	.pdfviewer__link--mobile {
		display: inline-block !important;
	}
}

/* CTA */
.cta {
	margin: 62px 0;
}

.cta__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.cta__column--text {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.6666%;
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
	padding: 36px 50px;
	background-color: #000;
}

.cta__title {
/*  font-family: FiraSans-BoldItalic; */
	font-weight: 500;
	font-style: italic;
	font-size: 32px !important;
	color: #FFF !important;
	letter-spacing: 1.3px;
	line-height: 35px !important;
	margin: 0 0 20px !important;
}

.cta__text {
/*	font-family: FiraSans-Regular; */
	font-size: 16px;
	color: #FFF;
	letter-spacing: -0.2px;
	line-height: 1.35em;
	position: relative;
	padding-left: 26px;
	padding-bottom: 42px;
	border-bottom: 1px solid rgba(255,255,255,.15);
	margin-bottom: 32px;
}

.cta__text::before {
	content: "";
	width: 19px;
	height: 22px;
	position: absolute;
	top: 1px;
	left: 0;
	background: url("../Images/icon-switzerland.svg") no-repeat 0 0;
}

.cta__buttoncontainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.cta__buttonwrap {
	margin-right: 40px;
}

.cta__buttonwrap:last-child {
	margin-right: 0;
}

.cta__phone,
.cta__button {
/*	font-family: FiraSans-MediumItalic; */
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	color: #FFF;
	letter-spacing: 0.4px;
}

.cta__phone {
	position: relative;
	padding-left: 26px;
}

.cta__phone::before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 3px;
	background: url("../Images/icon-phone-white.svg") no-repeat 0 0;
}

.cta__phone:hover {
	color: #FFF;
}

.cta__button {
	display: inline-block;
	text-transform: uppercase;
	padding: 09px 14px 11px;
	border: 1px solid rgba(255,255,255,.45);
	background-color: transparent;
	border-radius: 0;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.cta__button:hover {
	color: #FFF;
	background-color: rgba(255,255,255, .2);
}

.cta__column--image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	background-repeat: no-repeat;
	background-position: right 0;
	background-size: cover;
}

@media only screen and (max-width: 992px) {
	.cta__column--text,
	.cta__column--image {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.cta__column--text {
		order: 20;
	}

	.cta__column--image {
		height: 280px;
		order: 10;
	}
}

@media only screen and (max-width: 480px) {
	.cta__column--text {
			padding: 15px 20px;
	}

	.cta__column--image {
		height: 222px;
	}

	.cta__buttoncontainer {
		display: block;
	}

	.cta__buttonwrap {
		margin: 0 0 20px;
	}

	.cta__buttonwrap:last-child {
		margin: 0;
	}
}

/* Responsive Youtube video */
.iframe-container {
    position: relative;
    padding-bottom: 56.25%; // 16:9
    padding-top: 25px;
    height: 0;
    margin-bottom: 60px;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Youtube Fancybox */
.youtube-imagewrap {
	position: relative;
}

.youtube-privacynote,
main #main-container .container-fluid .youtube-privacynote {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.8) !important;
	color: #FFF;
	font-size: 12px;
	padding: 6px 12px;
	text-align: center !important;
}

.fancybox-video .fancybox-inner {
    position: relative;
    padding-bottom: 56.25%; // 16:9
    padding-top: 25px;
    height: 0 !important;
}

.fancybox-video .fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fancybox-video .fancybox-close {
	display: block;
	width: 20px;
	height: 20px;
	background-size: cover;
}

@media only screen and (max-width: 600px) {
	.fancybox-video .fancybox-close {
		top: 0;
		right: 0;
	}
}

/* Grey menu parts */
#node_645,
#node_554 {
	background-color: #464749;
}

/* Remove top space in dropdowns
#node_554 + .dropdown-menu {  */
.dropdown-menu {
  padding-top: 0 !important;
}
.box-overlay2 {
  color: #000 !important;
}