/* Template: Basistemplate AQ4Aquaristik Version: 1.1 based on Design & Development by Easy-Template */ /* All Data */ 

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h1,.h2,.h3,h1,h2,h3{margin-top:5px;margin-bottom:5px}
:root{--init-template-columns:60% 40%;--main-column: 1 / span 1;--full-line-column: 1 / span 2;--main-padding: 0 0 0 10px;}


.PlentyArticleCharacterBLOCK {
display: inline-block;
width: 100%;
}

.PlentyArticleCharacterBLOCK .PlentyArticleCharacterZeile {
	display: grid; 
  	grid-template-columns:minmax(min-content, 150px) minmax(max-content, 1fr);
  	grid-column-gap: 10px; 
  	grid-auto-flow: row; 
  	grid-auto-rows: 1fr;
  	justify-items:start;
  	align-items:start;
}

.PlentyArticleCharacterBLOCK .PlentyArticleCharacterZeile .PlentyArticleCharacterName{
  	justify-self:start;
  	align-self:start;
}

.PlentyArticleCharacterBLOCK .PlentyArticleCharacterZeile .PlentyArticleCharacterValue {
  	justify-self:start;
  	align-self:start;
}


@media screen and (max-width: 1000px) {
	.init {grid-template-columns:1fr 1fr;}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main{width: 59%; padding:0 !important;}
	.links{display:none;}
	.text-box-list{width: 40%;}
	.right-text{width: auto;}
	.left{width: 83%;}
}

.init{font-family: 'Open Sans';}
:root{--searchBox-paddingTop: 7px;--menu-mouseover-color: #0a60a6;}
.article-title{font-size:28px;color:#0a60a6;}
.gallery{margin-top: 10%;}
.gallery-body{position: relative;}
.gallery>.gallery-body a img{max-width:80%; max-height: 80%; left:0; right:0;; top:0; bottom:10%;}
.gallery-navigation{position: relative;bottom:10%;}
.zoom-img{ left:10%;}
.gallery-navigation label {border: 1px solid #0a60a6;}
.gallery-navigation label:hover {border: 1px solid #0a60a6;opacity: 1;}
.gallery-navigation label {display: inline-block;}
#zoom1:target~.gallery-body a #zoomImg1,#zoom2:target~.gallery-body a #zoomImg2,#zoom3:target~.gallery-body a #zoomImg3,#zoom4:target~.gallery-body a #zoomImg4,#zoom5:target~.gallery-body a #zoomImg5{width: 100%;display: block;max-width: unset;max-height: unset;left: 1%;top: 1%;}
.gallery input[type=radio] {visibility: hidden;margin: 0;padding: 0;height: 0;width: 0;position: absolute;}
#img1:checked~.gallery-body a #img-big2,#img1:checked~.gallery-body a #img-big3,#img1:checked~.gallery-body a #img-big4,#img1:checked~.gallery-body a #img-big5{display: none;}
#img1:checked~.gallery-body a #img-big1 {display: block;}
#img2:checked~.gallery-body a #img-big3,#img2:checked~.gallery-body a #img-big4,#img2:checked~.gallery-body a #img-big5{display: none;}
#img2:checked~.gallery-body a #img-big2 {display: block;}
#img3:checked~.gallery-body a #img-big2,#img3:checked~.gallery-body a #img-big4,#img3:checked~.gallery-body a #img-big5{display: none;}
#img3:checked~.gallery-body a #img-big3 {display: block;}
#img4:checked~.gallery-body a #img-big2,#img4:checked~.gallery-body a #img-big3,#img4:checked~.gallery-body a #img-big5{display: none;}
#img4:checked~.gallery-body a #img-big4 {display: block;}
#img5:checked~.gallery-body a #img-big2#img5:checked~.gallery-body a #img-big3#img5:checked~.gallery-body a #img-big4{display: none;}
#img5:checked~.gallery-body a #img-big5 {display: block;}
#img1:checked+.imglabel,#img2:checked+.imglabel,#img3:checked+.imglabel,#img4:checked+.imglabel,#img5:checked+.imglabel{opacity: 1.0;}
.head-col-1{width:50%}
.head-col-2{width:50%}
.header{background-color: #ffffff;} 
.header img{width:35%;max-width:100%;}


@media screen and (max-width: 800px) {
	.header img{width:35%;padding-bottom:0px;}
}

@media screen and (max-width: 500px) {
	.header img{width:55%;padding-bottom:0px;}
}

@media screen and (max-width: 410px) {
	.header img{width:55%;padding-bottom:0px;}
}

@media screen and (max-width: 360px) {
	.header img{width:55%;padding-bottom:0px;}
}

@media screen and (max-width: 320px) {
	.header img{width:55%;padding-bottom:0px;}
}

.head-col-1{width:50%}
.head-col-2{width:50%}
.text-logo i{color:#6262de;float: left;}
.text-logo {font-size: 34px;line-height: 1.2;color: #0b0d0c;text-shadow: 2px 2px #e8e8e8;font-family: 'Arial Verdana', Sans-serif;font-weight: bold;padding-top: 10px;}
.headerFieldText {color: #0a60a6;font-size: 14px;float: right; padding-right: 20px;}
.headerFieldText i{color: #0a60a6;}
.headerFieldText span{color: #0a60a6;}
.headerFieldText svg {width: 14px; height:14px;}
.headerFieldText img {width: 14px; height:14px;color: #0a60a6;}
.headerFieldText path{fill: #0a60a6}
.right-text {line-height:20pt;}
.box ul {list-style: none; padding-inline-start: 20px;}
.box li {list-style: none;margin-left: 15pt;}
.box li::before{content: '✓';display: inline-block; width:1em; color:#0a60a6;font-size: larger;margin-left: -14pt;}
.box {height: auto;}
.content{font-size: 11pt}
.content svg{width: 11pt; height:11pt;}
#tab2,#tab3,#tab4,#tab5#tab6{display: none;}
#tab1:checked~#content1 {display: block;}
#tab1:checked~#content2,#tab1:checked~#content3,#tab1:checked~#content4,#tab1:checked~#content5{display: none;}
#tab2:checked~#content2 {display: block;}
#tab2:checked~#content1,#tab2:checked~#content3,#tab2:checked~#content4,#tab2:checked~#content5{display: none;}
#tab3:checked~#content3 {display: block;}
#tab3:checked~#content1,#tab3:checked~#content2,#tab3:checked~#content4,#tab3:checked~#content5{display: none;}
#tab4:checked~#content4 {display: block;}
#tab4:checked~#content1,#tab4:checked~#content2,#tab4:checked~#content3,#tab4:checked~#content5{display: none;}
#tab5:checked~#content5 {display: block;}
#tab5:checked~#content1#tab5:checked~#content2#tab5:checked~#content3#tab5:checked~#content4{display: none;}
#tab1:checked+.tablabel,#tab2:checked+.tablabel,#tab3:checked+.tablabel,#tab4:checked+.tablabel,#tab5:checked+.tablabel{
	background: #0a60a6;color: #ffffff;text-decoration: none;cursor: pointer;transition: all 0.1s;
	}
.tablabel {color: #ffffff;background: linear-gradient(to left top, #0a60a6, #0a60a6);padding-right: 5px; padding-left: 5px;min-width: calc(19% - 10px);font-size: 18pt;}
.tablabel:hover {background: #0a60a6;color: #ffffff;}
.content {color: #000000; background: #ffffff;border: 0px;padding: 20px 20px;line-height:20pt;}
.promise {background: linear-gradient(to left top, #0a60a6, #0a60a6);}
.promise h2 {font-size: 34px;text-shadow: 2px 2px #042642;}
.promisBlockText{color: #0a60a6;}
.promisBlockText path{fill: #0a60a6;}
.promisBlock p{color: #0a60a6;}
.promiseBlock .icon {color: #0a60a6;}
.promise h3 {text-shadow: 2px 2px #042642;}
.promiseBlock {box-shadow: 10px 10px 5px #042642;}
.powered {color: white;}
.powered a{color: white;}
.article-box:hover {border: 2px solid #6262de;} 
.article-box {width:18%; margin-right:1%; margin-top:1%;min-height: auto;} 
.article-box p {color: #6262de;}
.topSeller-text {border-bottom: 3px solid #6262de;} 

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (max-width: 755px) {
	@supports (-webkit-appearance: none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
		.topSeller {display: none !important;}
		.freeImages {display: none !important;}
		.button-price {background: #0a60a6 !important;}
	}
}

.menu-item {float: left;display: flex;}
.dropdown{float: left;display: flex;}
.menue-bar{background: linear-gradient(to left top, #0a60a6, #0a60a6);}
.menu-item a {color: #ffffff;}
.dropdown .dropbtn {color: #ffffff;}
.menu-item:hover {background: #0a60a6;}
.dropdown:hover {background-color:#0a60a6;}
.menubutton {background-color:#0a60a6;color: #ffffff;}
.menubutton2 {background-color:#0a60a6;color: #ffffff;}




@media screen and (max-width: 755px) {
	#menubutton1:checked~.menu-item {display: inline-flex;}
	#menubutton1:checked~.menubutton2 {display: inline-flex;}
	#menubutton1:checked~.menubutton {display: none;}
}

.features { text-align: center; grid-column: var(--full-line-column);background-color: #dd0c0c;}
.feature-item {display: inline-block; text-align: center; padding: 10px 20px 10px 20px;color: #0b0d0c;font-size:14;}
.feature-item i { padding-right: 5px;}
.et-tooltip {position: relative;display: inline-block; font-weight: unset; border-bottom: 1px dotted black;}
.et-tooltip .et-tooltiptext {visibility: hidden; width: 200px; background-color: #0a60a6; color: #ffffff; text-align: center;padding: 5px; border-radius: 6px; position: absolute; z-index: 1; bottom: 125%;left: 50%; margin-left: -100px;}
.et-tooltip .et-tooltiptext::after {content: ''; position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid; border-color: #555 transparent transparent transparent;}
.et-tooltip:hover .et-tooltiptext {visibility: visible;opacity: 1;}
.right-text ul {list-style: none;padding-inline-start: 0px;}
.right-text li {list-style: none; margin-left: 15pt;}
.right-text li::before{content: '✓';display: inline-block; width:1em; color:#0a60a6;font-size: larger; margin-left: -14pt;}
.button-price {color: #ffffff;}
.button-price{background: linear-gradient(to left top, #0a60a6, #0a60a6);}
.button-price:hover{background: #0a60a6;}
.button-right:hover{background: #0a60a6;}
.button-right{background: linear-gradient(to left top, #0a60a6, #0a60a6);}
.right-title {font-size:28px;color:#0a60a6;}
.right-price {color: #0a60a6;}
.price-link:hover {color: #0a60a6 !important;}
.price-link, .price-box {color: #0a60a6 !important;}
.price-link i {color: #0a60a6;}
.button-right {color: #ffffff;}
.right-panel a {color: #ffffff;}
.right-text, variation{font-size: 10pt;color: #000000}
.right-text path{fill: #000000}
.right-text svg {width: 10pt; height:10pt;}


@media screen and (max-width: 755px) {
	.price-link{ background: linear-gradient(to left top, #0a60a6, #0a60a6); color:#ffffff !important; }
	.price-link:hover{color:#ffffff !important;}
	.price-link i{color:#ffffff !important;}
}

.init {display: grid;grid-column-gap: 0px;grid-template-columns: var(--init-template-columns);background-color: white;}
.header {grid-column: var(--full-line-column);grid-row: 1;padding-bottom: 10px;}
.banner {grid-column: var(--full-line-column);grid-row: 1;background-color: white;padding-bottom: 20px;}
.main {grid-column: var(--main-column);padding: var(--main-padding);}
.links {background-color: white;margin-top: 20px;}
.tabs {grid-column: var(--full-line-column);}
.topSeller {grid-column: var(--full-line-column);padding-bottom: 50px;background-color: white;text-align: center;}
.content-img-right {float: right;margin-top: 0;margin-right: 30px;margin-bottom: 20px;margin-left: 30px;max-width: 50%;}
.content-img-left {float: left;margin-top: 0;margin-right: 30px;margin-bottom: 20px;margin-left: 30px;max-width: 50%;}
.freeImages {grid-column: var(--full-line-column);padding-bottom: 50px;background-color: white;text-align: center;}
.freeImages-title {font-weight: normal;line-height: 1em;font-size: x-large;margin-bottom: 20px;padding-top: 40px;padding-bottom: 10px;color: #333;padding-left: 10px;text-align: left;}
.topSeller-text {font-weight: normal;line-height: 1em;font-size: x-large;margin-bottom: 20px;padding-top: 40px;padding-bottom: 10px;color: #333;padding-left: 10px;text-transform: uppercase;text-align: left;}
.testimonials {grid-column: var(--full-line-column);padding-bottom: 50px;background-color: white;text-align: center;}
.testimonials-text {font-weight: normal;line-height: 1em;font-size: x-large;margin-bottom: 20px;padding-top: 40px;padding-bottom: 10px;color: #333;padding-left: 10px;text-transform: uppercase;text-align: left;}
.testimonials-box {text-align: center;vertical-align: text-top;min-width: 220px;color: #575756;padding: 5px;border: 2px solid #e6e6e6;box-sizing: border-box;box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);min-height: 165px;display: inline-block;margin-right: 1%;margin-top: 1%;}
.testimonials-box .text {font-size: 14px;text-align: center;font-style: italic;float: left;}
.testimonials-box p {font-weight: bold;font-size: 14px;text-align: center;float: left;width: 100%;}
.blockquote {margin-left: 10px;}
.quotat {float: left;font-family: serif;font-size: 50px;line-height: 0.6;}
.quotat-end {float: right;font-family: serif;font-size: 50px;line-height: 1;}
.carousel {grid-column: var(--full-line-column);}
img {max-width: 100%;vertical-align: middle;}
.bottom-image {grid-column: var(--full-line-column);width: var(--bottom-image-width);padding-top: var(--bottom-image-padding-top);padding-bottom: var(--bottom-image-padding-bottom);margin-left: var(--bottom-image-margin-left);margin-right: var(--bottom-image-margin-right);}
.promise {grid-column: var(--full-line-column);grid-row: 14;width: 100%;}
svg {width: 16px;height: 16px;vertical-align: text-top;}
.foot {grid-column: var(--full-line-column);grid-row: 15;}
.footColumn ul {padding-left: 20px;}
.footColumn {float: left;min-height: 160px;font-size: 12px;}
.footColumn h2 {font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 1.2;margin: 0 0 26px 0;padding: 20px 0 7px 0;}
.footColumn p {margin: 0;padding: 0;}
.bottom-image img {width: 100%;}
.bottom-image video {width: 100%;}
.right-panel {max-width: 100%;padding-right: 10px;}
.button-right {display: inline-block;padding: 8px;margin-top: 20px;text-align: center;margin-right: 10px;}
.right-panel a {text-decoration: none;}
.right-title {text-align: left;margin-top: 15px;}
.right-subtitle {font-size: 12px;margin-top: 5px;color: gray;}
.right-price {font-size: 23px;margin: 45px 0 0px;font-weight: 400;}
.right-text {margin-top: 15px;float: left;max-width: 100%;width: 100%;}
.promiseBlock {display: inline-block;margin: 35px 2% 40px 2%;height: 300px;padding: 0 1%;width: 16%;min-width: 200px;transition: all 0.2s;vertical-align: top;background-color: #fff;border-top-right-radius: 50px;border-bottom-left-radius: 50px;}
.promisBlockText {text-align: left;font-weight: bold;font-size: 16px;padding: 40px 10px 20px 0px;line-height: 1.5;}
.promiseBlock .icon {text-align: center;}
.promiseBlock h3 {color: white;text-transform: uppercase;line-height: 1.2;text-align: center;font-weight: bold;top: -35px;position: relative;font-size: 18px;}
.promiseContainer {text-align: center;padding-top: 60px;padding-bottom: 30px;}
.promise h2 {line-height: 1.2;color: white;text-transform: uppercase;text-align: center;font-weight: bold;padding-top: 50px;}


@media screen and (max-width: 480px) {
	.promise h2 {font-size: 26px;}
}

.menubutton {height: 16px;width: 16px;cursor: pointer;display: none;padding: 16px;text-decoration: none;}
.menubutton2 {height: 16px;width: 16px;cursor: pointer;display: none;padding: 16px;text-decoration: none;}
.menue-bar input[type=radio] {visibility: hidden;margin: 0;padding: 0;height: 0;width: 0;position: absolute;}
.menu-icon {cursor: pointer;display: flex;height: 48px;width: 48px;float: left;background-color: var(--menu-mouseover-color);}
.menu-icon a {color: white;text-decoration: none;margin: auto;}
#menu-bn-off {display: none;}
#menubutton:target~.menu-item {display: inline-flex;}
#menubutton:target~#menu-bn-on {display: none;}
#menubutton:target~#menu-bn-off {display: block;}
#menubutton-hide:target~.menu-item {display: none;}
#menubutton1:checked~.dropdown {display: inline-flex;}
.gallery {width: 100%;position: relative;height: 100%;text-align: center;}
.gallery-body {min-height: 500px;}
.gallery>.gallery-body a img {position: absolute;transition: all 0.5s;display: none;margin: auto;outline: none;border: none;}
.gallery label {margin: 0 15px 20px 0px;cursor: pointer;transition: all 0.5s;opacity: 0.6;z-index: 10;position: relative;width: 70px;height: 70px;vertical-align: middle;display: inline-flex;}
.gallery label img {margin: auto;max-width: 100%;max-height: 100%;}
.searchButton {display: inline-block;padding: 10px 10px 8px;text-align: left;text-decoration: none;font-weight: 500;font-size: 15px;text-transform: uppercase;color: #b3b0b0;background-color: white;border: 1px solid #aaa;}
.searchBox {display: inline-flex;margin-top: var(--searchBox-paddingTop);text-decoration: none;float: right;}
.searchIcon {padding: 10px 10px 0 10px;color: white;}
@keyframes scale {0% {transform: scale(0.8);opacity: 0;}50% {transform: scale(1.02);opacity: 0.5;}100% {transform: scale(1);opacity: 1;}}

.scale {animation-name: scale;}
.animate {animation-duration: 1s;animation-fill-mode: both;}
.zoom-img {display: none;position: absolute;cursor: zoom-out;z-index: 99 !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.zoom-in {cursor: zoom-in;}#tumb1:target~a #img1,#tumb2:target~a #img2,#tumb3:target~a #img3,#tumb4:target~a #img4,#tumb5:target~a #img5,#tumb6:target~a #img6,#tumb7:target~a #img7,#tumb8:target~a #img8,#tumb9:target~a #img9,#tumb10:target~a #img10,#tumb11:target~a #img11,#tumb12:target~a #img12,#tumb13:target~a #img13,#tumb14:target~a #img14,#tumb15:target~a #img15,#tumb16:target~a #img16 {display: block;}
#img1 {display: block;}
#tumb2:target~a #img1,#tumb3:target~a #img1,#tumb4:target~a #img1,#tumb5:target~a #img1,#tumb6:target~a #img1,#tumb7:target~a #img1,#tumb8:target~a #img1,#tumb9:target~a #img1,#tumb10:target~a #img1,#tumb11:target~a #img1,#tumb12:target~a #img1,#tumb13:target~a #img1,#tumb14:target~a #img1,#tumb15:target~a #img1,#tumb16:target~a #img1 {display: none;}
#tumb1:target~label a[href='#tumb1'],#tumb2:target~label a[href='#tumb2'],#tumb3:target~label a[href='#tumb3'],#tumb4:target~label a[href='#tumb4'],#tumb5:target~label a[href='#tumb5'],#tumb6:target~label a[href='#tumb6'],#tumb7:target~label a[href='#tumb7'],#tumb8:target~label a[href='#tumb8'],#tumb9:target~label a[href='#tumb9'],#tumb10:target~label a[href='#tumb10'],#tumb11:target~label a[href='#tumb11'],#tumb12:target~label a[href='#tumb12'],#tumb13:target~label a[href='#tumb13'],#tumb14:target~label a[href='#tumb14'],#tumb15:target~label a[href='#tumb15'],#tumb16:target~label a[href='#tumb16'] {display: block;}
.article-title {text-align: center;padding-top: 10px;padding-bottom: 10px;font-style: normal;font-weight: normal;}
.tabs label:last-of-type {margin-right: 0;}
.tablabel:hover {text-decoration: none;cursor: pointer;transition: all 0.1s;}
.tablabel {display: inline-block;margin-left: -4px;margin-right: 1%;padding-top: 0;line-height: 45px;text-align: center;transition: all 0.1s;margin-bottom: 10px;}
.tabs input[type=radio] {visibility: hidden;margin: 0;padding: 0;height: 0;width: 0;position: absolute;}
* {margin: 0;}
.tabs {display: flow-root;position: relative;width: 100%;margin-top: 20px;}
.tab {display: flex;list-style: none;overflow: hidden;padding: 0;}
.tab li {display: inline;}
.tab li a {white-space: nowrap;padding: 5px 10px;text-decoration: none;float: left;display: block;margin-left: -1px;position: relative;margin-right: 5px;left: 1px;z-index: 1;padding: 15px 25px;border: 1px solid}
.content {overflow: hidden;position: relative;text-align: initial;}
.box {overflow: auto;position: relative;overflow-x: hidden;z-index: 0;display: none;}
.elm-hidden {display: none;}
.tablink {display: none;}.dropdown {overflow: hidden;height: 48px;}
.dropdown .dropbtn {font-weight: 600;font-size: 16px;text-transform: uppercase;border: none;outline: none;padding: 0px 30px;background-color: inherit;font-family: inherit;margin: auto;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 9999;margin-top: 45px;}
.dropdown-content a {float: none;color: black;padding: 16px 30px 13px 30px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.menue-bar {grid-column: var(--full-line-column);border: 0px;height: auto;display: -ms-inline-flexbox;width: 100%;}
.menu-item a {text-align: center;text-decoration: none;font-weight: 600;font-size: 16px;text-transform: uppercase;transition: all 0.5s ease 0s;padding: 0px 30px;margin: auto;display: inline-block;}
.menu-item a .fa,.dropbtn .fa {margin-right: 0.5em;font-size: 1.1em;opacity: 0.5;}
.menu-item:hover a {text-decoration: none;}
.menu-item {height: 48px;}
.powered {text-align: right;font-size: 10px;padding-bottom: 5px;}
.powered a {padding-right: 5px;}
.price-info-icon:hover~.price-info {display: block;}
.price-info {display: none;position: absolute;bottom: 2em;left: 6em;width: 15em;padding: 0.5em;z-index: 100;color: #000;background-color: #f9f9f9;border: solid 1px #7b7b7b;border-radius: 0.2em;}


@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.menu-item {display: table-cell;vertical-align: middle;float: none;}
	.dropdown {display: table-cell;vertical-align: middle;float: none;}
	.menu-icon {display: table-cell;vertical-align: middle;float: none;text-align: center;}
	.dropdown-content {margin-top: 10px;}
	.gallery-body {height: 500px;}
	.gallery-navigation {height: 60px;}
	.footColumn {display: inline-table;float: none;}
	.links {display: inline-table;float: none;vertical-align: top;}
	.main {display: inline-table;float: none;vertical-align: top;}
	.right-panel {display: inline-table;float: none;width: 40%;vertical-align: top;padding-right: 0;}
	.text-box-list {display: inline-table;vertical-align: top;}
	.right-text ul,.text-box-body ul {padding-left: 0px;}
}

.br {border-right: 1px solid #000;}
.article-box {text-align: center;vertical-align: text-top;min-width: 150px;padding-top: 10px;color: #575756;padding: 5px;border: 2px solid #e6e6e6;box-sizing: border-box;box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);display: inline-block;}.article-box-text {font-size: 14px;text-align: left;overflow: hidden;height: 50px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.2em;max-height: 3.6em;margin-top: 15px;}
.freeimage-box-text {font-size: 14px;text-align: left;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.2em;max-height: 3.6em;text-align: center;color: #333;}
.article-box p {padding-top: 10px;font-weight: bold;font-size: 14px;text-align: left;}
.article-box p price {color: gray;font-weight: normal;font-size: 12px;}
.article-box a {text-decoration: none;color: #575756;}
.article-box-img {height: 150px;vertical-align: middle;margin-bottom: 5px;}
.article-box img {display: inline-block;max-width: 100%;max-height: 150px;position: relative;border-width: 0px;text-align: center;vertical-align: middle;}
.variations {display: inline-block;margin-top: 30px;width: 100%;}
.variation {display: inline-block;vertical-align: middle;padding: 5px;border: 1px dashed gray;margin: 10px 10px 0px 0;min-width: 40px;min-height: 18px;text-align: center;color: black;}
.variation:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 7px 0 rgba(0, 0, 0, 0.19);}
.variation-title {width: 100%;font-size: 14px;font-weight: 600;}
.text-box-list {display: inline-block;text-align: right;padding-top: 20px;}
.text-box {width: 100%;max-width: 220px;text-align: left;border-radius: 3px;border: 1px solid #cfcfcf;margin: 20px 2%;vertical-align: top;display: inline-block;background: linear-gradient(to top, #f3f3f3, #ffffff);}
.text-box-title {padding: 10px;}
.text-box-body {padding: 20px 10px 10px 10px;}
.mobile {display: none !important;}
.wysiwyg-color-red {color: red;}
.wysiwyg-color-blue {color: blue;}
.wysiwyg-color-green {color: green;}
.wysiwyg-font-size-small {font-size: 12px;}
.wysiwyg-font-size-medium {font-size: 16px;}
.wysiwyg-font-size-large {font-size: 24px;}
.wysiwyg-font-size-x-large {font-size: 32px;}
.wysiwyg-text-align-right {text-align: right;}
.wysiwyg-text-align-center {text-align: center;}
.wysiwyg-text-align-left {text-align: left;}
.text-logo {margin-left: 15px;}
.text-logo i {padding-right: 10px;}
.price-box {display: grid;display: -ms-grid;width: 100%;padding: 25px 0px;margin-top: 30px;background: repeating-linear-gradient(135deg, #fff, #fff 2px, #f1f1f1 2px, #f1f1f1 4px);}
.price-text {font-weight: 600;font-size: 30px;}
.price-box .row {padding-left: 10%;padding-right: 10%;}
.price-link {float: left;font-size: 14px;margin-top: 10px;width: 100%;margin-left: 10%;}
.button-price {display: inline-block;padding: 8px;text-align: center;margin-left: 10%;margin-top: 0px;}
.button-price a .fa {font-size: 1.1em;opacity: 0.5;}
.cat ul,.cat ul a,.cat ul ul {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#navi,ul#navi ul {width: 220px;float: left;background: white;color: #666;font-weight: normal;font-size: 14px;}
.cat ul#navi li {position: relative;border-bottom: 1px solid #ddd;}.cat ul ul li:first-child {border-top: 1px solid #ddd;}
.cat ul ul {position: absolute;top: 0;border-left: 1px solid #ddd;border-right: 1px solid #ddd;left: 220px;z-index: 10000;}
ul#navi ul,ul#navi li:hover ul ul,ul#navi li:hover ul ul ul {display: none;}
ul#navi li:hover ul,ul#navi ul li:hover ul,ul#navi ul ul li:hover ul {display: block;}
.row {margin-right: 0px;margin-left: 0px;}
.col-2 {width: 10%;}
.col-5 {width: 40%;}
.col-6 {width: 50%;}
.col-7 {width: 60%;}
.col-12 {width: 100%;}
.col-0,.col-5,.col-6,.col-7,.col-12 {position: relative;float: left;}


@media screen and (max-width: 1200px) {
	.right-text {font-size: 10pt;}
	.right-title {font-size: 20px;}
	.right-price {margin-top: 20px;}
	.variations {margin-top: 15px;}
	.price-text {font-size: 25px !important;}
	.button-price {font-size: 14px;}
	.button-right {font-size: 14px;}
}





@media screen and (max-width: 755px) {
	.init {grid-template-columns: 1fr;grid-column-gap: 0px;padding: 4px;}
	.button-right {width: 100%;}
	.price-box .row {padding-left: 0;padding-right: 0;}
	.price-box .col-6 {width: 100%;}
	.button-price {width: 100%;padding: 8px 0 8px 0;margin-left: 0;}
	.price-link {display: inline-block;padding: 8px 0 8px 0;margin-left: 0;text-align: center;margin-top: 5px;}
	.price-text {text-align: center;padding-bottom: 20px;}
	.head-col-1 {width: 100%;}
	.head-col-2 {width: 0;}
	.gallery {max-height: unset;}
	.gallery-navigation {top: unset;}
	.right-panel {grid-column: auto;grid-row: 6;padding: 15px;}
	.text-box-list {grid-column: 1 / span 1;grid-row: 6;text-align: center !important;width: 100%;}
	.desktop-only {display: none;}
	.main {grid-column: var(--full-line-column);padding-left: 0px;grid-row: 5;}
	.tabs {grid-row: 7;}
	.tab {display: grid;}
	.tab li {display: inline-grid !important;}
	.searchBox {display: none;}
	.headerFieldText {display: none;}
	.mobile-hiden {display: none;}
	.menu-icon {display: none;}
	.menue-bar {display: grid;height: auto;}
	.menu-item a {width: 100%;}
	.dropdown {display: none;}
	.dropdown-content {width: 100%;}
	.menu-item {display: none;}
	.menubutton {display: inline-flex;}
	.tablink {display: block;}
	.header .col-7 {width: 100%;}
	.logo .col-7 {width: 100%;}
	.logo .text-logo {text-align: center;}
	.tablabel {display: block;width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 5px;padding: 0;}
	.mobile {display: inline-block;}
	.feature-item {padding: 5px 10px 5px 10px;}
	.features {grid-row: 3;}
	.links {grid-column: var(--full-line-column);grid-row: 9;}ul#navi {width: 100%;max-width: 100%;}ul#navi ul {width: 180px;max-width: 100%;}
	.cat ul ul {left: 50px;}
	.bottom-image {width: 100%;grid-row: 10;}
	.topSeller {grid-row: 11;}
	.freeImages {grid-row: 12;}
	.testimonials {grid-row: 13;}
	.promise {grid-row: 19;}
	.foot {grid-row: 20;}
	.promotion {grid-row: 21;}
}



@media screen and (max-width: 375px) {
	.gallery-body {min-height: 335px;}
}


@media screen and (max-width: 320px) {
	.init {grid-template-columns: 1fr;grid-column-gap: 0px;}
	.header {padding-bottom: 0px;}
	.menu-icon {display: none;}
	.tab {display: grid;}
	.gallery label {top: 15px;}
	.gallery label a {margin: 10px 6px 20px 0px;}
	.menue-bar {display: grid;}
	.menu-item {display: none;}
	.menubutton {display: inline-flex;}
	.tablink {display: block;}
	.header .col-7 {width: 100%;}
	.logo .col-7 {width: 100%;}
	.logo .text-logo {text-align: center;}
}