@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');

/* HTML5 Tags */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }

/* Misc */
input[type=button], input[type=submit]  { -webkit-appearance: none; -webkit-border-radius: 0; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; }

/* Main */
* { border: 0px; margin: 0px; padding: 0px;}
html { -webkit-text-size-adjust: 100%; }
body { font-family: 'Open Sans'; background-color: #f5f5f5; }
body:after { content: 'desktop'; display: none; }
@media (max-width:991px) { body:after { content: 'tablet'; } }
@media (max-width:766px) { body:after { content: 'mobile'; } }
.left { float: left; }
.right { float: right; }
.clr { clear: both; }
.point { cursor: pointer; }
ul, ol{ margin: 1em 0; padding: 0 0 0 40px; }
.img-responsive { width: 100%; display: block; }
.vdo-responsive { width: 100%; display: block; }
.img-hidden { visibility: hidden; }
.anchor { padding-top: 40px; margin-top: -40px; }
.maxlines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.equal { overflow: hidden; }
.equal [class*="col-"]{ margin-bottom: -99999px; padding-bottom: 99999px; }
.flex, .flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
@media (max-width:766px) { .flex, .flex > div[class*='col-'] { display: block; } }
.container-fluid { max-width: 1200px; position: relative; }
.border { border: solid 1px red; }
.txt-right { text-align: right; }

@media (max-width:991px) { }
@media (max-width:766px) { }
@media (max-width:320px) { }

@media print {
	.mwr, .topgallery, footer, header, .supfooter, .boxes, .newsad, .print, .cta, .breadcrumb { display: none; }
	div[class*='col-'] { width: 100%; }
}

h1 { font-size: 22px; font-weight: 400; }
h2 { font-size: 20px; font-weight: 400; }

/* Header */
header { z-index: 9; height: 80px; background-color: #fff; width: 100%; }
header .logo { padding-top: 19px; }
header ul { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; line-height: 22px; list-style-type: none; font-size: 15px; text-transform: uppercase; }
header ul li { font-size: 14px; display: inline-block; padding: 0px 10px; }
header ul li a { border-bottom: solid 1px transparent; color: #000; display: block; padding-bottom: 2px; }
header ul li a:hover { border-color: #000; color: #000; text-decoration: none; }
header ul li a.current { border-color: #000; }
header ul .flexMenu-popup { box-shadow: 0px 0px 10px #777; z-index: 9; background-color: #fff; border: solid 1px #000; margin: 0px; padding: 0px 10px; }
header ul .flexMenu-popup li { border: 0px; white-space: nowrap; margin: 5px; padding: 5px 0px; display: block; border-bottom: solid 1px #000; }
header ul .flexMenu-popup li:last-child { border: 0px; }

header .favorites { float: right; cursor: pointer; position: relative; margin: 17px 0px 0px 0px; width: 36px; height: 31px; background-image: url(/media/1014/favorit.svg); background-size: 36px 31px; background-repeat: no-repeat; background-position: center center; }
header .favorites:hover { opacity: 0.7; }
header .favorites .amount { overflow: hidden; width: 21px; font-weight: 600; text-align: center; font-size: 13px; color: #fff; position: absolute; left: 16px; top: 1px; }
@media (max-width:766px) { 
	header .favorites { margin-right: 0px; }
}

header .search { position: relative; text-align: right; z-index: 99; margin-top: 30px; float: right; background-color: #fff; }
header .search .ico { color: #999; font-weight: 300; font-size: 13px; line-height: 18px; cursor: pointer; height: 18px; padding-left: 35px; background-image: url(/media/1016/search.svg); background-repeat: no-repeat; background-position: center left 10px; background-size: 21px 18px; }
header .search .ico:hover { opacity: 0.7; }
header .search .field { position: absolute; top: -5px; right: -110px; }
header .search .field .close { position: absolute; top: 1px; right: 2px; }
header .search .field input[type=search] { box-shadow: 0px 0px 5px #ddd; background-image: url(/media/1016/search.svg); background-repeat: no-repeat; background-position: center left 10px; background-size: 14px 14px; width: 210px; font-size: 14px; height: 25px; padding-left: 35px; border: solid 1px #efefef; border-radius: 4px; color: #000; line-height: 25px; }

/* Favorite */
.nofav { width: 100%; text-align: center; font-weight: 700; font-size: 20px; }
.favorite { cursor: pointer; z-index: 1; top: 15px; right: 30px; width: 40px; height: 33px; background-size: 39px 33px; background-repeat: no-repeat; position: absolute; }
.favorite:hover { opacity: 0.7; }
.favorite.add { background-image: url(/media/3294/add.svg); }
.favorite.remove { background-image: url(/media/3296/remove.svg); }
.favorite.delete { background-image: url(/media/3295/delete.svg); top: 25px; right: 5px; background-size: 14px 14px; }
@media (max-width:766px) { 
		
}

/* Mobile Menu */
.mobilemenu { z-index: 9; background-color: #fff; opacity: 0.95; position: absolute; top: 80px; width: 100%; max-height: calc(100% - 80px); min-height: calc(100vh - 80px); }
.mobilemenu .search { background-color: #009982; height: 50px; background-image: url(/media/3297/search-white.svg); background-repeat: no-repeat; background-position: center left 20px; background-size: 21px 18px; }
.mobilemenu .search input[type=search] { -webkit-appearance: none; -webkit-border-radius: 0; color: #fff; width: calc(100% - 50px); height: 50px; margin-left: 50px; background-color: transparent; }
.mobilemenu .search input[type=search]::-webkit-input-placeholder { color: #fff; }
.mobilemenu .search input[type=search]:-moz-placeholder { color: #fff; opacity: 1; }
.mobilemenu .search input[type=search]::-moz-placeholder { color: #fff; opacity: 1; }
.mobilemenu .search input[type=search]:-ms-input-placeholder { color: #fff; }
.mobilemenu ul { list-style: none; margin: 0px; padding: 0px; }
.mobilemenu ul li { background-color: #fafafa; padding: 0px 20px; border-bottom: solid 1px #cdcccd; text-transform: uppercase; position: relative; font-size: 16px; font-weight: 300; line-height: 50px; }
.mobilemenu ul li:last-child { }
.mobilemenu ul li .arrow { color: #1ca490; font-size: 24px; position: absolute; display: inline-block; top: 5px; right: 15px; line-height: 35px; cursor: pointer; }
.mobilemenu ul li .arrow.open { font-size: 35px; top: 5px; }
.mobilemenu ul li .arrow:hover { color: #1ca490; }
.mobilemenu ul li a { border-bottom: solid 1px transparent; color: #000; }
.mobilemenu ul li a:hover { border-color: #000; color: #000; text-decoration: none; }
.mobilemenu ul li a.current { border-color: #000; color: #000; }
.mobilemenu ul li a.current:hover { border-color: #000; color: #000; }
.mobilemenu ul li ul { margin: 0px; padding: 0px 0px 0px 10px; }
.mobilemenu ul li ul li { text-transform: capitalize; border: none; font-size: 15px; line-height: 30px; }
.mobilemenu ul li ul li .arrow { top: -5px; right: 0px; }
.mobilemenu ul li ul li .arrow.open { top: -8px; font-size: 35px; }
.mobilemenubutton { font-size: 20px; z-index: 999; background-color: #009982; color: #fff; box-shadow: 0px 0px 10px #505050; text-transform: uppercase; font-weight: 600; position: fixed; bottom: 23px; left: 20px; cursor: pointer; text-align: center; width: 65px; height: 65px; line-height: 65px; border-radius: 65px; }
.mobilemenubutton img { width: 16px; margin-top: -3px; }

/* Favorites List */
.favoriteslist h1 { font-size: 22px; }
.favoriteslist .headline { font-size: 18px; margin-top: 20px; }
.favoriteslist .products { margin-top: 15px; }
.favoriteslist .products .favorite { top: 25px; right: 5px; }
.favoriteslist .listwrap, .favoriteslist .products { padding: 0px 15px; background-color: #fff; }
.favoriteslist .listwrap .item, .favoriteslist .products .item { padding: 0px; margin: 15px 0px; }

/* Search Result */
.searchresult { padding-bottom: 30px; }
.searchresult h1 { font-size: 22px; color: #009982; padding-bottom: 10px; }
.searchresult .searchitem { margin: 10px 0px 20px 0px; cursor: pointer; }
.searchresult .searchitem:hover { opacity: 0.7; }
.searchresult .searchitem .headline { font-size: 20px; }

/* Print */
.print { cursor: pointer; text-align: right; }
.print:hover { opacity: 0.7; }
.print .title { font-size: 13px; font-style: italic; padding-right: 18px; margin-right: 5px; display: inline-block; background-image: url(/media/1554/arrow-right-green.svg); background-repeat: no-repeat; background-position: center right; background-size: 13px 10px; }
.print .icon { display: inline-block; }

/* Login */
.loginbody { background-color: #fff; }
.login { margin-top: calc(50vh - (285px/2)); height: 285px; }
.btn-green {
  padding: 10px 40px;
  background-color: #46D191;
  border-color: #46D191;
  color: #fff;
}
.btn:hover {
  color: #fff;
  opacity: 0.75;
}
.login .logo { text-align: center; margin-bottom: 40px; }
.login .headline { text-align: center; font-size: 22px; margin-bottom: 20px; }
.login .name { text-align: center;font-size: 59px; font-weight: 300; }
.login .buttonwrap { text-align: center; margin-top: 30px; }
@media (max-width:766px) {
	.login { margin-top: calc(50vh - (280px/2)); height: 220px; }
	.login .logo { margin-bottom: 20px; }
	.login .headline { font-size: 14px; }
	.login .name { font-size: 30px; }
}

/* Product Info */
.productinfo { margin-bottom: 30px; }
.productinfo .headline { text-align: center; font-size: 22px; margin: 30px 0px; }
.productinfo .headers { margin-bottom: 10px; }
.productinfo .item { cursor: pointer; margin-bottom: 5px; line-height: 22px; font-size: 14px; padding: 5px; }
.productinfo .item:hover { opacity: 0.7; }
.productinfo .item.even { background-color: #fff; }
.productinfo .item.odd { background-color: #d0e7e4; }
.productinfo .buttonwrap { text-align: right; }

/* Product */
.product { margin-bottom: 30px; }
.product .context { padding-top: 20px; }
.product .prices { margin: 20px 0px; font-size: 15px; line-height: 24px; }
.product .info { line-height: 24px; margin: 20px 0px; }
.product .info .dvr { margin: 0px; float: right; }
.product .supplier { line-height: 24px; color: #009982; margin: 20px 0px; }
.product .supplier .name { margin-top: 20px; }
.product .supplier .phone { margin-bottom: 20px; }
.product .dvr { margin-top: 20px; text-decoration: underline; }
.product .dvr a { color: #009982; font-size: 20px; }
@media (max-width:991px) { 
	.product .prices { font-size: 13px; }
}
@media (max-width:766px) { }

/* Products */
.products { margin-bottom: 30px; }
.products .amount { float: right; font-size: 14px; color: #999; margin-top: 12px; }
.products .helptext { color: #78191f; margin: 30px 0px; }
.products .helptext a { color: #78191f; text-decoration: underline; }
.products .favorite { top: 20px; right: 15px; }
.products .item { width: 100%; cursor: pointer; margin: 15px 0px; }
.products .item .image { min-height: 100px; }
.products .item:hover { opacity: 0.7; }
.products .item .text .number { font-weight: 600; margin: 5px 0px; }
.products .item .text .title {}

/* Document */
.document { padding-bottom: 30px; }
.document .highlight { background-color: yellow; }
.document .print { margin-top: 20px; }
.document h1 { font-size: 30px; margin-bottom: 5px; }
.document .text { margin-top: 20px; padding-bottom: 30px; }
@media (max-width:766px) {
	.document { padding-bottom: 15px }
	.document h1 { font-size: 28px; }
}

/* Quote */
.quote { display: block; padding: 40px 30px 0px 30px; text-align: center; margin: 40px 0px; background-image: url(/media/1555/quote.svg); background-position: top center; background-repeat: no-repeat; background-size: 43px 21px; font-size: 22px; color: #007d48; font-weight: 600; font-style: italic; }
@media (max-width:766px) {
	.quote { padding: 40px 5px 0px 5px; }
}

/* Breadcrumb */
.breadcrumb { font-size: 14px; font-weight: 300; margin: 20px 0px 10px 0px; padding: 0px; background-color: transparent; }
.breadcrumb a { color: #000; }
.breadcrumb .active { color: #000; text-decoration: underline; }

/* Buttons */
.buttons { text-align: right; margin-top: 10px; font-size: 12px; color: #fff; text-transform: uppercase; }
.buttons .downloadbutton { display: inline-block; cursor: pointer; background-color: #009982; border-radius: 4px; text-align: center; padding: 5px 10px; }
.buttons .downloadbutton:first-child { margin-right: 5px; }
.buttons .downloadbutton:hover { opacity: 0.7; }
@media (max-width:766px) {
	.buttons .downloadbutton { width: 100%; margin: 10px 0px 0px 0px; }
}

/* Deep search */
.deepsearch { width: 250px; float: right; margin-top: 3px; }
.deepsearch input[type=search] { border: 0px; border-radius: 0px; padding: 0px; box-shadow: none; border-bottom: solid 1px #c0c0c0; background-color: transparent; text-align: left; background-image: url(/media/34197/magnifier-black.png); background-repeat: no-repeat; background-position: center right; background-size: 15px 15px; }

/* Segments */
/*background-color:rgba(76, 86, 92, 0.7);*/
.form-control:focus, .form-control:active { border: transparent; -webkit-box-shadow: none; box-shadow: none; }
.segments { background-color: #009982; }
.segments.front, .segments.articlesearch { background-color: #009982; }
.segments.segmentsearch { padding-top: 20px; }
.segments.periodsearch { padding: 20px 0px; }
.segments.periodsearch .button { background-image: none; }
.segments.periodsearch .button img { width: 20px; }

.segments.simplesearch { padding: 30px 0px; }
.segments.simplesearch input[type=search] { padding-left: 20px; box-shadow: none; margin: 0px; height: 50px; background-color: #e7f3f1; border-radius: 30px 0px 0px 30px; border-color: transparent; }
.segments.simplesearch .search { width: 500px; }
.segments.simplesearch .button { font-size: 50px; line-height: 50px; border: none; background-image: none; color: #fff; padding: 0px; width: 60px; border-radius: 0px 30px 30px 0px; background-color: #58585a !IMPORTANT; height: 50px !IMPORTANT; }
.segments.simplesearch .button img { width: 25px !IMPORTANT; margin: -10px 0px 0px -5px; }

.segments.articlesearch { padding: 30px 0px; }
.segments.articlesearch input[type=search] { padding-left: 20px; box-shadow: none; margin: 0px; height: 50px; background-color: #e7f3f1; border-radius: 30px 0px 0px 30px; border-color: transparent; }
.segments.articlesearch .search { width: 500px; }
.segments.articlesearch .button { font-size: 50px; line-height: 50px; border: none; background-image: none; color: #fff; padding: 0px; width: 60px; border-radius: 0px 30px 30px 0px; background-color: #58585a !IMPORTANT; height: 50px !IMPORTANT; }
.segments.articlesearch .button img { width: 25px !IMPORTANT; margin: -10px 0px 0px -5px; }

.segments.freesearch.front { background-color: transparent; margin-top: 100px; }
.segments.freesearch.front .search { width: 500px; }
.segments.freesearch.front input[type=search] { padding-left: 20px; box-shadow: none; margin: 0px; font-size: 20px; height: 50px; background-color:rgba(255, 255, 255, 0.7); border-radius: 30px 0px 0px 30px; border-color: transparent; }
.segments.freesearch.front .button { font-size: 50px; line-height: 50px; border: none; background-image: none; color: #fff; padding: 0px; width: 60px; border-radius: 0px 30px 30px 0px; background-color: #009982 !IMPORTANT; height: 50px !IMPORTANT; }
.segments.freesearch.front .button img { width: 25px !IMPORTANT; margin: 12px 0px 0px 13px; }

.segments .reset { line-height: 33px; }
.segments .reset a { color: #fff; }
.segments .datepicker { cursor: pointer; z-index: 999; }
.segments .button { height: 32px; line-height: 30px; }
.segments .buttonwrap { margin-left: 10px; border: solid 1px #009982; }
.segments.front .buttonwrap { border: solid 1px #fff; }
.segments div[class*='col-'] { padding: 0px 5px; }
.segments .seperator { display: none; padding-right: 5px; text-align: right; }
@media (max-width:991px) { 
	.segments .seperator { padding-right: 3px; }
}
@media (max-width:766px) { 
	.segments .reset { text-align: center; }
	.segments.freesearch.front { background-color: transparent; margin-top: 120px; }
	.segments.freesearch.front .search { width: 280px; }
	.segments.freesearch.front input[type=search] { font-size: 12px; height: 40px; }
	.segments.freesearch.front .button { font-size: 20px; line-height: 40px; }
	.segments.periodsearch .buttonwrap { right: 20px; }
	.segments.deepsearch .buttonwrap { right: 60px; }
	.segments.deepsearch .search { width: 195px; }
	.segments .selectwrap { margin: 5px 0px; }
	.segments .button { background-image: none !IMPORTANT; padding: 0px 20px; }
}

/* Ad */
.ad { cursor: pointer; padding: 10px; background-color: #fff; }
.ad:hover { opacity: 0.7; }

/* Listwrap */
.listwrap { margin-bottom: 30px; }
.listwrap .item { cursor: pointer; width: 100%; margin-bottom: 30px; }
.listwrap .item:hover { opacity: 0.7; }
.listwrap .item .text { padding: 30px 15px; }
.listwrap .item .text .date { margin-bottom: 5px; }
.listwrap .item .text .headline { font-size: 25px; line-height: 30px; font-weight: 300; margin-bottom: 10px; }
@media (max-width:766px) {
	.listwrap .item { margin-bottom: 15px; }
}

/* List */
.list { background-color: #fff; padding: 10px 15px; margin-top: 10px; }
.list h1 { margin-bottom: 30px; text-align: center; }
.list ul { margin: 0px 0px 20px 0px; padding: 0px; line-height: 22px; list-style-type: none; }
.list ul li { font-size: 16px; display: inline-block; }
.list ul li a { padding: 5px 15px; color: #000; display: block; }
.list ul li a:hover { color: #fff; background-color: #009982; text-decoration: none; }
.list ul li a.current { color: #fff; background-color: #009982; }
.list ul .flexMenu-popup { box-shadow: 0px 0px 10px #777; z-index: 9; background-color: #fff; border: solid 1px #000; margin: 0px; padding: 0px 10px; }
.list ul .flexMenu-popup li { border: 0px; white-space: nowrap; margin: 5px; padding: 5px 0px; display: block; border-bottom: solid 1px #000; }
.list ul .flexMenu-popup li:last-child { border: 0px; }
.list .item { border: solid 1px #efefef; }
.list .item .text { padding-top: 15px; }

/* List Simple */
.listsimple { background-color: #fff; padding: 10px 15px; margin-top: 10px; }
.listsimple h1 { margin-bottom: 30px; text-align: center; }

/* Context */
.context { background-color: #fff; padding: 10px 15px 30px 15px; margin-top: 10px; }
.context .print { margin-top: 12px; text-align: left; }
.context .cta { text-align: right; }
.context .favorite { top: 25px; }

/* Form Error */
select.error, input[type=password].error, input[type=tel].error, input[type=email].error, input[type=text].error, textarea.error { border: solid 1px #061f5c;}
.errormsg { display: inline-block; margin: 10px 0px 0px 0px; font-weight: normal; position: relative; color: #fff; background-color: #061f5c; border-radius: 6px; padding: 5px 15px; line-height: 20px; white-space: nowrap; }
.errormsg .arrow { z-index: 1; position: absolute; top: -8px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #061f5c; }
.wronglogin { margin: 0px 0px 10px 0px; text-align: center; font-weight: normal; position: relative; color: #fff; background-color: #061f5c; border-radius: 6px; padding: 5px 15px; line-height: 20px; white-space: nowrap; }
form input[type=text], input[type=password], form input[type=email], form input[type=search] { height: 38px; background-color: #f3f3f3; }
form .submitbutton { text-align: center; }
form .submitbutton input[type=submit], form .submitbutton input[type=button] { cursor: pointer; font-size: 16px; min-width: 150px; padding: 0px 30px; display: inline-block; line-height: 40px; height: 40px; color: #fff; border-radius: 4px; background-color: #ff3366; }
form .submitbutton input[type=submit]:hover, form .submitbutton input[type=button]:hover { opacity: 0.7; }
form textarea { resize: none; background-color: #f3f3f3 !important; }
@media (max-width:766px) { 
	form .submitbutton input[type=submit], form .submitbutton input[type=button] { width: 100%; font-size: 16px; }
}

/* Button */
.button { background-image: url(/media/1009/arrow-white.svg); background-position: center right 20px; background-repeat: no-repeat; background-size: 18px 14px; text-align: center; cursor: pointer; display: inline-block; text-transform: uppercase; height: 45px; line-height: 42px; font-size: 15px; padding: 0px 50px 0px 20px; border-radius: 2px; }
.button.small { background-image: none; height: 22px; line-height: 22px; text-align: center; padding: 0px 10px; }
.button:hover { opacity: 0.7; }
.button.green { color: #fff; border: solid 1px #009982; background-color: #009982; }
.button.trans { color: #fff; border: solid 1px #fff; background-color: transparent; }

/* Horizontal line */
.hline { height: 1px; padding: 0px; width: 100%; background-color: #ddd; }

/* Responsive items */
table { max-width: 100%; height: auto !important; }
img { max-width: 100%; height: auto !important; }
iframe { max-width: 100%; max-height: auto !important; }

/* Fluid Youtube Video */
.vdowrap { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.vdowrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* News and Ad */
.newsad { margin: 30px 0px; padding: 30px 0px; background-color: #fff; }
.newsad .ad { cursor: pointer; }
.newsad .ad:hover { opacity: 0.7; }
@media (max-width:766px) {
	.newsad { margin: 0px; }
	.newsadmobile { background-color: #fff; }
}

/* MWR */
.mwr { margin-top: 10px; }
.mwr .newsletter { padding: 20px; }
.mwr .ad { margin-top: 20px; }
@media (max-width:766px) {
	.mwr .newsletter { margin-bottom: 0px; }
	.mwr .ad { margin-top: 10px; }
}

/* Pagemenu */
.pagemenubutton { cursor: pointer; margin-bottom: 5px; width: 100%; font-weight: 600; }
.pagemenu { margin-bottom: 20px; padding: 20px; background-color: #fff;  }
.pagemenu ul { list-style: none; margin: 0px; padding-left: 0px; }
.pagemenu ul li { position: relative; font-weight: 300; line-height: 30px; }
.pagemenu ul li:last-child { }
.pagemenu ul li .arrow { color: #1ca490; font-size: 24px; position: absolute; display: inline-block; top: -6px; right: 5px; line-height: 35px; cursor: pointer; }
.pagemenu ul li .arrow.open { font-size: 35px; top: -6px; }
.pagemenu ul li .arrow:hover { color: #1ca490; }
.pagemenu ul li a { border-bottom: solid 1px transparent; color: #000; }
.pagemenu ul li a:hover { border-color: #000; color: #000; text-decoration: none; }
.pagemenu ul li a.current { border-color: #000; color: #000; }
.pagemenu ul li a.current:hover { border-color: #000; color: #000; }
.pagemenu ul li ul { padding-left: 15px; }
.pagemenu ul li ul li { border: none; line-height: 25px; }
.pagemenu ul li ul li .arrow { top: -5px; }
.pagemenu ul li ul li .arrow.open { top: -8px; font-size: 35px; }
@media (max-width:766px) {
}

/* Newsletter */
.newsletter { background-color: #fff; }
.newsletter .headline { font-size: 22px; }
.newsletter .teaser { font-size: 15px; margin: 10px 0px 19px 0px; }
@media (max-width:766px) {
	.newsletter { margin-bottom: 30px; }
}

/* Top Products */
.supfooter { min-height: 100px; padding: 30px 0px; background-color: #f5f5f5; }
.supfooter .topproducts { position: relative; background-color: #fff; padding: 25px 10px; }
.supfooter .topproducts .header { text-align: center; font-size: 22px; margin-bottom: 30px; }
.supfooter .topproducts .viewall { padding-right: 15px; background-image: url(/media/2068/arrow-right-grey.svg); background-repeat: no-repeat; background-size: 9px 16px; background-position: right center; position: absolute; top: 35px; right: 50px; font-size: 13px; text-transform: uppercase; cursor: pointer; color: #666666; float: right; }
.supfooter .topproducts .viewall:hover { opacity: 0.7; }
.supfooter .topproducts .topproductslider { overflow: hidden; margin: 0px; padding: 0px 15px; }
.supfooter .topproducts .topproductslider .next, .supfooter .topproducts .topproductslider .prev { padding: 10px 0px; z-index: 99; cursor: pointer; position: absolute; top: calc(50% - 17px); }
.supfooter .topproducts .topproductslider .prev { left: 0px; }
.supfooter .topproducts .topproductslider .next { right: 0px; }

.supfooter .topproducts .topproductslider.listwrap .item { background-color: #fff; border: solid 1px #efefef; margin-bottom: 0px; }
@media (max-width:766px) {
	.supfooter .topproducts { background-color: transparent; padding: 0px; }
	.supfooter .topproducts .topproductslider { padding: 0px; }
	.supfooter .topproducts .topproductslider.listwrap .item { padding: 0px; }
	.supfooter .topproducts .topproductslider .next, .supfooter .topproducts .topproductslider .prev { width: 40px; background-color: #f5f5f5; top: 60px; }
	.supfooter .topproducts .topproductslider .prev { left: 0px; text-align: right; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
	.supfooter .topproducts .topproductslider .next { right: 0px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
	.supfooter .topproducts .topproductslider .next img, .supfooter .topproducts .topproductslider .prev img { width: 18px; height: 14px; }
	.supfooter .topproducts .topproductslider .next img { margin-left: 7px; }
	.supfooter .topproducts .topproductslider .prev img { margin-right: 7px; }
}

/* Top Gallery */
.popupimage {}
.popupimage .closeit { cursor: pointer; position: absolute; right: 20px; top: 20px; }
.popupimage .closeit:hover { opacity: 0.7; }
.topgallery { overflow: hidden; margin: 0px; padding: 0px; }
.topgallery .mediawrap { overflow: hidden; background-color: #000; min-height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.topgallery .mediawrap .imgtxt { overflow: hidden; margin-top: 3%; text-align: center; color: #fff; }
.topgallery .mediawrap .imgtxt .headline { font-size: 59px; font-weight: 300; }
.topgallery .mediawrap .imgtxt .teaser { font-size: 18px; font-weight: 300; }
.topgallery .mediawrap .play-button { margin-top: 30px; min-height: 66px; width: 66px; color: #fff; cursor: pointer; position: relative; left: calc(50% - 33px); }
.topgallery .mediawrap .play-button:hover { opacity: 0.7; }
.topgallery .mediawrap .play-button.txt { margin-top: 20px; }
.topgallery .mediawrap .play-button .circle { width: 66px; height: 66px; border-radius: 66px; border: solid 2px #fff; }
.topgallery .mediawrap .play-button .circle .inner { width: 62px; height: 62px; border-radius: 62px; background-color: #fafafa; opacity: 0.2; }
.topgallery .mediawrap .play-button .triangle { position: absolute; top: calc(50% - 23px); left: calc(50% - 3px); width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; }
.topgallery .mediawrap .play-button .title { font-size: 15px; text-align: center; margin-top: 10px; }
/*.topgallery .mediawrap .button { margin-top: 30px; }*/
.topgallery .slick-dots { display: none; }
.topgallery .next, .topgallery .prev { padding: 10px 0px; z-index: 99; cursor: pointer; position: absolute; top: calc(50% - 17px); }
.topgallery .prev, .topgallery .next { width: 50px; }
.topgallery .prev:hover, .topgallery .next:hover { opacity: 0.7; }
.topgallery .prev { left: 100px; }
.topgallery .next { right: 100px; }
.topgallery .next img, .topgallery .prev img { width: 34px; }

.topgallery .slick-dots { text-align: center; margin: 0px; padding: 0px; width: 100%; list-style-type: none; position: absolute; bottom: 10px; }
.topgallery .slick-dots li { margin: 0px 5px 10px 5px; display: inline-block; }
.topgallery .slick-dots li:first-child { margin-left: 0px; }
.topgallery .slick-dots li button { font-size: 0px; margin: 0px; padding: 0px; width: 10px; height: 10px; background-color: #9b9b9a; border-radius: 10px; border: solid 1px #9b9b9a; }
.topgallery .slick-dots li button:before { font-size: 0px; }
.topgallery .slick-dots li.slick-active button { background-color: #007d48; border-color: #007d48; opacity: 1; }
@media (max-width:766px) {
	.topgallery .mediawrap { min-height: 280px; }
	.topgallery .mediawrap .imgtxt { margin-top: 15%; }
	.topgallery .mediawrap .imgtxt .headline { font-size: 30px; }
	.topgallery .slick-dots { bottom: 20px; }
	.topgallery .slick-dots li { margin: 0px 10px; }
	.topgallery .slick-dots li button { width: 23px; height: 23px; opacity: 0.5; }	
}

/* Boxes */
.boxes { margin-bottom: 30px; }
.boxes .headline { text-align: center; font-size: 22px; padding-bottom: 5px; margin-top: 30px; }
.boxes .box { width: 100%; margin-top: 30px; cursor: pointer; }
.boxes .box:hover { opacity: 0.7; }
@media (max-width:766px) { 
	.boxes { margin: 0px; padding: 10px 5px 10px 5px; }
	.boxes .headline { margin-bottom: 15px; }
	.boxes .box { margin: 0px; }
	.boxes .row.flex div[class^="col"]{ padding: 5px; }
}

/* Footer */
footer { font-size: 16px; padding: 40px 0px; color: #fff; min-height: 325px; background-color: #4c565c; }
footer a, footer a:hover { color: #fff; }
footer .menu { }
footer .menu .headline { font-size: 24px; margin-bottom: 15px; }
footer .menu ul { margin: 0px; padding: 0px; line-height: 22px; list-style-type: none; font-size: 16px; }
footer .menu ul li { margin-bottom: 10px; }
footer .menu ul li a { border-bottom: solid 1px transparent; }
footer .menu ul li a:hover { border-color: #fff; text-decoration: none; }
footer .menu ul li a.current { border-color: #fff; }
footer .footerquote { padding-top: 40px; text-align: center; font-weight: 600; font-style: italic; font-size: 22px; }
footer .contact { text-align: center; }
footer .contact .headline { font-size: 24px; }
footer .contact .phone { margin: 15px 0px 5px 0px; }
@media (max-width:766px) {
	footer .menu { text-align: center; }
	footer .footerquote { margin-bottom: 40px; }
}