/*
Theme Name: NowaCare
Theme URI: https://nowacare.de
Author: NowaCare GmbH
Author URI: https://nowacare.de
Description: Modernes Premium WordPress Theme für NowaCare GmbH
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: nowacare
*/
.hero-section{
	padding:70px 0;
	position:relative;
	overflow:hidden;
}

.hero-section::before{
	content:'';
	position:absolute;
	width:600px;
	height:600px;
	right:-250px;
	top:-150px;
	background:#ffe4f6;
	border-radius:50%;
	z-index:-1;
}

.hero-badge{
	display:inline-flex;
	padding:12px 20px;
	border-radius:999px;
	background:var(--gold-light);
	color:var(--gold);
	font-weight:700;
	margin-bottom:24px;
}

.hero-content p{
	font-size:1.2rem;
	margin-top:24px;
	color:var(--text-light);
	max-width:650px;
}

.hero-buttons{
	display:flex;
	gap:16px;
	margin-top:40px;
	flex-wrap:wrap;
}
.hero-image img,
.about-image img{
	width:100%;
	object-fit:cover;
}
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:16px 28px;
	border-radius:999px;
	font-weight:700;
	transition:var(--transition);
}

.btn-primary{
	background:var(--primary);
	color:#fff;
}

.btn-primary:hover{
	background:var(--primary-hover);
	transform:translateY(-2px);
}

.btn-secondary{
	background:#fff;
	color:var(--primary);
	border:2px solid var(--primary);
}

.btn-light{
	background:#fff;
	color:var(--primary);
}

.trust-card{
	background:#fff;
	padding:24px;
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow);
	text-align:center;
	font-size:1.1rem;
}

.trust-card h3{
	margin-top:15px;
}

.section-header{
	text-align:center;
	margin-bottom:60px;
}

.section-header span{
	display:block;
	color:var(--primary);
	font-weight:700;
	margin-bottom:10px;
}

.service-card{
	background:#fff;
	padding:40px;
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow);
	transition:var(--transition);

	border:1px solid transparent;
}

.service-card:hover{
	transform:translateY(-6px);

	border-color:rgba(255,0,168,.15);
}

.service-card p{
	margin-top:15px;
	color:var(--text-light);
}

.career-box{
	background:linear-gradient(
		135deg,
		var(--primary),
		#ff59c1
	);

	color:#fff;
	text-align:center;

	padding:50px;
	border-radius:50px;
}

.career-box p{
	margin:20px 0 30px;
}

.whatsapp-floating{
	position:fixed;
	right:25px;
	bottom:25px;
	z-index:999;

	padding:16px 24px;

	border-radius:999px;

	background:#25d366;
	color:#fff;

	font-weight:700;

	box-shadow:var(--shadow);
}

.default-page{
	padding:120px 0;
}

.page-content{
	margin-top:40px;
}

.page-content p{
	margin-bottom:20px;
}

.jobs-section{
	background:#fff;
}
.site-footer{
	background:#fff;
	border-top:1px solid rgba(0,0,0,.08);
}

.site-footer h3,
.site-footer h4{
	margin-bottom:20px;
}

.site-footer ul li{
	margin-bottom:12px;
}

.site-footer a{
	transition:.3s ease;
}

.site-footer a:hover{
	color:var(--primary);
}
.mobile-menu-toggle{
	display:none;
}
.hero-section{
	padding:70px 0;
}

.trust-section{
	padding:30px 0 50px;
}

.services-section{
	padding:60px 0;
}

.about-section{
	padding:60px 0;
}

.career-section{
	padding:60px 0;
}

.contact-section{
	padding:60px 0;
}
.service-icon{
	font-size:32px;
	margin-bottom:20px;
}

.service-card h3{
	margin-bottom:15px;
}

.service-card{
	display:flex;
	flex-direction:column;
	height:100%;
}
.service-icon{
	font-size:36px;
	margin-bottom:20px;
	line-height:1;
}

.services-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.service-card{
	background:#fff;
	padding:35px;
	border-radius:32px;
	box-shadow:var(--shadow);
	transition:var(--transition);
	height:100%;
}

.service-card:hover{
	transform:translateY(-5px);
}

.service-card h3{
	margin-bottom:15px;
}

.service-card p{
	color:var(--text-light);
}

/* ==========================================================
   Contact
========================================================== */

.contact-section{
	padding:60px 0;
	background:#fff;
}

.contact-grid{
	display:grid;
	grid-template-columns:340px 1fr;
	gap:60px;

	background:linear-gradient(
		135deg,
		var(--gold),
		#e8c995
	);

	padding:60px;
	border-radius:40px;
	box-shadow:var(--shadow);

	align-items:start;
}

.contact-info h3{
	margin-bottom:25px;
	color:#fff;
}

.contact-info p{
	margin-bottom:20px;
	line-height:1.7;
	color:#fff;
}

.contact-info a{
	color:#fff;
	font-weight:600;
	text-decoration:none;
}

.contact-info a:hover{
	text-decoration:underline;
}

/* ==========================================================
   Forms
========================================================== */

.career-form,
.contact-form form{
	display:flex;
	flex-direction:column;
	gap:15px;
	max-width:600px;
	margin:30px auto 0;
}

.career-form input,
.career-form textarea,
.contact-form input,
.contact-form textarea{
	width:100%;
	padding:16px 20px;

	font-size:16px;

	border:none;
	border-radius:20px;

	background:#fff;
	color:#333;

	box-sizing:border-box;

	transition:.2s;
}

.career-form input:focus,
.career-form textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus{
	outline:none;
	box-shadow:0 0 0 3px rgba(255,255,255,.35);
}

.career-form textarea,
.contact-form textarea{
	min-height:160px;
	resize:vertical;
}

.contact-form button{
	align-self:flex-start;

	padding:15px 40px;

	border:none;
	border-radius:999px;

	background:#fff;

	color:var(--gold);

	font-size:16px;
	font-weight:700;

	cursor:pointer;

	transition:.2s;
}

.contact-form button:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 20px rgba(0,0,0,.15);
}

/* ==========================================================
   Messages
========================================================== */

.success-message{
	margin-bottom:25px;
	padding:18px 22px;

	border-radius:15px;

	background:#d4edda;
	color:#155724;

	font-weight:600;
}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:900px){

	.contact-grid{
		grid-template-columns:1fr;
		gap:40px;
		padding:40px 30px;
	}

}