/*
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
*/

/* Ausgewogener Zeilenumbruch in Titeln */
h1, h2, h3 { 
	text-wrap: balance; 
}

.border-top-left-radius .uncell {
	border-top-left-radius: clamp(40px, 5vw, 100px); 
}
.border-top-right-radius .uncell {
	border-top-right-radius: clamp(40px, 5vw, 100px); 
}
h1, h2 {
	font-size: 52px !important;
}

/* -------------------------------------------------------------
   GESTALTUNG ALLGEMEIN
   ------------------------------------------------------------- */

/* Listen mit einfachem Zeilenabstand */
p + ul,
p + ol {
    margin-top: 0;
}
.hero-spacer[style] {
    height: 85vh !important;
    min-height: 85vh !important;
}




/* -------------------------------------------------------------
   MENU
   ------------------------------------------------------------- */

/* Aktiver Menüpunkt - Dark */
body:not(.menu-force-opacity):not(.navbar-hover) .style-dark-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav .menu-smart li.active > a{
    color: #ffd700 !important;
}
/* Hover – Dark */
body:not(.menu-force-opacity):not(.navbar-hover)
    .style-dark-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent
    .menu-horizontal-inner > .nav .menu-smart li > a:not(.un-submenu *):hover {
        color: #ffd700 !important;
    }

/* Aktiver Menüpunkt – Light */
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav .menu-smart li.active > a {
    color: #ffd700 !important;
}

/* Hover – Light */
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav .menu-smart li > a:not(.un-submenu *):hover {
        color: #ffd700 !important;
    }


/* Keine Pfeile Mobile */
.fa-angle-right:before {
    content: "\f105";
	display: none;
}
.menu-icon {
	color: #ffd700;
}




/* -------------------------------------------------------------
   LINKS
   ------------------------------------------------------------- */
.style-dark p a, h4 a {
    box-shadow: inset 0 -0.2em 0 -2px #ffd700;
    padding: 0.05em 0;
    text-decoration: none;
}
.style-light p a, h4 a {
    box-shadow: inset 0 -0.2em 0 -2px #301330;
    padding: 0.05em 0;
    text-decoration: none;
}
p a:hover, p a:focus {
    box-shadow: inset 0 -0.3em 0 #ffd700;
    transition: all .3s;
}
h4 a:hover, h4 a:focus {
    box-shadow: inset 0 -0.5em 0 #ffd700;
    transition: all .3s;
}
ul li a {
    box-shadow: inset 0 -0.2em 0 -2px #ffd700;
    padding: 0.05em 0;
    text-decoration: none;
}
ul li a:hover, ul li a:focus {
    box-shadow: inset 0 -0.3em 0 #ffd700;
    transition: all .3s;
}
a.navbar-brand::after {
    display: none;
}
.style-dark p a,
.style-dark p a:hover {
    color: #fff !important;
}
.menu-item a,
.menu-item a:hover,
.panel-title a,
.panel-title a:hover {
	box-shadow: none !important;
}



/* -------------------------------------------------------------
   ACCORDION
   ------------------------------------------------------------- */
.style-light .accordion-register .panel-title > a {
    display: inline-block;
    background-color: #ffd700;
    color: #303133;
    padding: 0.85em 1.5em;
    border-radius: 50px;
    border: 1.5px solid #ffd700;
    font-weight: 600;
    transition: all 0.3s ease;
}
.style-light .accordion-register .panel-title > a:hover {
    background-color: #fff;
    color: #303133;
    border-color: #fff;
}
.style-light .accordion-register .panel:has(.panel-collapse.in) .panel-title > a {
    background-color: transparent;
	border-color: transparent;
	box-shadow: none;

}

/* -------------------------------------------------------------
   Buttons
   ------------------------------------------------------------- */
.button-gelb .uncol {
    display: inline-block;
    background-color: #ffd700;
    color: #303133;
    padding: 0.85em 1.5em;
    border-radius: 50px;
    border: 1.5px solid #ffd700;
    font-weight: 600;
    transition: all 0.3s ease;
}
.button-gelb .uncol:hover {
    background-color: #fff;
    color: #303133;
    border-color: #fff;
}

.button-gelb-outline .uncol {
    display: inline-block;
    background-color: #ffd700;
    color: #303133;
    padding: 0.85em 1.5em;
    border-radius: 50px;
    border: 1.5px solid #ffd700;
    font-weight: 600;
    transition: all 0.3s ease;
}
.button-gelb-outline .uncol:hover {
    background-color: #fff;
    color: #303133;
    border: 1.5px solid #fff;
}


/* -------------------------------------------------------------
   WP Forms
   ------------------------------------------------------------- */


/* Senden-Button */
.btn-senden-sonne {
	background-color: #ffd700 !important;
	text-align: center !important;
letter-spacing: 0 !important;
	font-size: 20px !important;
	vertical-align: center !important;
	padding: 0.5em 1.5em 1em 1.5em !important;
	border-radius: 32px !important;
	color: #303133 !important;
		    transition: all .3s ease-in-out; 
}
.btn-senden-sonne:hover {
	  background-color: #ffeb81 !important;
  color: #303133 !important;
  outline: none;
  text-decoration: none !important;
}
/* Keine Verdunkelung beim Hovern des Sendebuttons */
.wpforms-container .btn-senden-sonne {
  background-image: none !important;
}
/* Farbe der Placeholdertexten in Inputfeldern */
div.wpforms-container-full .wpforms-form input[type=text]::placeholder,
div.wpforms-container-full .wpforms-form input[type=email]::placeholder,
div.wpforms-container-full .wpforms-form input[type=tel]::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
    color: #303133 !important;
    opacity: 1;
}
/* Bestätigungsfeld */
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #228b22;
    border: none;
	border-radius: 8px;
    box-sizing: border-box;
}
/* Bestätigungsfeld Text*/
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: white;
}
/* Abstand zwischen Formularname und Eingabe, Formular hat Klasse bl-formular */
.single-block-padding:has(.bl-formular) {
    margin-top: -48px;
}


/* -------------------------------------------------------------
   Navbar Padding Desktop
   ------------------------------------------------------------- */
@media (min-width: 1024px) {
.row-menu-inner {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
}
/* Nur die Menüpunkte verschieben, Navbar-Höhe bleibt gleich */
.navbar-nav-last .menu-smart {
    transform: translate(0px, -32px);
}

/* SILBENTRENNUNG */
/* Silbentrennung ganze Seite */
html[lang="de"],
html[lang="de-CH"] {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


/* -------------------------------------------------------------
   Silbentrennung
   ------------------------------------------------------------- */

/* Silbentrennung Fliesstext und Listen erlauben */
p,
li {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Silbentrennung Überschriften: keine automatische Trennung, aber manuelle erlauben */
h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

/* Silbentrennung Buttons ausschliessen */
button,
a.button,
.btn,
[class*="btn"] {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* Silbentrennung Menü ausschliessen */
.menu,
.menu a,
.main-menu a,
.navbar a,
.vmenu a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* Silbentrennung Accordion ausschliessen */
.panel-title,
.panel-title a,
.vc_tta-panel-title,
.vc_tta-panel-title a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* Silbentrennung interaktive Elemente ausschliessen */
a,
label,
input,
textarea,
select {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* -------------------------------------------------------------
   Video
   ------------------------------------------------------------- */
.video-container-wrapper {
    background-color: #301330; /* gelber Rahmen */
    padding: 0px; /* Abstand für den Rahmen */
    border-radius: 20px;
    overflow: hidden;
    max-width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;

}