/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**
 * Allgemein
**/
@media (min-width: 992px) {
	.tf_text-rauf {
		writing-mode: vertical-lr;
		text-orientation: mixed;
		transform: rotate(180deg);
	}
}

.tf-aufzaehlung ul li::marker {
  	color: var(--primary) !important;
}

.tf-text-semibold span {
	font-weight: 600;
}

/**
 * Animation/Hover-Effect für Header und Footer
**/
nav ul.tf_menu li a, .tf_footer_menu a {
	position: relative;
}

nav ul.tf_menu li a::after, .tf_footer_menu a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: var(--primary);

	transform: translateX(-50%) scaleX(0);
	transform-origin: center;

	transition: transform 0.3s ease;
}

nav ul.tf_menu li a:hover::after, .tf_footer_menu a:hover::after {
	transform: translateX(-50%) scaleX(1);
}

/**
 * Section - Team
**/
@media (min-width: 992px) and (max-width: 1400px){
	.tf_team_grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 4rem !important;
	}
	
	.tf_team_grid_person {
		width: 25rem;
	}
}

@media (min-width: 479px) and (max-width: 600px){
	.tf_team_grid {
		grid-template-columns: 1fr !important;
		gap: 3rem !important;
	}
}


/*Animation Team Bilder*/
img.tf_img  {
	transition: transform 0.3s ease-in-out;
}

img.tf_img:hover {
	transform: scale(1.05);
}


/**
 * Section - Kontakt
**/

.tf-link p a, .tf_rechtliches a {
	text-decoration: underline;
	font-weight: 600 !important;
	color: var(--primary);
}

.tf-link p a:hover, .tf_rechtliches a:hover {
	text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1305px) {
	.tf-text-semibold p a, .tf_kontaktdaten, .tf-text-semibold p {
		font-size: var(--h4) !important;
	}
	.tf_button {
		font-size: var(--text-m) !important;
	}
}


/**
 * Rechtliches - Datenschutz und Impressum Textfeld anpassen
**/
.tf_rechtliches h2 {
	font-size: var(--h3);
	padding-top: 1.5rem;
	padding-bottom: 1rem;
}

.tf_rechtliches ul {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tf_rechtliches em {
	font-weight: 600;
}