@charset "utf-8";
/* CSS Document */

body, html {
    height: 100%;
    margin: 0;
	background-color: #ffffff;
	font-family: "Century Gothic", Arial;
	color: #000000;
}

#hg_inhalt {
	background-color: #ffffff;
}

#hg_trennlinie {
	background-color: #ffffff;
}

#hg_kontakt {
	background-color: #ffffff;
}

#hg_ordinationszeiten {
	background-color: #ffffff;
}

#footer {
	background-color: #496471;
	color: #ffffff;
	height: 30px;
	line-height: 0px;
	padding: 0px;
}

#sonderordinationszeiten {
	background-color: #496471;
	color: #ffffff;
}

a.mail:link {
	color: #000000;
	text-decoration: none; 
}
a.mail:visited {
	color: #000000;
	text-decoration: none; 
}
a.mail:active {
	color: #000000;
	text-decoration: none; 
}
a.mail:hover {
	color: #000000;
	text-decoration: none; 
}

a.datenschutz:link {
	color: #ffffff;
	text-decoration: none; 
}
a.datenschutz:visited {
	color: #ffffff;
	text-decoration: none; 
}
a.datenschutz:active {
	color: #ffffff;
	text-decoration: none; 
}
a.datenschutz:hover {
	color: #ffffff;
	text-decoration: none; 
}

a.dsgvo:link {
	color: #496471;
	text-decoration: none; 
}
a.dsgvo:visited {
	color: #496471;
	text-decoration: none; 
}
a.dsgvo:active {
	color: #496471;
	text-decoration: none; 
}
a.dsgvo:hover {
	color: #496471;
	text-decoration: none; 
}

a.fett:link {
	color: #ff0000;
	text-decoration: underline; 
}
a.rot:visited {
	color: #ff0000;
	text-decoration: underline; 
}
a.rot:active {
	color: #ff0000;
	text-decoration: underline; 
}
a.rot:hover {
	color: #ff0000;
	text-decoration: underline; 
}

h1 {
color: #496471
}

h1.sonder {
color: #ffffff
}

h2 {
color: #496471
}

h2.sonder {
color: #ffffff
}

h3 {
color: #496471
}

h3.sonder {
color: #ffffff
}

h4 {
color: #496471
}

h5 {
color: #496471
}

.navbar-custom {
    background-color: #496471;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #ffffff;
}

.navbar-custom .navbar-nav .nav-link {
    color: #ffffff;
	padding-left:30px;
    padding-right:30px;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-custom .navbar-nav .dropdown-menu  { 
  background-color: #496471;
}

.navbar-custom .navbar-nav .dropdown-menu>li>a  { 
  color: #fff;
}

.dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #496471;
}

.dropdown .dropdown-menu a
{
	color: #fff; text-decoration: none;
}

.navbar-header .navbar-toggler {
  border: 0;
}

.navbar-toggler-icon {
  color: #fff;
}

.navbar-toggler-icon:hover {
  background: #fff;
}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Fotos Startseite ohne Rand */
.kein-rand {
  padding: 0 !important;
}
.kein-rand img {
  height: auto;
  width: 100%;
}

.img-fluid {
	max-width: 100%;  
	height: auto;
}

/* Zu Anker scrollen */
ul li.scrollTop {
float: right;}

/* Zurück zu Top scrollen */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #496471;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #496471;
    color: #C7C7C7;
}

/* zu Kontakt scrollen */
#kontaktbutton {
    overflow: hidden;
    z-index: 999;
	width: 40px;
    bottom: 90px;
    right: 0;
	position: fixed;
    background-color: #7c7c7b;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#kontaktbutton:hover {
    background-color: #7c7c7b;
    color: #C7C7C7;
}

/* Google Map */
.map-responsive {
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Parallax-Effekt - Scroll over fixed Background */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

.margin{
	margin: 0% 0; /*5% 0*/
}

.parallax {
	background-image: url("ordination2.jpg");
	
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-inner {
	padding-top: 5%;
	padding-bottom: 5%;
}

 /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
} 

h1 {
	text-align: center;
	font-size: 130%;
	color: #496471;
	font-weight: bold;
}

h2 {
	text-align: center;
	font-size: 100%;
	color: #496471;
	font-weight: bold;
}

h3 {
	text-align: center;
	font-size: 100%;
	color: #000000;
}

/* Slider Zoom*/
@-webkit-keyframes zoom {
  from {
	 -webkit-transform: scale(1.2, 1.2);
	  transform: scale(1.2, 1.2);
  }
  to {
    -webkit-transform: scale(1, 1);
	  transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.2, 1.2);
  }
  to {
    transform: scale(1, 1);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 15s;
  animation: zoom 15s;
  transition: transform 2s ease, opacity .5s ease-out
}

/* Kontaktformuler Online-Rezepte */
label {
    color: #333;
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
	background-color: #496471;
	color: #ffffff;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}