/**
 *
 * micromagnetics.de
 * Copyright 2025 Daniel Czarnecki <d.czarnecki@outlook.de>
 * Alle Rechte vorbehalten.
 *
 */

:root
{
	/*
	--color-tint-primary: #2f5841;
	--color-tint-secondary: #214431;
	--color-tint-tertiary: #214431;
	--color-tint-tap: #152c20;
	--color-label-on-tint: #e7b654;
	*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

section.container.spring > div
{
	position: relative;
	background: linear-gradient(45deg, #e3ebae, #c3e8df);
	border-radius: var(--radius-large);
	box-shadow: var(--shadow-medium);
	border: 1px solid #dfdfdf;
	margin-top: 3rem;
	padding: 7.75rem 1.25rem 0.75rem 1.25rem;
}
section.container.spring > div::after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: -4.5rem;
	background: url(../../images/spring/splash.png) no-repeat;
	background-position: top center;
	background-size: 50%;
}
section.container.spring > div p
{
	font-size: 0.87rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 0.45rem;
	
}
section.container.spring > div p.title
{
	font-weight: 800;
	font-size: 0.98rem;
	letter-spacing: 0.05rem;
	color: #000;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body
{
	background-color: #fff;
	background: linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.75)), url(../../images/spring/backg.svg);
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-position: left bottom;
	background-size: 450%;
	margin-top: 7.5rem;

}

header::after
{
	content: "";
	position: absolute;
	background: url(../../images/spring/banner.png);
	background-repeat: repeat-x;
	background-size: 20rem;
	left: -2rem;
	top: 3.5rem;
	width: 120%;
	height: 5rem;

}

.text-gradient-1
{
	color: transparent;
	background: linear-gradient(148deg,#c16708 0%, #b2c643 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-gradient-2
{
	color: transparent;
	background: linear-gradient(148deg,#c16708 0%, #b2c643 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-gradient-3
{
	color: transparent;
	background: linear-gradient(148deg,#c16708 0%, #b2c643 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-gradient-4
{
	color: transparent;
	background: linear-gradient(148deg,#c16708 0%, #b2c643 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media screen and (min-width: 58rem) /* DESKTOP */
{	
	section.container.spring > div 
	{
		display: flex;
		align-items: center;
		gap: 2rem;
		margin-top: 0rem;
		padding: 0.5rem 1rem 0.5rem 13rem;
	}
	section.container.spring > div::after
	{
		top: -2rem;
		left: 0.5rem;
		width: 12rem;
		height: 12rem;
		
		background-position: top center;
		background-size: contain;
	}

	body
	{	background-color: #fff;
		background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(../../images/spring/backg.svg);
		background-repeat: no-repeat;
 		background-attachment: fixed;
		background-position-y: 3rem;
	}
}