/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/* SCHRIFTEN/
/* rubik-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/rubik-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rubik-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}/* Easternblock */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Easternblock';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/EASTERNBLOCK.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* SCHRIFTEN ENDE/
 * 
/* Nur für Post Module mit Extra Class "pm-gradient-overlay" */

/* Container vorbereiten */
.pm-gradient-overlay .t-entry-visual {
  position: relative;
  overflow: hidden;
}

/* Gradient-Layer */
.pm-gradient-overlay .t-entry-visual::before {
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg,
    rgba(200,255,120,.75) 0%,
    rgba(200,255,120,.25) 40%,
    rgba(200,255,120,0)   60%,
    rgba(200,255,120,.45) 100%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
  z-index:2; /* über Bild, unter Text */
}

/* Hover aktiviert Gradient */
.pm-gradient-overlay .t-entry-visual:hover::before {
  opacity:1;
}

/* Overlay-Wrapper */
.pm-gradient-overlay .t-overlay-content {
  position:absolute; inset:0; z-index:3;
}
.pm-gradient-overlay .t-overlay-text.half-block-padding {
  position:absolute; inset:0;
  padding:24px 28px;
  opacity:0; visibility:hidden;
  transition:opacity .35s ease;
}
.pm-gradient-overlay .t-entry-visual:hover .t-overlay-text.half-block-padding {
  opacity:1; visibility:visible;
}

/* Titel oben links */
.pm-gradient-overlay .t-entry-title.h6.title-scale {
  position:absolute; top:2px; left:15px;
  font-size:28px;
	color:#333333!important;
  margin:0; max-width:78%;
  text-align:left; color:#111;
}

/* Excerpt unten rechts */
.pm-gradient-overlay .t-entry-excerpt {
  position:absolute; right:15px; bottom:2px;
  margin:0; max-width:78%;
	color:#333333!important;
  text-align:right; color:#333333;
}
.pm-gradient-overlay .t-entry-excerpt * { text-align:inherit; }

/* Mobile */
@media (max-width:767px){
  .pm-gradient-overlay .t-overlay-text.half-block-padding { padding:18px 20px; }
  .pm-gradient-overlay .t-entry-title.h6.title-scale {
    top:18px; left:20px; font-size:28px;
  }
  .pm-gradient-overlay .t-entry-excerpt {
    right:20px; bottom:18px;
  }
}
/* Allgmeine Änderungen Style*/
.tmb-light.tmb .t-entry-visual *:not(.add_to_cart_text):not(.view-cart){
	color:#333333;
}

p{
	line-height:1.3;
}

.lg-sub-html p{
	color:#deff97;
	font-size:22px;
}
.style-dark a, .style-light .style-dark a{
color:#deff97!important;
}
/* Allgmeine Änderungen Style ENDE*/

/* Text statt Pfeile in Uncode Lightbox */
.lg-container.lg-semi-transparent-arrows .lg-next::before {
  content: "next";
  font-size: 24px;
  color: #deff97;
	background:transparent;
font-family:'Rubik';

}

.lg-container.lg-semi-transparent-arrows .lg-prev::before {
  content: "back";
  font-size: 24px;
  color: #deff97;
	background:transparent;
	font-family:'Rubik';
}

/* Original-SVG-Pfeile ausblenden */
.lg-container.lg-semi-transparent-arrows .lg-next svg,
.lg-container.lg-semi-transparent-arrows .lg-prev svg,.lg-prev:after {
  display: none !important;
}
.lg-container.lg-semi-transparent-arrows .lg-prev,.lg-container.lg-semi-transparent-arrows .lg-next{
	background:none!Important;
}
.lg-toolbar .lg-icon{
	font-size:24px;
	color: #deff97;
}
/* Zurück nach innen rücken */
.lg-container.lg-semi-transparent-arrows .lg-prev {
  left: 20px; /* Abstand vom linken Rand */
}

/* Weiter nach innen rücken */
.lg-container.lg-semi-transparent-arrows .lg-next {
  right: 20px; /* Abstand vom rechten Rand */
}
/* Änderungen Style Mobile */
h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]), .panel-title > a > span{
    text-decoration: underline;
	text-underline-offset: 6px; 
}
style-light a:not(.btn-text-skin):hover, .style-light a:not(.btn-text-skin):focus, .panel-title.active > a, .style-light .panel-title > a:hover{
	color:#deff97!important;
}
@media (min-width:610px) {
.headinpadding{
	padding-right:220px!important;
	}}
@media (max-width: 600px) {
    .fontsize-155811 {
        font-size:55px;
    }
}
@media (max-width: 600px) {
h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
    font-size: 28px;
	}}

@media (max-width: 569px) {
    .pm-gradient-overlay .t-entry-title.h6.title-scale {
        top: 18px;
        left: 20px;
        font-size: 28px!important;
    }
}
@media (max-width: 600px) {
    .main-container .cols-sm-responsive > div[class*=col-sm].col-sm-clear {
        padding-top:8px;
    }
}
@media (max-width: 600px) {
    .menu-container .logo-container {
        position: relative;
        padding: 27px 18px 27px 18px !important;
    }
}
@media (max-width: 600px) {
	.mobilepadding{
		padding-bottom:12px!important;
	}}
.mobile-menu-button{
	padding: 0 18px!important;
}
@media (max-width: 600px){
	.lg-sub-html p{
		font-size:13px!important;
	}}
.lg-sub-html p{
		font-size:18px!important;
	}
/* Änderungen Style Mobile Ende */