gistfile1.txt

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*GRAVUR*/

@font-face {font-family:"NK_Monotype Corsiva";src:url("../../../wp-content/themes/flatsome-child/fonts/NK_Mono.eot?") format("eot"),url("../../../wp-content/themes/flatsome-child/fonts/NK_Mono.woff") format("woff"),url("../../../wp-content/themes/flatsome-child/fonts/NK_Mono.ttf") format("truetype"),url("../../../wp-content/themes/flatsome-child/fonts/NK_Mono.svg#NK_MonotypeCorsiva") format("svg");font-weight:normal;font-style:normal;}

.gravur{
	position: relative;
	font-family: 'NK_Monotype Corsiva', sans-serif;
    font-size: 1.15vw;
    font-weight: 900;
}

#gravur_rechts_result{
	color: #aaa; 
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
    text-shadow: -1px -1px 1px #a59077, 1px 1px 1px #c3b5a4;
	color: #0f0d0a;
	opacity: 0.7;
	transform-origin: bottom left;
    /*-webkit-transform: perspective(800px) rotateX(0deg) rotateY(-25deg) rotateZ(17deg) skew(15deg, 0deg);
	-moz-transform: perspective(800px) rotateX(0deg) rotateY(-25deg) rotateZ(17deg) skew(15deg, 0deg);
	-o-transform: perspective(800px) rotateX(0deg) rotateY(-25deg) rotateZ(17deg) skew(15deg, 0deg);
	-ms-transform: perspective(800px) rotateX(0deg) rotateY(-25deg) rotateZ(17deg) skew(15deg, 0deg);
	transform: perspective(800px) rotateX(0deg) rotateY(-25deg) rotateZ(17deg) skew(15deg, 0deg);*/
}

#gravur_links_result{
	color: #aaa; 
	position: absolute;
	top: 50%;
    text-shadow: -1px -1px 1px #a59077, 1px 1px 1px #c3b5a4;
	color: #0f0d0a;
	opacity: 0.7;
	transform-origin: bottom left;
	text-align: center;
	width: 100%
}

/*#wccf_product_field_gravurrechts{width: 50%}*/
.wccf_field_container_product_field {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.wccf_grand_total{
	clear: both;
}

@media(min-width: 850px){
	#main{
		padding-left: 35px;
		padding-right: 35px;
	}	
}









/* bis hierhin code aus child */   





/* seite: linien design hr */   
hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: 0;
    color: #000000;
    border-color: #000000;
    background-color: #000000;
}

/* kundenkonto: download link ausblenden */   
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}


/* mobile hintergrund weiss + schrift grösser + flagge sprache aus */   
.no-scrollbar, .off-canvas-left.mfp-ready {
	background-color: #ffffff;
 }
.nav-vertical>li>a {
	font-size: 1.0em;
	padding-top: 5px;
  }
.image-icon {
  display: none;
  }
  
/* header warenkorb layer */   
.nav-dropdown {
	color: #000000;
 }
 
    /* header navigation rechts normal + schwarz */  
.nav>li>a {
	font-weight: 500;
	color: #000000;
 }
 
    /* text schwarz */  
 body, h1.product-title.entry.title, h2, h3, h4, h5, .breadcrumbs, p.in-stock   {
 	color: #000000 !important; 
  }
  
      /* text schwarz */  
h1   {
 	color: #000000; 
  }


/* produktseite: beschreibungsreiter ausblenden */   
li.description_tab.active{
	display: none !important;
}

/* produktseite: colorkreise kleiner + abstand kleiner */ 
.iconic-was-swatches--visual .iconic-was-swatch__graphic {
	width: 25px;
	height: 25px;
}
.iconic-was-swatches {
	margin: 0 22px -5px -15px;
}

/* generell headlines*/ 
h1, h2, h3 {
	font-size: 1.225em;
	line-height: 1.4;
}
h4, h5, h6 {
	font-size: 1.0em;
	line-height: 1.2;
}

/* startseite: abstand gallery nach oben kleiner */ 
.col, .gallery-item, .columns {
	padding: 0 15px 0px;
}


/* produktdetail: linie unter ersten block schwarz statt grau*/ 
.product-footer .woocommerce-tabs {
	border-top: 1px solid #000000;
}


/* produktdetail farben: keine trennstriche*/   
.product-summary table tr+tr, .woocommerce-variation-price {
	border-top: none;
}

/* produktdetail farben: abstand kleiner */   
.variations td {
	padding: .1em 0;
}

/* produktdetailseite: 360 grad box ohne outline*/   
.Magic360, .Magic360-container {
    border: none !important;
}


/* header: sticky header nicht transparent*/   
.header-full-width .container {
	background-color: #ffffff;
}

       /* produktseite: thumbnails ausblenden */   
.div.flickity-slide {
	display: none !important;
}

       /* header: suchfeld resultat ajax search grösser */   
.header .search-form .live-search-results {
	width: 270px;
}

       /* teaser title headline: abstände zu headline kleiner */   
.section-title-container {
	margin-bottom: 0;
	}
h3 {
	margin-bottom: 0;
	}
.row-small>.col
	padding: 0 0 30px;
	}

       /* startseite: vertikaler abstand erste zeile zu slideshow kleiner */   
.col {
	padding: 0 15px 0px;
 }

       /* header: logo kleiner */    
 .logo a {
 	font-size: 27px;
  }
  
  
  
*header menu grösse bei kleinerem fenster anpassen */
@media screen and (min-width: 850px) and (max-width: 859px) {
	ul.header-nav li a {
	font-size: 75%!important;
	}
	/*logo grösse anpassen*/
	.logo img {
	width: 120px;
	}
}
@media screen and (min-width: 860px) and (max-width: 919px) {
	ul.header-nav li a {
	font-size: 80%!important;
	}
	/*logo grösse anpassen*/
	.logo img {
	width: 120px;
	}
}
@media screen and (min-width: 920px) and (max-width: 949px) {
	ul.header-nav li a {
	font-size: 83%!important;
	}
	/*logo grösse anpassen*/
	.logo img {
	width: 120px;
	}
}
@media screen and (min-width: 950px) and (max-width: 979px) {
	ul.header-nav li a {
	font-size: 83%!important;
	}
	/*logo grösse anpassen*/
	.logo img {
	width: 120px;
	}
}
@media screen and (min-width: 980px) and (max-width: 999px) {
	ul.header-nav li a {
	font-size: 85%!important;
	}
		/*logo grösse anpassen*/
	#logo img {
	max-height: 60px;
	}
	/*logo grösse anpassen*/
	.logo img {
	width: 120px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1063px) {
	ul.header-nav li a {
	font-size: 90%!important;
	}
		/*logo grösse anpassen*/
	.logo img {
	width: 140px;
	}
}
@media screen and (min-width: 1064px) and (max-width: 1200px) {
	ul.header-nav li a {
	font-size: 95%!important;
	}
		/*logo grösse anpassen*/
	.logo img {
	width: 150px;
	}
}