/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.row .col-md-7{
	margin-bottom:30px;
}

.carousel-indicators li{
	width:60px;
	height:8px;
	border-radius: 0px;
}


.carousel-indicators .active{
	width:60px;
	height:9px;
	border-radius: 0px;
}

a:hover{
	text-decoration:none;
}

.up{
	text-transform: uppercase;
}

#Praxisassistenz .col-md-12{
	
}

#covertexterino{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}


#Praxisassistenz{
	font-weight:bold;
}

#Tieraerzte{
	font-weight:bold;
}

td{
	width:30%;
	
	text-align:left;
}
.overlay{
	position:relative;
	top:10%;
	max-height: 80vh;
	overflow: scroll;
}


.collapsing{
	background-color:rgba(25, 202, 218, 1);
}

.collapsing ul{
	background-color:rgba(25, 202, 218, 1);
}
.collapsing ul li a{
	color:white;
	font-weight: 600;
	text-transform: uppercase;
}




.in{
	background-color:rgba(25, 202, 218, 1);
}


.in ul{
	background-color:rgba(25, 202, 218, 1);
	color:white;
	font-weight: 600;
	text-transform: uppercase;
}

.in ul li a{
	color:white;
}

.in ul li a:active{
	color:black;
}
.in ul li a:hover{
	color:black;
}





.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height:100%;
	overflow: hidden;
}





#lageplan{
	padding:10px 0px;
	background-color:rgba(25, 202, 218, 0.1);
	width: 700px;
	margin:auto;
}

#lageplan:hover{
	padding:10px 0px;
	background-color:rgba(25, 202, 218, 0.2);
	width: 700px;
	margin:auto;
}

#lageplan a{
	font-family: 'Montserrat', sans-serif;
	
}


.remodal img{
	max-width: 100%;
	margin-bottom: 20px;
}

.logol{
    position: absolute;
    top: 25px;
    left: 25px;
}


.col-xs-12{
	max-width:100%;
}

.navbar-toggle .icon-bar{
	
	width: 30px;
	height: 4px;
	border-radius: 2px;
}


.flex-direction-nav li a{
	display:none;
}

.navbar-nav{
	background-color:white;
	    margin: 25px -15px 0px -15px;
		font-weight: 300;
		font-size:14px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
}

.navbar-default .navbar-toggle{
	border:0px;
}

.navbar-default{
	background-color:white;
}

h2, h1, h3{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

h3{
	font-size:20px;
}

body {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	padding:0;
	margin:0;
	font-size:16px;
	font-weight: 300;
	
}

.trenner-blue{
	width:300px;
	height:2px;
	background-color:rgba(25, 202, 218, 1);
	margin:20px auto;	
}

.trenner-white{
	width:300px;
	height:2px;
	background-color:white;
	margin:20px auto;
	margin-bottom: 50px;
}

.trenner{
	width:300px;
	height:2px;
	background-color:rgba(0, 0, 0, 1);
	margin:20px auto;
	margin-bottom: 50px;
}

#menu{
	position:fixed;
	top:150px;
	width:100%;
	max-height:90px;
	height:90px;
	right: 0;
	left: 0;
	z-index: 20;
	background-color:white;
}


#menu2{

	background-color:white;
}



.navbar-toggle{
	position: relative;
	top:20px;
}



#navbar{
	padding: 0px;
}

.navbar-brand{
	padding: 20px 20px;
}
/*asdsdsdafasdfdsfdsafsdf*/


#big{
	position:absolute;
	width:240px;
	height:100%;	
	left:0px;
	transition: all 0.3s ease-in;
	padding:0;
	overflow:hidden;
}



#big img{
	min-height:50px;
	height:50%;
	padding:0;
	-webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

#small{
	position:absolute;
	width:120px;
	height:100%;	
	left:0px;
	transition: all 0.3s ease-in;
	padding:0;
	overflow:hidden;
}

#small img{
	min-height:50px;
	height:50%;
	padding:0;
	-webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.swap{
	
	opacity:0;
	
	-webkit-transition: all 3s ease;
	  -moz-transition: all 3s ease;
	  -ms-transition: all 3s ease;
	  -o-transition: all 3s ease;
	  transition: all 3s ease;

}



/*asdsdsdafasdfdsfdsafsdf*/

.navbar-header{
	height:90px;
}



.carousel-caption{
	bottom: 20%;
}

.carousel-inner > .item{
	
	
	
}
/* ----------------------IMPORTANT---------------------------- */
.homebg{

}

.nrm{
	
	background-position: center top;
	height:1400px;
	background-repeat:no-repeat;
	overflow: hidden;	
	width: 100%;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	
}

.mobile{
	background-position: center top;
	height:100vh;
	background-repeat:no-repeat;
	overflow: hidden;	
	width: 100%;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ----------------------IMPORTANT---------------------------- */

#slid1{
	background-image:url(../img/_AEF5059-b1.jpg);
}
#slid2{
	background-image:url(../img/_AEF6297-b1.jpg);
}




.section-head{
	padding-top:40px;
}

/* listit
-------------------------------------------------- */
.item{
	max-width:100%;
	margin-bottom:30px; 
}

.item img{
	max-width:100%;
	max-width:360px;
	margin-bottom:10px;
}

.item a img{
	max-width:100%;
	max-width:320px;
	margin-bottom:10px;
}







/* sections
-------------------------------------------------- */
section { 
    display: block;
	
	padding-bottom:90px;


}

#Team{
	padding-bottom:0px;
 	
	
	
}


#Praxis{
	background-color:rgba(25, 202, 218, 0.1);

}

#Praxis img{
	max-height:530px;
    margin-left: auto;
    margin-right: auto;
}


#Notfalldienst{
	background-color:rgba(25, 202, 218, 1);
	color:white;
}
#Notfalldienst h2{
	color:#fff;
}




.mobilee{
	background-position: left 40% top;
	/*height:100vh;*/
	
	background-repeat:no-repeat;
	overflow: hidden;	
	width: 100%;
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.nrmm{
	
	background-position: center top;
	background-repeat:no-repeat;
	overflow: hidden;	
	width: 100%;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		
}





#Angebot{
	
	padding-bottom: 30px;
	
	color:white;
	background-image:url(../img/turtle.jpg);






}
	
#foot{
	padding-top:100px;
}
#foot img{
	margin-bottom:30px;
}

#Kontakt{padding-top: 30px;}


	
	
/* CUSTOMIZE THE homeCAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  right:0;
  left:0;
}

/* Declare heights because of positioning of img element */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

.carousel-inner{
	height:100vh;
  	width:100%;
}

.carousel-inner > .item > img{
  height:100%;
  top: 0;
  left: 0;
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  overflow: hidden;
}

.navbar-toggle .icon-bar{
	background-color:black;
}

a{
	color:black;
}

a:hover{
	color:black;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	

	
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    line-height: 1.4;
  }

table {
  width: 600px;
}


  #big{

  	left:30px;

  }

  #small{

  	left:30px;
	width:240px;

  }


}

@media (min-width: 992px) {
	
	.overlay{
		top:30%;
	}
	
	.angebote{
		min-height:300px;
	}


	h1{
		font-size:55px;
		font-weight: 600;
	}

}

@media (min-width: 768px) and (max-width: 991px) {


	.in .navbar-fixed-top .navbar-collapse{
		max-width:100%;
		max-height:100%;
	}
	

	
    .navbar-collapse.collapse {
        display: none !important;
    }
	
	.nav>li{
		width:100%;
	}
	
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	.navbar-nav{
		float:right;
		background-color:white;
	}
	
	.navbar-nav{

		    margin: 0px 0px 0px 0px;

	}
	

}

@media (max-width: 991px){
	
	#big{
		height:90px;
		max-height:90px;
	}
	#small{
		height:90px;
		max-height:90px;
	}
	
	.angebote{
		padding-bottom: 20px;
	}
	
	h1{
		font-size:35px;
		font-weight: 600;
	}
	td {
	    font-size: 12px;
	}
	
}

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

.carousel-caption {
text-shadow: 0;
text-shadow: none;
}