@charset "utf-8";
/* CSS Document */

/********************************/
/* Default Font-Color			*/
body {
  	color: 				#2B2B2B;
}

/********************************/
/* Horizontal Scrollable Menu 	*/
div.scrollmenu {
  	background-color: 	#333;
  	overflow: 			auto;
  	white-space: 		nowrap;
}
div.scrollmenu a {
  	display: 			inline-block;
  	color: 				white;
  	text-align: 		center;
  	padding: 			14px;
  	text-decoration: 	none;
}
div.scrollmenu a:hover {
  	background-color: 	#777;
}

/********************************/
/* Formular						*/

/* Terminanfrage 	*/
body{
	background: #f4f6f9;
}

.main-card{
	border: 0;
	border-radius: 24px;
	overflow: hidden;
}

.left-panel{
	background: #ffffff;
}

.right-panel{
	background: linear-gradient(180deg, #0d6efd 0%, #0b5ed7 100%);
	color: #ffffff;
}

.section-title{
	font-size: 1.15rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.modern-input{
	border-radius: 14px;
	padding: 0.9rem 1rem;
	border: 1px solid #dfe3e8;
	transition: all 0.2s ease;
}

.modern-input:focus{
	border-color: #0d6efd;
	box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

.form-check-modern{
	background: #f8f9fa;
	border-radius: 14px;
	padding: 1rem;
	border: 1px solid #e9ecef;
	height: 100%;
}

.right-panel .form-control{
	border: 0;
	border-radius: 14px;
	padding: 0.9rem 1rem;
}

.right-panel .form-control:focus{
	box-shadow: 0 0 0 .2rem rgba(255,255,255,.2);
}

.submit-btn{
	border-radius: 14px;
	padding: 0.9rem 3rem;
	font-weight: 600;
	min-width: 260px;
}

.icon-box{
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: rgba(255,255,255,.15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}

.modern-input{
    border-radius: 14px;
    padding: 0.9rem 1rem;
    border: 1px solid #dfe3e8;
    transition: all 0.2s ease;
    background-color: #ffffff;
}

.modern-input:focus{
    border-color: #0d6efd;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}