/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('https://www.arbeitnehmerhilfe.org/termin/assets/font/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

p, a{color:#212e36!important;}

.btn {text-shadow:none!important; margin-right:15px; margin-bottom:8px; border-radius:5px; border:0; padding:8px 12px;}
.btn-sm {font-size:16px; line-height:16px;  margin-bottom:8px; font-family: 'Source Sans Pro',Arial!important;}
.btn-blue, .btn-blue:hover {background-color:#122e46!important; border-color:#122e46!important;}
.btn-red, .btn-red:hover {background-color:#a60c0e!important; border-color:#a60c0e!important;}
.btn-yellow, .btn-yellow:hover {background-color:#ffb752!important; border-color:#ffb752!important; color:#ffffff!important;}
.btn-blue:hover, .btn-red:hover, .btn-yellow:hover {}

.alert {font-size:15px;}

body {
	margin:0px; 
	/*
	background-image:url("assets/project/bg-3.jpg"); background-size:cover; background-attachment:fixed; background-position:center; background-repeat:no-repeat;
	*/
	
	background: rgb(111,130,147);
	background: linear-gradient(135deg, rgba(111,130,147,1) 0%, rgba(22,42,67,1) 100%);
	
	font-family: 'Source Sans Pro',Arial!important;
	font-size:17px;

	height:100vh;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

#container {display: flex; width:70vw; height:85vh; padding:0px; border-radius:8px;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

#left {background-color:#eaf1f7; border-top-left-radius:8px; border-bottom-left-radius:8px; padding:25px; display:flex; flex-direction:column; flex:1;}
#right {background-color:#ffffff; border-top-right-radius:8px; border-bottom-right-radius:8px; padding:40px 80px 40px 80px; overflow:scroll; -ms-overflow-style: none; scrollbar-width: none;}
#right::-webkit-scrollbar {
  display: none;
}

#header, #footer {display:none;}

footer {margin-top: auto;}
footer, footer a {font-size:14px; line-height:14px;}
footer a:hover {text-decoration:none; color:#a60c0e!important;}

#logo {height:80px; float:right;}
.logoPlaceholder {height:30px;clear:both;width:100%;}

#left .calendarIcon {color:#122e46; font-size:70px; line-height:70px; margin-bottom:15px; border-radius:50%; width:110px; height:110px; background-color:#ffffff; text-align:center; padding-top:18px;}

.well {border:1px solid #122e46; box-shadow:none;}
.border-green {border-color:#82af6f;}
.text-green {color:#82af6f!important;}
.border-red {border-color:#a60c0e;}
.text-red {color:#a60c0e!important;}
.well .iconElement {color:#122e46; font-size:60px; line-height:60px; width: 70px; float:right;}
.well span {font-size:18px; line-height:20px;}

h1, h1.header {
	font-family: 'Source Sans Pro',Arial!important;
	font-weight: 700!important;
	color:#a60c0e!important;
	border-bottom:0!important;
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:0px;
}

h1.header div {font-weight: 400!important;}

h2, h2.header {
	font-family: 'Source Sans Pro',Arial!important;
	font-weight: 700!important;
	color:#122e46!important;
	border-bottom: 1px dashed #122e46!important;
	margin-top:0px;
	margin-bottom:10px;
}

#left h2 {border-bottom:0!important; margin-top:0px;}
.fs20 {font-size:20px; line-height:20px;}

.accordion-style1.panel-group .panel-heading .accordion-toggle {font-size:16px; color:#122e46!important; font-weight:700!important; font-family: 'Source Sans Pro',Arial!important;}

.step {border-bottom: 1px dashed #667f98; padding-bottom:10px; margin-bottom:10px; display:flex;}
.step:first-of-type {border-top: 1px dashed #667f98; padding-top:10px; margin-top:40px; display:flex;}
.step .num {font-size:24px; line-height:24px; width:24px; height:24px; text-align:center; border-radius:50%; background-color:#122e46; color:#ffffff; font-weight:700;}
.step.active .num {background-color:#a60c0e;}
.step.active .text {color:#a60c0e;}
.step .text {margin-left:15px; font-size:18px; line-height:18px; font-weight:700; color:#122e46; padding-top:4px;}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {font-size:17px; color:#000000;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {font-size:17px; color:#000000;}

.formFirma, .formOrt {display:none;}

.modal-header h4 {
	font-family: 'Source Sans Pro',Arial!important;
	font-weight: 700!important;
	color:#212e36!important;
}

.alert {margin-top:20px;}

.w25 {width:25%;}
.w50 {width:50%;}
.w75 {width:75%;}
.w95 {width:95%;}
.w100 {width:100%;}

.mt0 {margin-top:0px!important;}
.mb0 {margin-bottom:0px!important;}

.mt10 {margin-top:10px!important;}
.mb10 {margin-bottom:10px!important;}
.mt15 {margin-top:15px!important;}
.mb15 {margin-bottom:15px!important;}
.mt20 {margin-top:20px!important;}
.mb20 {margin-bottom:20px!important;}
.mt30 {margin-top:30px!important;}
.mb30 {margin-bottom:30px!important;}
.mt34 {margin-top:34px!important;}

.bold {font-weight:700!important;}

.bottomDivider {clear:both;border-top:1px dashed #122e46;margin-bottom:20px;}

label {
	font-size: 15px;
	margin-bottom:2px;
	margin-top:10px;
}
.displayNone {
	display: none;
}

#overlay {
   position: fixed;
   z-index:1500;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
}

.overlayBG {
background-color:#000;
-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
filter:alpha(opacity=75); /* IE5-7 */
-moz-opacity: 0.75; /* Mozilla */
opacity: 0.75;
}

#lightBox {
position:fixed;
top:calc(50% - 135px);
left:calc(50% - 200px);
/*margin-left:-50%;
margin-top:-50%;*/
z-index:1600;
width:400px;
height:270px;
background-color:#ffffff;
text-align:center;
border-radius:8px;
}
#lightBox h5 {font-size:24px;color:#122e46;font-weight:700;font-family: 'Source Sans Pro',Arial;}

/* Step -1 */
.terminvorschlag {border:1px solid #eaf1f7; padding:4px 8px; margin-bottom:10px; border-radius:4px; background-color:#eaf1f7; color:#122e46; text-align:center; width:100%;}
.terminvorschlag:hover {cursor:default; background-color:#122e46; border-color:#122e46; color:#ffffff;}

/* Step 1 */
.anliegen {display:block; width: calc(50% - 10px); float:left; border:1px solid #eaf1f7; padding:10px; margin-bottom:20px; border-radius:4px; background-color:#eaf1f7; color:#122e46;}
.anliegen:nth-child(even){margin-right:0px;}
.anliegen:nth-child(odd){margin-right:20px;}
.anliegen .title {font-weight:bold;}
.anliegen .desc {font-size:14px; line-height:16px;}
.anliegen:hover {cursor:pointer; border-color:#122e46;}
.anliegen.on {background-color:#122e46; border-color:#122e46; color:#ffffff;}

/* Step 2 */
.terminart {display:flex; width:100%; border:1px solid #eaf1f7; padding:10px; margin-bottom:20px; border-radius:4px; background-color:#eaf1f7; color:#122e46;}
.terminart .title {font-weight:bold;}
.terminart .desc {font-size:14px; line-height:16px;}
.terminart .icon {flex: 1 1 10%; font-size:40px; line-height:40px;  text-align:center; margin-right:10px;}
.content {flex: 1 1 90%;}
.terminart:hover {cursor:pointer; border-color:#122e46;}
.terminart.on {background-color:#122e46; border-color:#122e46; color:#ffffff;}
#standorte {display:none;}
#standorte label input {margin-right:10px;}
#standorte label {font-size: 15px; margin-bottom: 0px; margin-top: 4px;}
#standorte label:hover {font-weight:700;cursor:pointer;}

/* Step 3 */
.terminkalender {display:flex; color:#122e46;}
.tag {border-right:1px dashed #122e46; padding: 0px 15px; display:flex; flex-direction:column; width:130px;}
.tag:first-of-type{border-left:1px dashed #122e46;}
.tag .datum {font-size:18px; font-weight:bold; text-align:center; width:100%; margin-bottom:10px;}
.tag .uhrzeit {border:1px solid #eaf1f7; padding:4px 8px; margin-bottom:10px; border-radius:4px; background-color:#eaf1f7; color:#122e46; text-align:center; width:100%;}
.tag .uhrzeit:hover {cursor:pointer; background-color:#122e46; border-color:#122e46; color:#ffffff;}
.alert-warning {color:#000000!important; border-color:#ffb752;}

/* ========================================================================================================= */
/* ================================= RESPONSIVENESS ======================================================== */
/* ========================================================================================================= */

/* iPhone 5/SE */
@media (max-width: 374px) {
	
	.tag .uhrzeit {width:25%!important;}
	.well .iconElement {display:none!important;}
	
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 879px) { /* 679px 767px*/

	.hideMobile {display:none;}
	.mobileOnly {display:block;}
	
	body {
		background:#ffffff!important;
		font-size:16px;
		line-height:21px;
	}
	
	h2.smaller {
		font-size: 20px;
		line-height: 24px;
	}
	
	#lightBox {
		position:fixed;
		top:0;
		left:0;
		margin-left:0px;
		margin-top:0px;
		z-index:1600;
		width:100%;
		border-radius:0;
	}
	#lightBox h5 {font-size:18px;}
	
	.overlayBG {
		background-color:#ffffff;
		-ms-filter: "Alpha(Opacity=100)"; /* IE 8 */
		filter:alpha(opacity=100); /* IE5-7 */
		-moz-opacity: 1.0; /* Mozilla */
		opacity: 1.0;
	}
	
	#container {width:auto; height:auto; border-radius:0; transform:none; position:relative; top:0; left:0; box-shadow:none; flex-direction:column;}
	#left {display:none;}
	#right {padding:0 15px 15px 15px; border-radius:0;}
	
	#header {display:block; background-color:#fff; padding: 10px 15px;}
	#header h1 {font-size:24px; line-height:24px; margin-bottom:0;}
	#header h2 {border-bottom:1px dashed #122e46!important}
	#header .calendarIcon {color:#122e46; font-size:30px; line-height:30px; border-radius:50%; width:50px; height:50px; background-color:#eaf1f7; text-align:center; padding-top:8px; float:right;}
	
	#footer {display:block; background-color:#fff; padding: 20px 15px;}
	
	h2, h2.header {border-bottom:0!important;}
	
	.fs20 {font-size:18px; line-height:20px;}
	
	.logoElement, .logoPlaceholder {display:none;}
	
	.anliegen {width:100%; margin-bottom:15px;}
	
	.terminkalender {flex-direction:column;}
	.tag {border-right:0; padding:15px 0; width:100%; display:block; border-bottom:1px dashed #122e46;}
	.tag:first-of-type{border-left:0; border-top:1px dashed #122e46;}
	.tag .datum {text-align:left;}
	.tag .uhrzeit {width:30%; float:left; margin-right: 10px;}

}
	
/* ========================================================================================================= */
/* ========================================================================================================= */

/* Small devices (tablets, 768px and up) Tablets Hochformat */
@media (min-width: 550px) and (max-width: 879px) {
	
	.hideMobile {display:none;}
	.mobileOnly {display:block;}

	body {
		background:#ffffff!important;
		font-size:17px;
		line-height:22px;
	}
	
	#right {padding:0 30px 30px 30px;}
	#header {padding: 30px;}
	#footer {padding: 0 30px 30px 30px;}
	
	.anliegen {display:block; width: calc(50% - 10px); float:left; border:1px solid #eaf1f7; padding:10px; margin-bottom:20px; border-radius:4px; background-color:#eaf1f7; color:#122e46;}
	
}

/* ========================================================================================================= */
/* ========================================================================================================= */

/* Medium devices (desktops, 992px and up) Tablet Querformat und Nicht Full-HD-Monitore */
@media (min-width: 880px) and (max-width: 1199px) {
	
	.tabletLandscapeOnly {display:block;}
	
	#container {display: flex; width:100vw; height:100vh; padding:0px; border-radius:0px;  box-shadow:none; margin: 0;
	  position: absolute;
	  top:0;
	  left:0;
	  -ms-transform: none;
	  transform: none;
	}
	#left, #right {border-radius:0px;}
	#left h1.smaller {font-size:24px; line-height:26px;}
	#left h2.smaller {font-size:19px; line-height:21px;}
	
	#right {padding:40px;}
	


}
@media (min-width: 880px) and (max-width: 991px) {
	.step .num {display:none;}
	.step .text {margin-left:0; font-size:15px;}
	.step {padding-bottom:5px; margin-bottom:5px;}
	.step:first-of-type {border-top: 1px dashed #667f98; padding-top:5px; margin-top:30px; display:flex;}
}

/* ========================================================================================================= */
/* ========================================================================================================= */

@media (min-width: 1200px) and (max-width: 1600px) {
	
	#container {width:85vw; height:90vh;}
	#right {padding:40px;}
	
}

@media (max-width: 767px) {
	
	.mt34 {margin-top:15px!important;}
	
}

/* ========================================================================================================= */
/* ========================================================================================================= */

/* Large devices (large desktops, 1680px and up) */
@media (min-width: 1650px) {
	
	
	
}