/*******************************************************/
/* Global Styles */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* slabo-27px-regular - latin */
@font-face {
  font-family: 'Slabo 27px';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/slabo-27px-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/slabo-27px-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/slabo-27px-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/slabo-27px-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/slabo-27px-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/slabo-27px-v7-latin-regular.svg#Slabo27px') format('svg'); /* Legacy iOS */
}



html,
body {
    height: 100%;
}

body {
    padding-top: 0;
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    min-height: 2000px;
}

p {
    /*hyphens: auto;*/
}
p.subtitle {
	margin-top:-.6em;
	font-size:120%;
}
.padding-top {
    padding-top: 2em;
}
.top-margin {
    margin-top:1em;   
}
.bottom-margin {
    margin-bottom: 1em; 
}

h1,
h2,
h3,
h4,
h5,
h6,
.big-header {
    color: #222;
    margin-bottom: .8em;
}

dl  {
    margin-left:1em;
}
dt {
    font-weight: 700;
    margin-top: 0em;
}
dd {
    margin-left:1em;
	margin-bottom:1.1em;
	margin-top:.15em;
}

dl.vita {
    display: table;
}
dl.vita dt {
    width:8em;
    float: left;
    padding-bottom: 1.2em;
}
dl.vita dd {
    margin-left: -.3em;
    padding-bottom: .3em;
    padding-top: 0;
    padding-left: 8.2em;
    border-bottom: 1px solid #efefef;
}
.lead {
	font-size:120%;
	margin-bottom:2em;
}
ul.list {

}
ul.list li {
    list-style-type:none;
    margin-bottom: 1em;
}
ul.list li::before {
    content:"\002014 ";
    padding-right: .8em;
    margin-left: -1.85em;
}
ul li.li-margin-top {
        margin-top:1.2em;
    }
	
.disclaimer li {
    margin-bottom:1em;
}
	
table.sprechzeiten {
	width:100%;
}
table td,
table th {
	padding:.2em .6em;
}
table.sprechzeiten th {
	text-align:center;
}
table td.tdright,
table th.tdright {
	text-align:right;
}
tr	{
	border-bottom:1px solid #CCC;
}
tr:last-child {
	border:none;
}

/* Cookie Consent */
.card {
    width: 350px;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)
}

.cookies a {
    text-decoration: none;
    color: #000;
    margin-top: 8px
}

.cookies a:hover {
    text-decoration: none;
    color: blue;
    margin-top: 8px
}
/*******************************************************/
/* Define the colors */
/*
// #1285c3 hell
// #2076a3 dunkel
*/

.blue {
    color:#fff;
    background: #2076a3;
}
    .blue a, .blue a:hover, .blue a:visited, .blue a:active, .blue h2, .blue h3, .blue h4, .blue h5 {
        color: #ffffff;
}
    .blue h2 .blue h3, .blue h4 {
        margin-top: 2rem;
        margin-bottom: .5rem;
    }
    .blue h3, .blue h4, .blue h5  {
        border-bottom: 1px solid #fff;
    }
    .blue h4, .blue h5  {
        display: inline-block;
    }
    .blue p {
        margin: 0;
    }
.sand {
    color:#fff;
    background: rgb(209, 194, 160);
}
    .sand a, .sand a:hover, .sand a:visited, .sand a:active {
        color: #ffffff;
}
.green {
    color:#fff;
    background: #6cab11;
}
    .green a, .green a:hover, .green a:visited, .green a:active, .green h2, .green h3, .green h4 {
        color: #ffffff;
}
.grey {
    color:#222;
    background: #f5f5f5;
}
    .grey a, .grey a:hover, .grey a:visited, .grey a:active, .grey h2, .grey h3, .grey h4 {
        color: #ffffff;
}
 


/*******************************************************/
/* Navbar */

.navbar-default {
    background: #fff;
    min-height:70px;
    font-weight: 300;
    border: none;
    opacity:1;
    text-transform: uppercase;
}
.dropdown,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.dropdown-menu > li > a {
    padding-top:.3em;
    padding-bottom:.3em;
}
    .navbar > .container, .navbar > .navbar-header {
        min-height:70px;
    }
    .navbar-toggle {
        margin-top:1em;
    }
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus {
        background: #1285c3;
        color:#fff;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background: #1285c3;
        color:#fff;
    }
    .dropdown-menu {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.176);
    }
    .dropdown-menu li a.active,
    .dropdown-menu li a:hover,
    .dropdown-menu li a:active {
        background: #1285c3;
        color:#fff;        
    }
.navbar-brand {
    width: auto;
    font-size: 100%;
}
.navbar-brand img {
    max-width: 100px;
	margin-left:0;
}

.full {
    width:100%;
}
/******************************/
/* NAV Veränderung beim Scrollen */


/* KLEINE DISPLAYS: Die Seite ist ganz nach oben gescrollt 
nav.affix-top .navbar-toggle {
    margin-top: 3em;
}
nav.affix-top {
    min-height: 7.2em;
}
nav.affix-top .navbar-collapse {
    margin-top: 1.2em;
}
nav.affix-top .navbar-brand img {
    margin-top: -1.2em;
    width: 12em;
}
*/

/* Die Seite wird nach unten gescrollt 
nav.affix .navbar-toggle {
    margin-top: 2em;
}
nav.affix {
    min-height: 2em;
}
nav.affix .navbar-collapse {
    margin-top: 0.0em;
}
nav.affix .navbar-brand img {
    margin-top: -0.6em;
    width: 8em;
}





nav.affix-bottom {
    position: absolute;
    top: auto;
    bottom: 170px;
}
*/





/*******************************************************/
/* Subnavi */

.subnavi {
    min-height:30em;
    padding-bottom:4em;
	margin-top:6em; /*3em*/
    }

ul.ul-subnavi {
    padding-left: 0.5em;
}
ul.ul-subnavi li {
    list-style: none;
    padding-top:.3em;
    padding-right:.6em;
    padding-bottom:.3em;
    padding-left:.6em;
    margin-top:.4em;
    text-transform:uppercase;
    }
ul.ul-subnavi li::before {
    /* content:"\002014 ";
    padding-right: .8em;
    margin-left: -1.85em; */
    }
ul.ul-subnavi a,
ul.ul-subnavi a:link,
ul.ul-subnavi a:hover,
ul.ul-subnavi a:visited,
ul.ul-subnavi a:active {
		color:#fff;
        text-decoration: none;
    }
ul.ul-subnavi a:hover {
        color: #fff;
    }
ul.ul-subnavi a.active {
        color: #fff;
        font-weight:700;
    }

#start-text {
    padding-top: 3em;
    display: inline;
}


/*******************************************************/
/* Google Maps */

#googleMap {
    width: 100%;
    /*max-width: 1920px;*/
    position: relative;
    height: auto;
    min-height: 500px;
    max-height: 400px;
    z-index: 1;
}

#karte .col-md-12 {
	padding: 0;
}
.map-container {
    position: relative;
    width: 100%;
    margin:0;
    padding:0;
}


/*******************************************************/
/* Teaserboxen  */


.teaser-item {
    margin-top:0em;
    margin-bottom: 3em;
    border: 1px solid #ddd;
}
.teaser-item .img-responsive {
    display: inline-block;
    padding:0;
    margin:0;
    height:10em;
}
.teaser-item ul
{
    text-align: center;
    padding-bottom: 1em;
}
.teaser-item dl,
.teaser-item dt
{
    margin: 0;
    padding:0;
}
.teaser-item dd
{
    margin: 0 0 .8em;
    padding:0;
}
.teaser-item dl.dl-top-margin {
    margin-top:3em !important;   
}
.teaser-item h3
{
    margin-top: -.8em;
    padding-bottom:1em;
    border-bottom:1px solid #ddd;
}
.teaser-item p
{
    padding:0 1em;
}
.text-center {
    text-align: center !important;   
}

/*******************************************************/
/* Buttons */

.btn-lg, .btn {
    border-radius: 0px;
}
.btn {
	margin-top:.6em;
}


/*******************************************************/
/* Hero image */




/*******************************************************/
/* Video */
video {

   width: 100% !important;
   height: auto !important;

}


/*******************************************************/
/* Parallaxe */

#parallax-list {
    min-height:200px;
	min-width:100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    color:#fff;
    overflow: auto;
}
    /* SEITEN ------------------------*/
    .hero-start {
		background: url(../../img/team/Aerzteteam-01.jpg) no-repeat center center;
        background-position: 50% 20% !important;
        background-size: cover;
	}
    .hausarzt {
        background: url(../../img/moods/DSC_0266-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .kindermedizin {
        background: url(../../img/moods/DSC_0088-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .vorsorge, .vorsorge-plus {
        background: url(../../img/moods/DSC_0037-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .badekuren, .betriebsarzt {
        background: url(../../img/moods/IMG_0246.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .diabetologie {
        background: url(../../img/moods/DSC_0063-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .endoskopie, .proktologie {
        background: url(../../img/moods/DSC_0284-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .palliativmedizin, .geriatrie {
        background: url(../../img/moods/DSC_0088-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .schulungen {
        background: url(../../img/moods/DSC_0105-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .kontakt {
        background: url(../../img/moods/Praxiseingang.jpg) no-repeat center center;
        background-position: 50% 20% !important;
        background-size: cover;
    }
    /* TEAM -------------------------------*/
    .akutlabor, .notfallmedizin, .lehrpraxis {
        background: url(../../img/moods/DSC_0041-160831.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }    
    
    .praxis, .qualitaetsmanagement {
        background: url(../../img/moods/Qualitaetsmanagement.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }


    /* TEAM -------------------------------*/
    .team {
        background: url(../../img/team/Praxisteam-02.jpg) no-repeat center center;
        background-position: 50% 100% !important;
        background-size: cover;
    }
    .dr-weber {
        background: url(../../img/team/Dr-Hark-Weber-02.jpg) no-repeat center center;
        background-position: 50% 0% !important;
        background-size: cover;
    }
    .dr-hemicker {
        background: url(../../img/team/Dr-Moritz-Hemicker-02.jpg) no-repeat center center;
        background-position: 50% 50% !important;
        background-size: cover;
    }

    /* MOODS -------------------------------*/
    .haus, .start {
        background: url(../../img/moods/Acr5A7D.jpg) no-repeat center center fixed;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .himmel {
        background: url(../../img/moods/AcrCDF4.jpg) no-repeat center center fixed;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .algen {
        background: url(../../img/moods/AcrCDF1.jpg) no-repeat center center fixed;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .strand {
        background: url(../../img/moods/IMG_0243.jpg) no-repeat center center fixed;
        background-position: 50% 100% !important;
        background-size: cover;
    }
    .sand {
        background: url(../../img/moods/IMG_0238.jpg) no-repeat center center fixed;
        background-position: 50% 50% !important;
        background-size: cover;
    }
    .wegweiser {
        background: url(../../img/moods/IMG_0003.jpg) no-repeat center center fixed;
        background-position: 50% 50% !important;
        background-size: cover;
    }

/*******************************************************/
/* Nav to Top */
#back-top {
  position: fixed;
  bottom:15px;
  right:4%;
  display: block;
  box-shadow: 0 0 1px #ccc;
  z-index: 999999;
}
#back-top a {
    display: inline-block;
    padding:1em;
}
#back-top a:hover,
#back-top a:active {
    text-decoration: none !important;
}
#back-top a span {
        font-size: 200%;
		color: #2076a3;
}


/*******************************************************/
/* Content */


.container.main {
    margin-top:3em;
	margin-bottom: 5em;
}

.divider {
    margin: 2.5em 0 2.5em 0;
}

/*******************************************************/
/* DIVERSE */

figure {
	/*margin:0 2em 1.3em 0;*/
    /*max-width: 15em;*/
}
figure img {
    width:auto;
    max-width: 100%;
}
figcaption {
	width: auto;
	clear: both;
	font-size: 90%;
    margin: .5em .3em 1.3em .3em;
    max-width: 15em;
}

.gap-right {
  margin-right: 1em; 
}

.flt-lft {
	float:left;
}

.big{
    font-size: 160%;
}
.big-header {
    font-size: 220%;
    line-height: .3em;
}
.big-header:hover {
    text-decoration: none;
}
.small-header {
    font-size: 100%;
    font-weight: 600;
    margin-top:2em;
}
.headline {
    text-align: left;
}
.strong {
    font-weight: 600;
}
.box h2,
.box a:link {
    color: #fff;
}

.claim {
    padding:.2em 0;
    font-size: 75%;
    letter-spacing: .3em;
    text-transform: uppercase;
    text-align: center;
}
	
.mobile-quickselect {
    padding:.2em 0;
    font-size: 100%;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
}




/*******************************************************/
/* Footer */
footer {
    min-height:20em;
    padding-top:3em;
    padding-bottom: 6em;
}
    footer a, footer a:hover, footer a:visited, footer a:active {
        color: #ffffff;
    }

footer ul.footer-list {
    margin-bottom:0em;
}
	footer ul.footer-list a,
	footer ul.footer-list a:hover {
    	color:#fff;
	}
    footer ul.footer-list li {
        margin-bottom: .3em;
    }
footer img {
    width: 10em;
}



/******************************************************/
/******************************************************/
/******************************************************/



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

@media (max-width: 640px) {
    
    h1 {
        font-size: 200%;
        line-height: 1.3em;
        margin-top:0;
    }
#parallax-list {
    min-height:320px;
} 
.navbar-brand img {
    max-width: 100px;
	margin-left:0;
}
	
}




/******************************************************/
/* MEDIUM SCREENS **************************************/

@media (min-width: 640px) { /* 768px original */

.lead {
	font-size:120%;
	margin-bottom:2em;
}
.bottom-margin {
	margin-bottom:5em;
}
.teaser-item ul  {
    text-align: left;
}   
#parallax-list {
    min-height:500px;
} 
.claim {
    font-size: 100%;
} 
.navbar-brand img {
    max-width: 180px;
	margin-left:-1em;
} 
    
    
} /* MEDIUM SCREENS */
     
    
/******************************************************/
/* LARGE SCREENS **************************************/

@media (min-width: 992px) {
 

#parallax-list {
    min-height:650px;
    }
.navbar-brand img {
    max-width: 200px;
	margin-left:0;
}    
 
    
    
} /* LARGE SCREENS */


/******************************************************/
/* MEGA SCREENS **************************************/

@media (min-width: 1200px) {


#parallax-list {
    min-height:850px;
    }
.navbar-brand img {
    max-width: 250px;
	margin-left:0;
} 


} /* MEGA SCREENS */





/* FIREFOX HACK */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}