:root {
	--storein-blue: #3D4FD6;
	--storein-blue10: #EEF0FB;
	--storein-blue25: #CDD1F5;
	--storein-blue50: #98A8EB;
	--storein-blue75: #6977DE;
	--storein-bluedark: #2E3BA0;
	--storein-bluedarker: #1E2769;
	--storein-orange: #FF6B35;
	--storein-orange10: #FFF0EB;
	--storein-orange25: #FFCFBC;
	--storein-orange50: #FFB59A;
	--storein-orange75: #FF9068;
	--storein-orangedark: #CC4F1E;
	--storein-orangedarker: #8F3110;
	--storein-light: #F8F9FA;
	--storein-dark: #212529;
}

.navbar {
	background-color: var(--storein-blue) !important;
	min-height: 82px;
}

.navbar-brand {
	font-weight: 700;
	font-size: 1.5rem;
}

.navbar .nav-link {
	color: white !important;
	font-weight: 500;
}

.navbar .nav-link:hover {
	color: #ffd9cc !important;
}

.btn-primary {
	background-color: var(--storein-orange);
	border-color: var(--storein-orange);	
}

.btn-primary:hover {
	background-color: #e85d2d;
	border-color: #e85d2d;
}

.storein-logo {
	height: 60px;
	width: auto;
}

.required:after {
	content: " *";
	color: red;
}

.filter-group {
	margin-bottom: 25px;
}

/* INDEX START */
.hero-brand {
	background: linear-gradient(135deg, var(--storein-blue), var(--storein-bluedarker));
	color: white;
	border-radius: 32px;
	padding: 4rem;
}

.hero-logo-text {
	font-weight: 900;
	line-height: 1;
	margin: 0;
}

.hero-logo-store {
	color: white;
	font-size: clamp(3rem, 7vw, 5.5rem);
}

.hero-logo-in {
	color: var(--storein-orange);
	font-size: clamp(3rem, 7vw, 5.5rem);
}

.hero-logo-austria {
	display: block;
	color: var(--storein-orange);
	font-size: clamp(1.5rem, 3vw, 2.4rem);
	letter-spacing: 0.08em;
	margin-top: 0.35rem;
}

.hero-icon-box {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	padding: 3rem 2rem;
}

.hero-icon {
	font-size: 4rem;
}

.section-header {
	border-bottom: 3px solid var(--storein-orange);
	margin-bottom: 1.5rem;
}

.section-header h2 {
	color: var(--storein-bluedarker);
	font-size:  1.1rem;
	font-weight: 800;
	letter-spacing: 0.4rem;
}

.problem-card {
	background: var(--storein-orange10);
	border: none;
	border-radius: 16px;
}

.solution-card {
	background: var(--storein-blue10);
	border: none;
	border-radius: 16px;
}

.step-card {
	border-radius: 20px;
	padding: 2.5rem 1.5rem;
	color: white;
}

.step-card-1 {
	background: var(--storein-blue);
}

.step-card-2 {
	background: var(--storein-blue75);	
}

.step-card-3 {
	background: var(--storein-blue50);
}

.step-number {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	margin: 0 auto;
	
	font-size: 1.5rem;
	font-weight: 700;
}

.usecase-card {
	background: var(--storein-blue10);
	border: none;
	border-radius: 20px;
}

.targetgroup-card {
	background: var(--storein-orange10);
	border: none;
	border-radius: 20px;
}

.usecase-list li {
	margin-bottom: 1rem;
	font-size: 1.05rem;
}

.business-model-box {
	background: white;
	padding: 1rem;
	border-radius: 12px;
}

.status-card {
	background: var(--storein-orange10);
	border: none;
	border-radius: 24px;
}

.cta-card {
	background: linear-gradient(135deg, var(--storein-blue), var(--storein-bluedarker));
	color: white;
	border-radius: 24px;
}

.cta-card .card-body, .status-card .card-body {
	padding: 3rem;
}

/* INDEX END */


.btn-outline-primary {
	color: var(--storein-blue);
	border-color: var(--storein-blue);
}

.btn-outline-primary:hover {
	color: white;
	background-color: var(--storein-blue);
	border-color: var(--storein-blue);
}

.card {
	border: none;
	border-radius: 16px;
}

.card-body {
	padding: 2rem;
}

.provider-box {
	background: var(--storein-blue10);
	border-radius: 16px;
	padding: 1.5rem;
}

.login-hint-box {
	background: var(--storein-orange10);
	border-radius: 16px;
	padding: 1.5rem;
}