html,
body,
.view {
    height: 100%;
}
.bg {
  /* The image used */
  background-image: url("https://cape.rh-dev.de/img/prog_bg.jpg");

  /* Full height */ 
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
body {
	/* background-color:#e8eaf6; */
}

.rgba-gradient {
    background: linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
  }


.intro-2 {
    background: url("https://cape.rh-dev.de/img/prog_bg.jpg")no-repeat center center; 
    background-size: cover;
}

.navbar { 
    background-color: transparent;
}

.notransp { 
    background-color: #3C60AE;
}

.noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

.side-nav { 
    background-color: #3C60AE; 
}

.top-nav-collapse {
    background-color: #3C60AE;
}

@media only screen and (max-width: 700px) {
    .navbar {
        background-color: #3C60AE;
    }
	
}

@media only screen and (max-width: 575px) {
    #carousel-detail {
        margin-top:70px !important;
    }
	
}
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}

.datepicker-inline{
	/* margin-right:0 !important;  */
	/* margin-left:100px !important;  */
}

#datepick{
	max-width:220px !important;
	margin-left: 10% !important;
	margin-right: 10% !important;
}

.EventCaseCat{
	height:40px;
	width:88%;
	/*background-color:rgba(255,0,0,1);*/
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:6px;
	/* font:15px/15px 'Lato', Arial, sans-serif; */
	font-weight: 600;
	border-radius: 4px 0px; 
}


.EventCaseInfo{
		height:120px;
		width:100%;
		/*background-color:#000;
		filter: alpha(opacity=70);
            -moz-opacity: .70;
            opacity: .70;*/
		background-color:rgba(0,0,0,0.7);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);		
		position:absolute;
		bottom:0;
		color:#fff;
		padding-top:7px;
		padding-left:7px;
		padding-right:5px;
		border-radius: 0px 0px 4px 4px;
	}


#carousel-detail{
	
      /* height: 60vh; */
    
}