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


@font-face {
    font-family: 'MavenPro';
    src: url('fonts/MavenPro-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900; /* Variable Schriftstärken von 100 bis 900 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuzzyBubbles-Bold';
    src: url('fonts/FuzzyBubbles-Bold.woff2') format('woff2');
    font-weight: 100 900; /* Variable Schriftstärken von 100 bis 900 */
    font-style: bold;
    font-display: swap;
}

/* Standard-Schriftart für die gesamte Seite */
body {
    font-family: 'MavenPro', sans-serif;
    font-weight: 400; /* Normal */
}

.bg-color-solidar-blue span mark, .bg-color-solidar-blue p mark{
	background-color: #065378 !important;
}

.link-color-solidar-blue a, .link-color-solidar-blue a span, .link-color-solidar-blue a span::after{
	color: #065378 !important;
}


/* download center form at downloads */
form.wpcf7-form div.download-center-form p{
	margin-bottom: 20px;
}

form.wpcf7-form div.download-center-form label{
	color: #777777 !important;
}

form.wpcf7-form div.download-center-form label .footnote{
	color: #aaaaaa !important;
	font-size: 14px !important;
	font-weight: 400;
}


.style-dark form.wpcf7-form h3, 
.style-dark form .wpcf7-not-valid-tip{
	color: #ffffff !important;
}

.style-dark form.wpcf7-form a.link{
	color: #ffffff !important;
	font-weight: 700;
}

.style-dark form.wpcf7-form label{
	color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}


.input-full-width{
	width: 100%;
}



form .display-flex{
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media only screen and ( min-width: 960px ) {
	form .display-flex{
		flex-direction: row;
	}
}

form .display-flex .flex1{
	flex: 1;
}

form .form-submit{
	text-align: center;
    max-width: 570px;
    margin: auto;
}

.icon-box.icon-box-left.icon-box-space-reduced p{
	margin:0px;
}




/* faq */
.faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.faq-question {
    background-color: #f7f7f7;
    cursor: pointer;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
}

.faq-question:hover {
    background-color: #e0e0e0;
}

/* Pfeil für das FAQ */
.faq-question::after {
    content: "▼";
    font-size: 14px;
    transition: transform 0.3s ease;
}

.faq-answer {
    display: none;
    padding: 15px;
    font-size: 16px;
    background: #fff;
    transition: max-height 0.3s ease-in-out;
}

/* Pfeil drehen, wenn aktiv */
.faq-question.active::after {
    transform: rotate(180deg);
}

/* headline */
.mark{
	background-color: #75b72b;
    padding: 5px 10px;
}

#download-center-btn:hover{
	color: #dddddd !important;
}


/* color */
.text-solidar-orange, .text-solidar-orange strong, .text-solidar-orange :is(h1, h2, h3, h4, h5, h6){
	color: #f7a600 !important;
}

.text-solidar-yellow :is(h1, h2, h3, h4, h5, h6){
	color: #ffed00 !important;
}

/* hover */
.hover-zoom-5:hover {
  transform: scale(1.05); /* Vergrößerung um 5 % */
  transition: transform 0.3s ease;
  cursor: pointer;
}

/* social links - linktree */
a.social-link{
	padding-right: 30px;
}

a.social-link img{
	height: 25px;
}

/* add contact - linktree */
.add-contact-vcf-icon{
	width: 40px;	
}

.add-contact-vcf-button{
	padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
	font-size: 16px;
}