/*
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
*/
/* Standard-Styles für die einzelnen Menüs */
.mega-menu-inner.in-mega.mega-menu-one.open-animated {
  width: 50% !important;
  top: 100px !important;
}
.mega-menu-inner.in-mega.mega-menu-two.open-animated,
.mega-menu-inner.in-mega.mega-menu-three.open-animated,
.mega-menu-inner.in-mega.mega-menu-four.open-animated {
  width: 80% !important;
  top: 100px !important;
}
/* Ab <1200px alle Mega-Menüs auf 100% Breite */
@media (max-width: 1400px) {
 .mega-menu-inner.in-mega.mega-menu-one.open-animated {
  min-width: 120% !important;
}
.mega-menu-inner.in-mega.mega-menu-two.open-animated,
.mega-menu-inner.in-mega.mega-menu-three.open-animated,
.mega-menu-inner.in-mega.mega-menu-four.open-animated {
  min-width: 120% !important;
}
}
.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > ul > li > a:hover {
	background-color: rgba(255, 255, 255, 0.10);
	color: #1a1719 !important;
	padding:20px !important;
}
.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > ul > li > a {
	font-weight: 700 !important;
	font-size:16px !important;
	padding:20px !important;
}
/* Mega Menu Titel im Uncode Theme ausblenden */
@media screen and (min-width: 959px) {
 .mega-sub-title > a {
    font-size: 0 !important;       /* Text verschwindet */
  color: transparent !important; /* Farbe unsichtbar */
}
}

/*.menu-dd-shadow-std.menu-horizontal .menu-smart > li.menu-item > ul {
	box-shadow: 0 0 5px 2px  rgba(0,0,0,.10);
}*/
/* Mega Menu Listenelemente stylen */
  .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > ul > li {
    padding: 0;
    border-bottom: 1px solid #444;
  }
.submenu-dark .menu-horizontal .menu-smart ul {
  background-color: rgba(26, 23, 25, 0.95); /* #1a1719 mit 90% Deckkraft */
}


.btn.btn-default.btn-sm.btn-flat {
	font-weight: 700 !important;
  font-family: "Montserrat",sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
	border-radius: 10em;
	padding: 10px 20px !important;
  font-size: 14px !important;
	color: #ffff00 !important;
  background-color: #1a1719 !important;
  border-color: #1a1719 !important;
}
.tmb-light .t-overlay-inner .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover {
	color: #ffff00 !important;
  background-color: transparent !important;
  border-color: #ffff00 !important;
}
.style-dark .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover {
	color: #1a1719 !important;
  background-color: transparent !important;
  border-color: #1a1719 !important;
}
.more-btn {
	font-weight: 700 !important;
  font-family: "Montserrat",sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
	border-radius: 10em;
	padding: 10px 20px !important;
  font-size: 14px !important;
	color: #ffff00 !important;
  background-color: #1a1719 !important;
  border-color: #1a1719 !important;
	background-image: none !important;
}

.btn .fa {
  top: -0.12em;
}
.back-btn {
  padding: 20px 30px !important;
	font-size:16px !important;
}
.back-btn-xs {
  padding: 10px 20px !important;
	font-size:14px !important;
}
#sticky-back {
    position: fixed;
    bottom: -200px; /* Startet außerhalb des sichtbaren Bereichs */
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: bottom 0.5s ease-in-out; /* Animation für sanftes Einsliden */
}
#sticky-back.eingeblendet {
    display: block;
    bottom: 0; /* Zielposition am unteren Bildschirmrand */
	transition: bottom 0.5s ease-in-out; /* Animation für sanftes Einsliden */
}
/* Textfarbe des Tooltip-Titels */
#uncode-cursor .cursor-title,
#uncode-cursor .cursor-tooltip {
  color: #1a1719 !important; /* deine Wunschfarbe */
}
::selection {
  background: #1a1719; /* deine Wunschfarbe */
  color: #f9f9f9;         /* Textfarbe während der Markierung */
}
.text-lead.text-top-reduced {
  margin: 0px 0px 0px 0px !important;
}
.forminator-input, .forminator-textarea {
  border-radius: 10px !important;
}
/* Sticky Sidebar */
.sticky-contact-buttons {
  position: fixed;
  right: 15px;
  bottom: 200px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}
.sticky-button {
  position: relative;              /* <— WICHTIG */
  background-color: #ffff00;
  border: 2px solid #ffff00;
  padding: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 200ms;
  cursor: pointer;
}
.sticky-button:hover {
  background-color: #ffff00;
  border: 2px solid #ffff00;
}
.mwai-icon-container {
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 200ms;
	position: fixed;
  right: 0px;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button::before {
	background-color: #1a1719;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button::after {
	background-color: #1a1719;
}
.mwai-messages-theme.mwai-window .mwai-header {
	background-color: #fff;
}
/* Tooltip links neben dem Button */
.sticky-button::after {
  content: attr(data-tooltip);
  position: absolute;
  top: 50%;
  right: calc(100% + 8px);         /* Abstand zum Button */
  transform: translateY(-50%);
  background: #1a1719;
  color: #ffff00;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  font-size: 14px;
  visibility: hidden;
  z-index: 1;
}

/* kleiner Pfeil, zeigt auf den Button */
.sticky-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent #ffff00 transparent transparent; /* Spitze nach links */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 1;
}

/* Hover anzeigen */
.sticky-button:hover::after,
.sticky-button:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Sidebar ausblenden auf Mobile */
@media (max-width: 768px) {
  .sticky-contact-buttons {
    display: none;
  }
}

.icon-img { width: 28px; height: 28px; }

.tmb .t-entry-visual .t-overlay-icon.t-icon-size-lg {
  color: #1a1719 !important;
}
html { 
	font-size: 22px; 
}
.menu-smart > li > a {
    padding: 0px 24px 0px 24px;
  }
.hmenu .menu-primary .menu-smart > li > a {
	line-height: 1.3em;
}

.vertical-text {
	position: fixed !important; /* oder absolute – siehe Erklärung unten */
  left: 0 !important;
}
.hash-color {
	color:#1a1719;
	font-weight: 400 !important;
}
.hash-left-1 {
	position: absolute !important;
    left: 0 !important;
    margin-left: calc(-1 * ( (100vw - 104% ) / 2 )) !important;
	transform: rotate(-90deg); 
    transform-origin: left top;
    top: 330px;
}
.hash-left-1 p {
	font-size:18px !important;
}
.hash-left {
	position: absolute !important;
    left: 10px !important;
    margin-left: calc(-1 * ( (100vw - 104% ) / 2 )) !important;
	transform: rotate(-90deg); 
    transform-origin: left top;
    top: 230px;
}
.hash-left p {
	font-size:18px !important;
}
.fontsize-142465-custom, .fontsize-183125-custom, .fontsize-359915-custom {
  font-weight:700 !important;
}
p {
	line-height: 1.5;
}
.highlight {
	color: #ff0;
}

.logo-image.main-logo.logo-dark {
  position: relative;
  display: inline-block;
}
/* 1. Standard-Logo: fade in/out */
.logo-image.main-logo.logo-dark img {
  display: block;
  transition: opacity 0.0s ease;
}
/* 2. Hover-Logo (::before) initial versteckt und ebenfalls animiert */
.logo-image.main-logo.logo-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2025/10/think-why-logo-neg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
/* 3. Auf Hover: Standard-Logo ausblenden, Hover-Logo einblenden */
.logo-image.main-logo.logo-dark:hover img {
  opacity: 1;
}
.logo-image.main-logo.logo-dark:hover::before {
  opacity: 1;
}

.logo-image.main-logo.logo-light {
  position: relative;
  display: inline-block;
}
/* 1. Standard-Logo: fade in/out */
.logo-image.main-logo.logo-light img {
  display: block;
  transition: opacity 0.0s ease;
}
/* 2. Hover-Logo (::before) initial versteckt und ebenfalls animiert */
.logo-image.main-logo.logo-light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2025/10/think-why-logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
/* 3. Auf Hover: Standard-Logo ausblenden, Hover-Logo einblenden */
.logo-image.main-logo.logo-light:hover img {
  opacity: 1;
}
.logo-image.main-logo.logo-light:hover::before {
  opacity: 1;
}

/* Auto Umbrüche 
p, h1, h2, h3, h4, h5, h6 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-wrap: break-word;
}*/
/*Icon Box*/
.icon-box-left:not(.icon-box-space-reduced) .icon-box-content:not(.add-margin) p {
  margin-top: 25px;
}
/*Formular*/
.forminator-error-message {
  background-color: #1a1719 !important;
  color: #f9f9f9 !important;
  border-radius: 10px !important;
}
.forminator-button.forminator-button-submit {
  font-weight: 700 !important;
  font-family: 'Lexend',sans-serif, 'Lexend',sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: 2px solid #1a1719 !important;
  border-radius: 50px !important;
  color: #ffff00 !important;
  background-color: #1a1719 !important;
  padding: 19px 47px !important;
  font-size: 18px !important;
}
.forminator-button.forminator-button-submit:hover, .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button:hover {
  color: #1a1719 !important;
  background-color: transparent !important;
  webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.forminator-input {
  padding: 19px 19px !important;
  font-size: 18px !important;
}
/*Links*/
.style-dark p a {
  text-decoration: none;
  background-image: linear-gradient(#ffff00, #ffff00);
  background-size: 0% 2px; /* Start mit 0 Breite */
  background-position: 0 100%; /* Unter dem Text */
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;
  color: #f9f9f9;
}
.style-dark p a:hover {
  color: #f9f9f9 !important;
  background-size: 100% 2px; /* Volle Breite bei Hover */
}
.style-dark .text-lead a {
  text-decoration: none;
  background-image: linear-gradient(#ffff00, #ffff00);
  background-size: 0% 2px; /* Start mit 0 Breite */
  background-position: 0 100%; /* Unter dem Text */
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;
  color: #f9f9f9;
}
.style-dark .text-lead a:hover {
  color: #f9f9f9 !important;
  background-size: 100% 2px; /* Volle Breite bei Hover */
}
.style-light p a {
  text-decoration: none;
  background-image: linear-gradient(#1a1719, #1a1719);
  background-size: 100% 2px; /* Start mit 0 Breite */
  background-position: 0 100%; /* Unter dem Text */
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;
  color: #1a1719 !important;
}
.style-light p a:hover {
  color: #1a1719 !important;
  background-size: 0% 2px; /* Volle Breite bei Hover */
}
.style-light .text-lead a {
  text-decoration: none;
  background-image: linear-gradient(#1a1719, #1a1719);
  background-size: 0% 2px; /* Start mit 0 Breite */
  background-position: 0 100%; /* Unter dem Text */
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;
  color: #1a1719;
}
.style-light .text-lead a:hover {
  color: #1d1f1c !important;
  background-size: 100% 2px; /* Volle Breite bei Hover */
}
/*Body Frame*/
.body-borders .body-border-shadow {
  box-shadow: 0 0px 14px 0px rgba(0, 0, 0, 0);
}
/* Text-Highlight-Animation*/
mark {
  padding: 0px 0px;
  border-radius: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
mark {
  color: #1a1719;
  -webkit-animation: 1.5s highlight 0.5s 1 normal forwards;
  animation: 1.5s highlight 0.5s 1 normal forwards;
  background-color: none;
  background: linear-gradient(90deg, #ffff00 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
}
@-webkit-keyframes highlight {
  to {
    background-position: 0 0;
  }
}
@keyframes highlight {
  to {
    background-position: 0 0;
  }
}
/* Uppercase */
h1, h2, h3{
	text-transform: uppercase;
}
/* Text-Styles */

/* Lineheights */
h1, .h1 {
  line-height: 1.0;
}
h2, .h2 {
  line-height: 1.1;
}
h3, .h3 {
  line-height: 1.1;
}
h4, .h4 {
  line-height: 1.1;
}
h5, .h5 {
  line-height: 1.4;
}
.text-lead:not(ul):not(ol) > * {
  line-height: 1.4;
}
.style-dark .uncode-nav-counter {
  color: #fff !important;
}
/* News Kacheln */
.t-entry-date {
  font-weight: 400 !important;
}
.tmb-light.tmb .t-entry-text .t-entry-title a {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 2px; /* Start mit 0 Breite */
  background-position: 0 100%; /* Unter dem Text */
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;
  color: #1a1719;
}
.tmb-light.tmb .t-entry-text .t-entry-title a:hover {
  color: #1a1719 !important;
  background-size: 100% 2px; /* Volle Breite bei Hover */
}
/* Slider Navigation */
.arrows-outline.uncode-owl-nav .uncode-nav-container, .arrows-outline-square.uncode-owl-nav .uncode-nav-container {
  border-width: 2px;
}
.style-dark .uncode-owl-nav .uncode-owl-nav-in {
  color: #ff0;
}
.style-light .arrows-round.uncode-owl-nav .uncode-nav-container {
	color: #ffff00 !important;
  background-color: #1a1719 !important;
}

.counter-suffix {
	font-size: 38px; 
	font-weight:400 !important;
}
.uncode-nav-counter {
    color: #1a1719 !important;
	font-size:18px !important;
}
/*Button on Dark*/
.btn-color-xsdn {
  color: #1a1719 !important;
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
}
.btn-color-xsdn.btn-flat:not(.btn-hover-nobg):hover, .btn-color-xsdn.btn-flat:not(.btn-hover-nobg):focus {
  color: #ffff00 !important;
  background-color: transparent !important;
  border-color: #ffff00 !important;
}
/*Yellow Button*/
.btn-color-vyce {
  color: #1a1719 !important;
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
}
.btn-color-vyce.btn-flat:not(.btn-hover-nobg):hover, .btn-color-vyce.btn-flat:not(.btn-hover-nobg):focus {
  color: #ffff00 !important;
  background-color: transparent !important;
  border-color: #ffff00 !important;
}
/*Dark Button*/
.btn-color-jevc {
  color: #ffff00 !important;
  background-color: #1a1719 !important;
  border-color: #1a1719 !important;
}
.btn-color-jevc.btn-flat:not(.btn-hover-nobg):hover, .btn-color-jevc.btn-flat:not(.btn-hover-nobg):focus {
  color: #1d1f1c !important;
  background-color: transparent !important;
  border-color: #1a1719 !important;
}
.category-info,.author-info {
	display: none !important;
}
.btn-color-xsdn {
  color: #f9f9f9 !important;
  background-color: transparent !important;
  border-color: #f9f9f9 !important;
}
.btn-color-xsdn.btn-flat:not(.btn-hover-nobg):hover, .btn-color-xsdn.btn-flat:not(.btn-hover-nobg):focus {
  color: #1a1719 !important;
  background-color: #f9f9f9 !important;
  border-color: #f9f9f9 !important;
}
.btn-color-811663 {
  color: #1a1719 !important;
  background-color: transparent !important;
  border-color: #1a1719 !important;
}
.btn-color-811663.btn-flat:not(.btn-hover-nobg):hover, .btn-color-811663.btn-flat:not(.btn-hover-nobg):focus {
  color: #f9f9f9 !important;
  background-color: #1a1719 !important;
  border-color: #1a1719 !important;
}
/*Mobile*/
@media screen and (max-width: 782px) {
	.t-entry-excerpt.text-lead {
  display: none;
}
    .sticky-contact-buttons {
        display: none;
  }
	.mobile-quote {
		max-width:100px;
	}
	.mobile-portrait {
		max-width:150px;
	}
	p, li {
	    font-size:16px;
	}
	h1, .h1 {
		font-size:36px !important;
	}
	h2, .h2 {
		font-size:28px !important;
	}
	h3, .h3 {
		font-size:22px !important;
	}
	h4, .h4 {
		font-size:20px !important;
	}
	h5, .h5 {
		font-size:16px !important;
	}
	h6, .h6 {
		font-size:16px !important;
	}
  .text-lead > * {
    font-size: 16px !important;
	}
  .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > :not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]) {
	margin-top: 18px !important;
	}
	.hash-left {
		display:none !important;
	}
	.uncode-single-media img:not([src$=".svg"]),
.uncode-media img:not([src$=".svg"]),
.t-entry-visual img:not([src$=".svg"]),
.media-wrapper img:not([src$=".svg"]) {
    filter: grayscale(100%) !important;
}
}
@media (min-width: 960px) and (max-width: 1300px){
/* reduce the padding around the logo */
.col-lg-0 {
padding: 27px 12px 27px 36px;
}
/* reduce the padding of the menu items */
.menu-smart > li > a {
padding: 0px 5px !important;
	font-size:16px !important;
}
.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > ul > li > a {
	font-size:14px !important;
}
/* reduce the menu letter spacing */
.menu-container ul.menu-smart > li > a, .menu-container ul.menu-smart li.dropdown > a{
letter-spacing:0px !important;
}
/* reduce the dropdown arrows padding */
.menu-smart i.fa-dropdown {
padding: 0px 0px 0px 2px;
}
/* reduce the first menu item padding */
body[class*=hmenu-] .menu-borders .navbar-nav + .navbar-nav-last > *:first-child {
margin: 0px 0px 0px 0px;
}
}

/* Standard: Desktop sichtbar, Mobile versteckt */
.desktop-menu {
  display: block;
}
.mobile-menu {
  display: none !important;
}

/* Ab 960px und kleiner: Desktop ausblenden, Mobile einblenden */
@media (max-width: 960px) {
  .desktop-menu {
    display: none !important;
  }
  .mobile-menu {
    display: block !important;
  }
	.menu-smart li {
    border-bottom: solid 1px #1a1719 !important;
	padding: 10px 0 10px 0;
  }
	.menu-smart li:last-child {
    border-bottom: solid 0px #1a1719 !important;
  }
}