/* Ambulante Kinderkrankenpflege - Krank und Klein - bleib daheim GmbH - 2019 */
@import url("theme-animate.css");
/* caveat-regular - latin */
@font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/caveat-v5-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Caveat Regular'), local('Caveat-Regular'),
		 url('../fonts/caveat-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/caveat-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/caveat-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/caveat-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/caveat-v5-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}
  /* caveat-700 - latin */
  @font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/caveat-v5-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Caveat Bold'), local('Caveat-Bold'),
		 url('../fonts/caveat-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/caveat-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/caveat-v5-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/caveat-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/caveat-v5-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}
html,body{height:100%;min-height:100%}body{overflow:hidden}header{max-height:auto!important}header .start{height:100%;min-height:100%}header .start::after{display:none}header .start .start-image{height:100vh}header .start .headerH1{z-index:1;position:absolute;right:50px;bottom:15px;text-align:right;width:100%}header .start .headerH1 h1{color:#fff;font-family:'Caveat',cursive;font-size:calc(45px + 0.2vw)}.container-index{position:absolute;width:100%;max-width:100%;bottom:100px;z-index:69}.header-quota{font-family:'Caveat',cursive}.index-info{width:25%;margin-left:25px;margin-right:calc(100% - 350px - 25px);z-index:100;background:#fff;opacity:0;z-index:-1;padding:25px;text-transform:uppercase}.index-info .index-info-image-div img{width:100%;max-width:100%}.index-info .index-info-close{position:absolute;top:0;right:5px}.index-info .index-info-close .fas{color:#eb7e09;cursor:pointer}.index-info .index-info-image-div{position:relative}.index-info .index-info-image-div .index-info-text{position:absolute;top:0;text-transform:uppercase;width:100%;padding:25px;height:100%}.index-info .index-info-text{font-size:calc(20px + 1vw);line-height:calc(20px + 1vw)}.index-info .index-info-title,.index-info .index-info-button{font-size:calc(16px + 0.2vw)}.index-info .index-info-title{border-bottom:1px solid #eb7e09;margin-bottom:10px}.index-info .index-info-title p{color:#eb7e09;weight:900;text-align:center;margin-bottom:5px;margin-top:5px}.index-info .index-info-button{font-style:normal;background:#eb7e09;color:#fff;text-align:center}.index-info .index-info-button a,.index-info .index-info-button button{font-style:normal;color:#fff}.iizindex,.fadeInLeft{z-index:10}.footer{z-index:1}.start-image-sm{display:none}@media screen{header .start{height:90vh}}@media screen and (max-width: 1450px){.index-info{width:350px;margin-left:25px;margin-right:calc(100% - 350px - 25px);z-index:100;background:#fff;opacity:0;z-index:-1;padding:25px;text-transform:uppercase}}@media screen and (max-width: 1024px){body{overflow:visible}header{margin-bottom:0}header .start{height:93vh}main{display:none}.container-index{display:none}.footer{position:relative}}@media screen and (max-width: 767px){html{min-height:100%;height:100%}body{margin-bottom:0}.start-overlay{position:relative}.headerH1{top:50px!important}}@media screen and (max-width: 550px){header .start-image{display:block}.start-image-lg{display:none!important}.start-image-sm{display:block!important}.headerH1{top:25px;display:flex;-ms-flex-align:center;align-items:center;padding-left:15px;padding-right:15px}.headerH1 h1{font-size:30px!important}}@media screen and (max-width: 400px){header .start-image{background-size:cover!important;background-repeat:no-repeat;overflow:hidden;width:100%;height:100vh}}

.info-button:hover {
	text-decoration: none;	
}

.info-button:hover .index-info-button {
	background-color: #45afce;
}

.start-stoerer {
	position: absolute;
	bottom: 140px;
	right: 50px;
	z-index: 99;
}
.start-stoerer:hover {
	cursor: pointer;
}
.start-stoerer img {
	width: 300px;
	max-width: 100%;
}
.modal-dialog {
	width: 1200px;
	max-width: 90%;
}
.modal-body {
	padding: 0px;
	border-radius: 0px;	
	margin-bottom: -10px;	
}
#videom1 {
	max-width: 100%;
}
.close {
	max-width: 100px;
	right: 0px;	
	position: absolute;	
	top: -55px;	
	width: 50px;	
	background-color:#ed7900 !important;	
	color:#fff;	
	opacity: 1;	
	height: 50px;	
}

.close:hover {
	background-color: #45afce !important;
	color: #fff !important;
	opacity: 1 !important;
}


.infomodal {
	display: none;
}
.infomodal .modal-dialog {
	max-width: 400px;
}

.infomodal .modal-content {
	border-radius: 0px;
	border: 0px;
}
.infomodal .modal-body .index-info-image {
	width: 100%;
	max-width: 100%;
}

.infomodal .index-info-text {
	color: #000;
	position: absolute;
	top: 0;	
	text-transform: uppercase;	
	width: 100%;	
	padding: 25px;	
	height: 100%;	
	font-size: calc(30px + 1vw);
	line-height: calc(30px + 1vw);
}

.infomodal .index-info-button {
	padding-top: 10px;
	padding-bottom: 10px;	
	text-align: center;	
	background-color:#ed7900;	
	color:#fff;	
	text-transform: uppercase;
}
@media (max-width: 1920px) { 
	.start-stoerer img {
		width: 230px;	
	}	
}
@media (max-width: 991px) { 
	.start-stoerer {
		position: absolute;
		bottom: unset;	
		right: unset;	
		z-index: 99;	
		top: 0px;	
		left: 0px;	
		
	}	
	.start-stoerer img {
		width: calc(170px + 1vw);
	}	
	.modal-dialog {
		width: 100%;
		margin: 0 auto;
	}
	.container-index {
		bottom: -200px;
		display: block;
	}
	.infomodal {
		display: block;
	}
	.container-index {
		display: none;
	}
}

@media (max-width: 500px) { 
	.index-info {
		margin-left: 0px;
		max-width: 100%;
	}
}



header .start .headerH1 {
	bottom: initial;
	top: 80px;
}

header .start .headerH1 h1 {
	font-size: calc(45px + 0.69vw);
}

.start-stoerer {
	bottom: 30px;
	right: 40px;
}