@font-face {
    font-family: "Droid Sans";
    font-style: normal;
    font-weight: bold;
    src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff");
}
@font-face {
    font-family: "Droid Sans";
    font-style: normal;
    font-weight: normal;
    src: local("Droid Sans"), local("DroidSans"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff");
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
   margin: 0;
   padding: 0;
}

ol, ul {
   list-style: none outside none;
}

body {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 #FFFFFF;
   border-color: -moz-use-text-color #D9D9D9;
   border-image: none;
   border-left: 1px solid #D9D9D9;
   border-right: 1px solid #D9D9D9;
   border-style: none solid;
   border-width: medium 1px;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
   margin: 0 auto;
   min-height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   position: relative;
   max-width: 1020px;
   z-index: 1;

   font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
   color: #333333;
}


h1 {
   font-size: 2em;
   color: #b9bd30;
   margin-bottom: 20px;
   font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
}

h2 {
   font-size: 1.6em;
   color: #5e847c;
   margin-top: 30px;
   margin-bottom: 5px;
   font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
}

h3 {
   font-size: 2em;
   margin-bottom: 20px;
   font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
}
h4 {
	font-size: 1.2em;
	color: #5e847c;
	margin-top: 30px;
	margin-bottom: 5px;
	font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
	}
p.small {
   color: #333333;
   font-size: 1em;
   line-height: 1.1em;
   margin-top: 2px;
   margin-bottom: 5px;
}

.small {
   font-size: 0.6em;  
}

p.large {
   font-size: 1.15em;
   line-height: 1.6em;
   margin-bottom: 15px;
}

p.link {
   font-size: 1.2em;
   line-height: 1.6em;
   margin-top: 0px;
   text-align: center;
   width: 100%;
}

a {
   color: #5e847c; 
   text-decoration: none; 
   border-bottom: none;
}

a:focus, a:hover, a:active {
   color: #b9bd30;
   text-decoration: none;
   border-bottom: none;
}

strong {
color: #C3CED4;
    text-shadow: 0 1px 1px #000000;
}

.navbar {
   margin-bottom: 0px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px;
}

.bs-navbar-collapse-1 {
   overflow-y: hidden;
}
   
.brand {
   color: #ffffff !important;
}

.korrektur{
   margin-bottom: 50px;  
}

section#willkommen {
   position: relative;
   min-height: 400px;
   padding: 50px 30px 30px 0px ;
}

section#willkommen .passfoto {
   height: 100%;
   width: 30%;
   padding: 30px;
   float: left;
}

section#willkommen .ansprache {
   margin-left: 30%;
}

section#video {
   background: #ebebeb;
   min-height: 400px;
}

section#carousel {
   height: 500px;
}

section#team-carousel {
   height: 500px;
}

section#leistungen {
   min-height: 300px;
}

section#test4 {
   min-height: 300px;
}

section#eyecatcher {
   padding: 30px 70px 10px 70px;
}

section#eyecatcher li {
   border: 1px solid #E1E1E1;
   border-radius: 220px;
   float: left;
   height: 200px;
   width: 22.4%;
   margin-bottom: 2.5974%;
   margin-right: 2.5974%;
   padding: 2%;
   outline: 0 none;
   vertical-align: baseline;
   text-align: center;
   overflow: hidden;	
}

section#eyecatcher a {
   background:url(../img/arrow.png) center right no-repeat;
   padding-right: 12px;
   color: #5d847c; 
   text-decoration: none; 
   border-bottom: none;
}

section#eyecatcher a:focus, section#eyecatcher a:hover, section#eyecatcher a:active {
   color: #2b4943; 
   text-decoration: none;
}

section#eyecatcher h2 {
   font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
   color: #333333;
   font-size: 1.4em;
   margin: 0px;
}

section#adress {
   padding: 30px 70px 50px 70px;
}

section#impressum {
   padding: 30px 70px 50px 70px;
}

section#map {
   background: #eeeeee;
   min-height: 400px;
   padding: 0px 0px 0px 0px;
}

#gmeg_map_canvas {
   height: 400px; 
   width: 100%;
} 

section#contact {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAL2Ban/SeUwMDAAABYBCE0R2OeKAAAAAElFTkSuQmCC) repeat scroll 0 0 #5e847c;
   padding: 30px 70px 10px 70px;
   min-height: 400px;
}

.inner-shadow:before, .inner-shadow:after {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   content: " ";
   height: 10px;
   left: 0;
   position: absolute;
   visibility: visible;
   width: 1120px;
   z-index: 1;
}

.inner-shadow:before {
   top: -10px;
}

.inner-shadow:after {
   bottom: -10px;
}

.inner-shadow {
   overflow: hidden;
   position: relative;
   z-index: 1000;
}

.no-shadow {
   overflow: hidden;
   position: relative;
   z-index: 1000;
}

.textbox {
   padding: 30px 50px 50px 50px ;
}

.listbox {
   padding: 30px 20px 50px 50px ;
}

.listbox .check {
  list-style-image: url(../img/ok.png);
  color: gray;
  font-size: 1.4em;
  line-height: 1.6em;
  padding-left: 25px;
}

#header {
   height: 130px;
   padding: 20px;
}

#logo {
   background: url("../img/logo_praxis_dr_carsten_nix.png") top center no-repeat;
   background-size: cover;
   height: 84px; 
   width: 431px;
   float: left;
 }  
 
#zertifikat {
   position: relative;
   left: 500px;
   background: url("../img/zertifikat.png") top center no-repeat;
   background-size: 160px 160px;
   top: -30px;
   margin-left: 70px;
   height: 160px; 
   width: 160px;
   z-index: 9999;
}

#zeiten{
   position: absolute;
   top: 20px;
   right: 10px;
   width: 220px;
   font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   line-height: 1.3em;
   color: #5e847c;
}

#qrcode img {
   height: 300px;
   width: 300px;
}
   
.colum1 {
   width: 85px;
   height: 18px;
   float: left;
}

.colum2 {
   width: 100px;
   height: 18px;
}


.col-left {
   width: 50%;
   height: 150px; 
   vertical-align: top;
   display: inline-table;
   float: left;
   padding-right: 20px;
}

.col-right {
   width: 50%;
   height: 150px; 
   display: inline-table;
   vertical-align: top;
}

.textfield {
   width: 100% !important;
   min-height: 135px !important;
   max-height: 260px !important;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}


#footer {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAJOTk7/SeUwMDAAAOx+BxXVRFPNAAAAAElFTkSuQmCC) repeat scroll 0 0 #2b4943;
   color: #888888;
   position: relative;
   padding: 10px;
}

#footer a {
   color: #e9e9e9; 
   text-decoration: none; 
   border-bottom: none;
}

#footer a:focus, #footer a:hover, #footer a:active {
   color: #888888; 
   text-decoration: none;
}

/* ----------------------------------------------------------------- */
/* --- Anpassungen an Bootstrap  ----------------------------------- */
/* ----------------------------------------------------------------- */

#team.carousel-inner {
   background: url("../img/team_background.jpg") top center no-repeat;
   background-size: cover;
   height: 100%; 
}

#carousel-generic, #team, #image, .item {
   height: 100%;
}

.carousel-control {
   z-index: 999;
}

.carousel-caption > .name {
   margin-top: 15px;
   color: gray;
   text-shadow: none;
   line-height: 1em;
   font-size: 0.8em; 
}

.carousel-caption {
   position: absolute;
   top: 40px;
   text-align: center;
   font-size: 2em;
   line-height: 1.2em;
   color: #212d26;
   width: 50%;
   margin-left: -15%;
}

#team > .item > .img1, .img2, .img3, .img4, .img5, .img6, .img7 {
   height: 100%;
}

#image > .item > .img1, .img2, .img3, .img4, .img5, .img6, .img7 {
   height: 100%;
}

#team > .item > .img1 {
   background: url("../img/team_cnix.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img2 {
   background: url("../img/team_bbuhl.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img3 {
   background: url("../img/team_aleitheiser.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img4 {
   background: url("../img/team_izugenmaier.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img5 {
   background: url("../img/team_hbollenbacher.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img6 {
   background: url("../img/team_nhackl.png") top center no-repeat;
   background-size: cover;
}

#team > .item > .img7 {
   background: url("../img/team_bnussbaum.png") top center no-repeat;
   background-size: cover;
}

#image > .item > .img1 {
   background: url("../img/1.jpg") top center no-repeat;
   background-size: cover;
}

#image > .item > .img2 {
   background: url("../img/2.jpg") top center no-repeat;
   background-size: cover;
}

#image > .item > .img3 {
   background: url("../img/3.jpg") top center no-repeat;
   background-size: cover;
}

#image > .item > .img4 {
   background: url("../img/4.jpg") top center no-repeat;
   background-size: cover;
}

.navbar-brand {   
   padding: 15px;
}

.navbar-brand > .navbar-brand-img {
   display: none;
}

.navbar-brand > a.navbar-brand-txt1, .navbar-brand > a.navbar-brand-txt2 {
   margin: 0px 15px 0px 0px;
   color: #999999;
   text-decoration: none; 
   border-bottom: none;
}

.navbar-brand > a.navbar-brand-txt2 {
   display: none;
}
   
.input-group {
   margin-bottom: 15px; 
}

.input-group-addon{
   text-align: left;
}

.form-control {
   width: 20%;
}

.reponsive-video {
   position: absolute; 
   width: 58%;
   height: 100%;
   right: 0;
   margin-right: -40px;
   overflow: hidden;
}

.video {
   position: absolute;
   left: 0;
   width: 120%;
   margin-top: 0px;
   z-index: 2;
}

.video-content {
   background: url("../img/box_bg.png") top repeat-y;
   background-size: 100%;
   
   position: absolute; 
   top: 0px; 
   left: 30px; 
   width: 50%;
   height: 100%;
   padding-top: 30px;
   z-index: 4;
}

.video-poster {
   position: absolute;
   left: 0;
   width: 120%;
   margin-top: 0px;
   z-index: 1;
}

.video-container {
   display: none;
}

/* ----------------------------------------------------------------- */
/* --- 1024    ----------------------------------------------------- */
/* ----------------------------------------------------------------- */


@media screen and (max-width: 1024px) {

   section#eyecatcher li {
      height: 160px;
      width: 47.3%;
   }
      
   .col-left {
      width: 100%;
      padding-right: 0px;
   }

   .col-right {
      width: 100%;
   }
}

@media screen and (max-width: 1023px) {

   #zertifikat {
      display: none;
   }
}


/* ----------------------------------------------------------------- */
/* --- 767    ----------------------------------------------------- */
/* ----------------------------------------------------------------- */

@media screen and (max-width: 767px) {

   body {
      border: 0px;
   }

   section#team-carousel {
      height: 300px;
   }
   
   .carousel-caption {
      top: 20px;
      font-size: 1.2em;
      line-height: 1em;
      margin-left: -12%;
   }

   section#eyecatcher {
      padding: 20px 20px 10px 20px;
   }	

   section#eyecatcher li {
      width: 47,3%;
   }	   
      
   .reponsive-video {
      display: none;      
   }
   
   .video-content {
      width: 90%;
      margin-bottom: 50px;
   }
   
   .textbox {
      padding: 10px 20px 10px 20px;
   }
   
   .listbox {
      padding: 20px 20px 10px 20px ;
   }
   

   #header {
      display: none;
   }
   
   #qrcode {
      display: none;
   }
   
   .navbar-brand {   
      padding: 10px 0px 0px 10px;
   }

   .navbar-brand > .navbar-brand-img {
      display: inline;
      margin: 0px 5px 0px 0px;
   }
   
   .navbar-brand > a.navbar-brand-txt1 {
      display: none;
   }
   
   .navbar-brand > a.navbar-brand-txt2 {
      display: inline;
   }
}



/* ----------------------------------------------------------------- */
/* --- iPhone (quer)  ---------------------------------------------- */
/* ----------------------------------------------------------------- */

@media screen and (min-width: 1040px) {
   
   .video-container {
      display: block;      
   }
   
}

@media screen and (max-width: 568px) {

   section#carousel {
      height: 300px;
   }

   section#contact, section#impressum {
      padding: 20px 40px 10px 40px;
   }

}

/* ----------------------------------------------------------------- */
/* --- iPhone (hochkant) ------------------------------------------- */
/* ----------------------------------------------------------------- */

@media screen and (max-width: 480px) {


   section#willkommen .passfoto {
      display: none;
   }

   section#willkommen .ansprache {
      margin-left: 30px;
   }

   section#video {
      padding-right: 10px;
      padding-bottom: 10px;
   } 
      
   section#impressum {
      padding: 20px 20px 30px 20px;
   }
   
   section#adress {
      padding: 20px 20px 30px 20px;
   }
   
    section#contact {
      padding: 20px 20px 30px 20px;
   } 
   
   section#eyecatcher {
      padding: 20px 20px 10px 20px;
   }

   section#eyecatcher li {
      width: 100%;
   }

   .textbox {
      padding: 10px 10px 10px 10px;
   }
   
   .listbox {
      padding: 20px 10px 10px 20px ;
   }

   .navbar-brand {   
      padding: 10px 0px 0px 10px;
   }
   
   .navbar-brand > .navbar-brand-img {
      display: inline;
      margin: 0px 1px 0px 0px;
   }
   
   .navbar-brand > a.navbar-brand-txt1 {
      display: none;
   }
   
   .navbar-brand > a.navbar-brand-txt2 {
      display: inline;
   }
}