/*
Theme Name: Sternwasser
Theme URI: -
Author: Dotsch
Author URI: -
Description: Sternwasser Theme
Version: 1,0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: -
Text Domain: sternwasser

*/
@import url(css/base.css);
@import url(css/print.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


.post-type-archive-produkte .product .wrap .galerieWrap .galerie {
	overflow: hidden;
}

.slick-container
{
 position: absolute;
 right: 0;
 top: 0
}

.slick-container
{
 position: relative;
}

.post-type-archive-produkte .product .wrap .galerieWrap {
	height: 550px;
	overflow: hidden;
}

.post-type-archive-produkte .product.lila .dot {
    background: #159fdf; }
.post-type-archive-produkte .product.lila .content .inital h3 {
    color: #159fdf; }
.post-type-archive-produkte .product.lila .content .inital .open {
    background: transparent url(./img/star-lila.png) top center no-repeat;
    background-size: contain; }


.post-type-archive-wasserbilder .lila .more a {
  border-color: #159fdf;
  color: #102f5b; }
  
  .post-type-archive-wasserbilder .lila h3 .underlay {
  background: #159fdf; }
  
  .post-type-archive-wasserbilder .lila h4 {
  color: #159fdf; }
  
    .frontProduct.lila h3 {
    color: #159fdf; }
  .frontProduct.lila .underlay {
    border-top: 6px solid #159fdf; }
  .frontProduct.lila .more a {
    color: #fff;
    background-color: #159fdf; }
    


.post-type-archive-produkte .product .wrap .content .inital .open {
    height: auto;
    line-height: 100%;
}

.post-type-archive-produkte .product .wrap .content .inital .open {
    background-image: none !important;
}

.post-type-archive-produkte .product .wrap .content .inital .open a {
	padding: 7px 40px 7px 20px;
	font-size: 24px;
	border-radius: 20px;
	background: transparent url(./img/arrow-down.png) 140px 22px no-repeat;
}

.post-type-archive-produkte .product.blau .wrap .content .inital .open a {
	background-color: #102f5b;
}

.post-type-archive-produkte .product.gruen .wrap .content .inital .open a {
	background-color: #308016;
}

.post-type-archive-produkte .product.dunklesgruen .wrap .content .inital .open a {
	background-color: #ab8075;
}

.post-type-archive-produkte .product.orange .wrap .content .inital .open a {
	background-color: #987f37;
}

.post-type-archive-produkte .product.lila .wrap .content .inital .open a {
	background-color: #159fdf;
}

.post-type-archive-produkte .product .wrap {
    padding: 140px 0;
}

.frontProduct.gruen h3 {
    color: #308016;
}
.frontProduct.gruen .underlay {
    border-top: 6px solid #308016;
}
.frontProduct.gruen .more a {
    background-color: #308016;
}


.frontProduct.dunklesgruen h3 {
    color: #ab8075;
}
.frontProduct.dunklesgruen .underlay {
    border-top: 6px solid #ab8075;
}
.frontProduct.dunklesgruen .more a {
    background-color: #ab8075;
}

html #cmplz-document p, html #cmplz-document li, html #cmplz-document td {
  font-size: inherit !important;
}

html #cmplz-document {
  font-size: inherit;
  margin: 0 auto;
}

#cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3 {
	padding: 0 5px !important;
	font-size: 18px !important;
	border-bottom: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}

.videoPreview {
  margin: 0 auto 50px;
  max-width: 100%;
}

.videoPreview .preview {
  width: 20%;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
	.videoPreview .preview {
		margin: 0 auto;
		width: 100%;
		max-width: 80%;
		vertical-align: top;
	}
}