@font-face {
    /* open-sans-v44-latin */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(''); /* IE9 Compat Modes */
    src: local(''),
          url('open-sans-v44-latin-normal-400.woff') format('woff'),
      url('open-sans-v44-latin-normal-400.woff2') format('woff2'),
      url('open-sans-v44-latin-normal-400.ttf') format('ttf'),
      url('open-sans-v44-latin-normal-400.svg#OpenSans') format('svg');
}
@font-face {
    /* open-sans-v44-latin */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(''); /* IE9 Compat Modes */
    src: local(''),
          url('open-sans-v44-latin-normal-700.woff') format('woff'),
      url('open-sans-v44-latin-normal-700.woff2') format('woff2'),
      url('open-sans-v44-latin-normal-700.ttf') format('ttf'),
      url('open-sans-v44-latin-normal-700.svg#OpenSans') format('svg');
}

body {
font-family: "Open Sans", sans-serif;
font-weight: 400;
margin:0;
padding:0;
border:0;
width:100%;
height:auto;
display:block;
text-align: left;
font-style: normal;
margin:0px;
padding:0px;
font-size:15px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
color: #5f5e5e;
line-height: 1.5em;
letter-spacing: 0.05em;
}

a {
text-decoration:none;
}

h1 {
font-family: "Open Sans", sans-serif;
color: #000;
text-align: left;
font-size: 1.8em;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h2 {
font-family: "Open Sans", sans-serif;
color: #000;
text-align: left;
font-size: 1.8em;
line-height: 1.3em;
letter-spacing: 0.05em;
}

h3 {
color: #000;
text-align: left;
font-size: 1.5em;
line-height: 1.3em;
text-transform: uppercase;
letter-spacing: 0.05em;
}

header {
width: 100%;
height: 200px;
position: relative;
position: fixed;

z-index:6;
}

div.inhalt {
z-index:5;
}

header.sticky {
background-color: rgba(255,255,255,0.9);
transition: background-color 0.5s;
z-index:6;
}

nav ul li {
height: auto;
position: relative;
display: inline-flex;
width: 20%;
text-align: center;
flex-direction:column;

justify-content: center;
}

nav ul li a {
position: relative;
background-color: #b31917;
width: 80%;
display: inline-block;
margin-left: 10%;
margin-right: 10%;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding-top: 9px;
padding-bottom: 7px;
}

nav ul li a:hover {
background-color: #5f5e5e;
}

nav ul li a.rex-current {
background-color: #5f5e5e;
}

nav ul {
padding: 0;
width: 95%;
height: auto;
position: relative;
vertical-align: middle;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
display: flex;
}

.headinner button {
display: none;
}

nav ul .logo {
height: auto;
position: relative;
display: inline-block;
width: 20%;
}

nav ul .logo img{
width: 70%;
height: auto;
position: relative;
margin-left: 15%;
margin-right: 15%;
max-width: 178px;
}

header nav {
width: 100%;
padding-top: 10px;
}

.slideshow {
width: 100%;
z-index:1;
}

.slideshow ul.slick-dots {
display: none;
}

.slideshow img {
width: 100%;
height: auto;
}

.inhalt2spalten {
width: 100%;
height: auto;
display: flex;
position: relative;

padding-top: 50px;
padding-bottom: 50px;

}


.bildText {
font-family: "Open Sans", sans-serif;
width: 50%;

height: auto;
position: absolute;
text-align: center;
bottom: 10%;
margin: 0 auto;
font-size: 1.3em;
line-height: 1.6em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-bottom: 10px;
margin-left: 25%;
margin-right: 25%;
}

.notdienst.redbutton {
width: auto;
padding-left: 20px;
padding-right: 20px;
background-color: #fff;
color: #b31917;
z-index:2;
}



#inhalt2spalten40 {
background-color:#5f5e5e;
}
#inhalt2spalten40 .spalte2 {
background-color: #b31917;
color: #fff;
line-height: 1.6em;
}
#inhalt2spalten40 .spalte2 h2 {
color:#fff;
}

#inhalt2spalten40 .spalte2 a {
color:#fff;
}

#inhalt2spalten40 {
padding-top:0;
padding-bottom:0;
}
#inhalt2spalten40 .spalte1 {
padding:0;
width:50%;

}

#inhalt2spalten40 .spalte1 img {
visibility: hidden;
}

#inhalt2spalten40 .spalte1 {
display: block;
background-size: cover;
background-position: right;
position: relative;
background-image: url("../../media/gebuehrenverordnung.jpg");

}


#inhalt2spalten40 h1 {
color: #fff;
}

.tag.slick-slide.slick-current.slick-active p {
font-weight: 700;
}

.tag.slick-slide.slick-current.slick-active div p {
font-weight: 400;
}

#article2 .textRahmenVB3sp div p {
font-weight: 700;
}

#article2 .textRahmenVB3sp div div p {
font-weight: 400;
}

@media screen and (min-width:1000px) {
.inhalt2spalten {
justify-content: space-between;
}
}

.inhalt2spalten img {
width: 100%;
height: auto;
position: relative;
}

.inhalt2spalten .spalte1 {
width: 46%;
height: auto;
position: relative;
display: inline-block;
padding-left: 2%;
padding-right: 2%;
padding-top: 50px;
padding-bottom: 50px;
}

.inhalt2spalten .spalte2 {
width: 46%;
height: auto;
position: relative;
display: inline-block;
padding-left: 2%;
padding-right: 2%;
padding-top: 50px;
padding-bottom: 50px;
}


.button {
background-color: #fff;
color: #b31917;
border: 2px solid #fff;
height: 20px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
width: auto;
display: inline-block;
position: relative;
text-align: center;
margin: 0;
vertical-align: middle;
line-height: 1.8em;
text-transform: uppercase;
font-weight: 700;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 25px;
}

.button:hover  {
background-color: #b31917;
color: #fff;
border: 2px solid #fff;
}

.textRahmenVB3sp {
width: 75%;
padding-left: 12.5%;
padding-right: 12.5%;
height: auto;
padding-top: 20px;
padding-bottom: 30px;
color: #fff;
position: relative;
text-align: left;
vertical-align: top;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
display: flex;
color: #5f5e5e;

}

.textRahmenVB3sp > div {
height: auto;
position: relative;
display: inline-block;
width: 26%;
}

.inhalt2spalten > div h1 {
margin-top: 5px;
}

.textRahmenVB3sp > div img {
width: 100%;
height: auto;
position: relative;
}


footer .textRahmenVB4sp {
width: 90%;
padding-left: 5%;
padding-right: 5%;
height: auto;
background-color: #5f5e5e;
padding-top: 20px;
padding-bottom: 30px;
color: #fff;
position: relative;
text-align: left;
vertical-align: top;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
display: flex;
color: #75651a;
margin-top: 0px;
padding-bottom: 40px;
}

footer .textRahmenVB4sp p, footer .textRahmenVB4sp a {
color: #fff;
}

footer .textRahmenVB4sp h3 {
text-transform: uppercase;
color: #fff;
text-align: left;
font-size: 1.2em;
line-height: 1.3em;
}

footer .textRahmenVB4sp > div {
height: auto;
position: relative;
display: inline-block;
width: 24%;
}

footer .textRahmenVB4sp img {
width: 30%;
height: auto;
position: relative;
}



.popup_content {
margin: 10px;
padding: 20px 20px;
width: 60%;
background: rgba(255,255,255,1);
position:absolute;
color: #000;
font-weight: 400;
top: 1vh;
font-style: normal;
font-size: 1em;
z-index: 500;
margin-left:20%;
margin-right:20%;

}


.JPO_close {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
width:100%;
height:40px;
position: relative;
background-size: 25px;
background-repeat: no-repeat;
color: #fff;
position:relative;
cursor: pointer;
background-color: #b31917;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
border-radius: 25px;
margin-top: 20px;
}

.JPO_close:hover {
background-color: transparent;
color: #b31917;
border: 2px solid #b31917;
}

.JPO_open {
display:none;
}

.popup_content h2 {
color: #b31917;
}

.popup_content .rechts {
display: inline-block;
position: relative;
width: 49%;
height: auto;
vertical-align: top;
}

.popup_content .links {
display: inline-block;
position: relative;
width: 49%;
height: auto;
vertical-align: top;
}
@media screen and (max-width:1000px) and (orientation:portrait) {
.popup_content .rechts {
display: inline-block;
position: relative;
width: 100%;
height: auto;
vertical-align: top;
}

#inhalt2spalten40 .spalte1 {
width: 100%;
}

#inhalt2spalten40 .spalte1 p {
margin: 0;
line-height: 0;
}


p.notdienst {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}

.popup_content .links {
display: inline-block;
position: relative;
width: 100%;
height: auto;
vertical-align: top;
}

}

.spalte2.tage {
width:46%;

height:500px;
position:relative;
display:block;
background-color:#5f5e5e;
color:#000;
padding-left:0%;
padding-right:4%;
padding-top:50px;
padding-bottom:20px;
color:#fff;
}
.tage button {
border:0;
outline:0;
padding:10px;
background-color:#b31917;
color:#fff;
font-size:1.6em;
font-family: "Open Sans", sans-serif;
letter-spacing: 0.05em;
z-index:1;
width:40px;
}

.routenplaner:before {
content:' ';
background-image:url(../../media/gm-pointer.png);
width:15px;
height:15px;
background-size:100%;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
position:relative;
margin-right:6px;
margin-left:0px;
}

.weblink:before {
content:' ';
background-image:url(../../media/map-www-marker.png);
width:15px;
height:15px;
background-size:100%;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
position:relative;
margin-right:6px;
margin-left:0px;
}
.fon:before {
content:' ';
background-image:url(../../media/map-www-telefon.png);
width:15px;
height:15px;
background-size:100%;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
position:relative;
margin-right:6px;
margin-left:0px;
}
#article2 .routenplaner:before {
	margin-left:0px;
}
.tage h2 {
color:#fff;

}

.tage a {
color:#fff;
}

.tag {
margin-right:0;
margin-left:0;

}

.tag .bild {
width:100%;
position:relative;
}

.tag .bild img {
width:80%;
height:auto;
position:relative;
}

.gestern {
position:absolute;
left:0%;
top:50px;
}

.morgen {
position:absolute;
right:10%;
top:50px;
}

.tage .tag > div {
width:45%;
display:inline-block;
vertical-align:top;
}



.tage .tag h2 {
text-align:center;
margin-top:5px;
margin-bottom:20px;
}

.tage .tag > div:first-of-type {
width:55%;
display:inline-block;
}

.tage .tag > div:first-of-type p {
margin-top:0;
margin-bottom:8px;
}

#inhalt2spalten3,
#inhalt2spalten39 {
background-color:#5f5e5e;
}
#inhalt2spalten39 .spalte1 {
background-color: #b31917;
color: #fff;
}
#inhalt2spalten39 .spalte1 h2 {
color:#fff;
}

#inhalt2spalten39 .spalte1 a {
color:#fff;
}

#inhalt2spalten39 {
padding-top:0;
padding-bottom:0;
}
#inhalt2spalten39 .spalte2 {
padding:0;
width:50%;

}

#inhalt2spalten39 .spalte2 {
display: block;
background-size: cover;
background-position: right;
position: relative;
background-image: url("../../media/gebuehrenverordnung.jpg");

}

#inhalt2spalten39 .spalte2 img {
visibility: hidden;
}

#inhalt2spalten39 .spalte2 p {
margin:0;
line-height:0;
}
p.center, 
.textRahmenVB3sp p.center {
text-align:center; 
color:#fff;
}
p.route {
margin-top:10px;
}
p.text {
margin-bottom:0;
}
.tage .tag > div:first-of-type p {
margin-top: 0;
margin-bottom: 0px;
}

#article1 .tage .tag > div:first-of-type p.route {
margin-top: 8px;
margin-bottom: 0px;
}
p.route a {
margin-top:0;
}
button#openMenu {
display: none;
}

.textRahmen {
width:80%;
display:block;
margin-left:auto;
margin-right:auto;
}
#article1 .textRahmen {
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}

#article1 .textRahmen.popup_content {
width:70%;
max-width:800px;
}

.textRahmen a {
color:#b31917;
}
#article1 .fon.redbutton {
display:none;
}
@media screen and (max-width:1000px) {
.textRahmen {
width:92%;
display:block;
margin-left:auto;
margin-right:auto;
}

#inhalt2spalten39 .spalte2 {
width: 100%;
}

#article1 .textRahmen.popup_content {
width:80%;
margin: 0 auto;
}

.bildText {
font-size: 0.8em;
width: 70%;
margin-left: 15%;
margin-right: 15%;

}

header {
width: 100%;
height: 120px;
position: relative;
position: fixed;
z-index: 6;
}

.slideshow {
padding-top:100px;
}

.popup_content {
  width:90%;
  max-width:80%;
}

.popup_content h2 {
line-height: 1.3em;
}
.inhalt2spalten {
display:block;
width:100%;
position:relative;
height:auto;
}
.inhalt2spalten .spalte1 {
display:block;
padding-left: 3%;
padding-right: 3%;
width:94%;
position:relative;
height:auto;
margin:0;
}
.inhalt2spalten .spalte2 {
display:block;
padding-left: 3%;
padding-right: 3%;
width:94%;
position:relative;
height:auto;
margin:0;
}
.tage .tag > div {
width:100%;
display:block;
vertical-align:top;
}



.tage .tag h2 {
text-align:center;
margin-top:5px;
margin-bottom:20px;
}

.tage .tag > div:first-of-type {
width:100%;
display:block;
}

.spalte2.tage {
width:100%;
padding-left: 4%;
padding-right: 4%;
margin-left:auto;
margin-right:auto;
}
.gestern {
position:absolute;
left:3%;
top:10px;
}

.textRahmenVB3sp {
display:block;
width:100%;
position:relative;
height:auto;
padding-left: 0%;
padding-right: 0%;
}
.textRahmenVB3sp > div {
display:block;
padding-left: 20%;
padding-right: 20%;
width:60%;
position:relative;
height:auto;
text-align:center;
}


.textRahmenVB3sp > div img {
width:100%;
height:auto;
position:relative;
}

.inhalt3spalten > div {

}

.morgen {
position:absolute;
right:3%;
top:10px;
}

footer .textRahmenVB4sp {
display:block;
}

footer .textRahmenVB4sp > div {
height: auto;
position: relative;
display: block;
width: 100%;
}
.slick-slide {
width:100%;
}

p.bild {
text-align:center;
}
.slick-slide img {
display: inline-block;
}
p.bild img {
display: inline-block;
}
.tag .bild img {
width: 80%;
height: auto;
position: relative;
display: inline-block;
margin-left:auto;
margin-right:auto;
}

nav {
height:0;
overflow:hidden;
opacity:0;

}

.open nav {
width:100%;
height:100%;
position: absolute;
background-color:#fff;
overflow:visible;
opacity:1;
}

.open header {
z-index:11;
height:100vh;
}
.logo {
width:100px;
height:100px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

.logo img {
width:100%;
height:auto;
}

button#openMenu {
display: block;
border:0;
outline:0;
background-color:transparent
}

.buttonmenu {
width:50px;
height:40px;
position:absolute;
right:4%;
top:40px;
display:block;
}

.open .buttonmenu {
top:50px;
}

#nav-icon1 {
width:40px;
height:30px;
position:absolute;
display:block;
}

#nav-icon1 span {
background-color: #b31917;
width:100%;
height:4px;
margin:7px 0;
position: relative;
display: block;
transition:transform .3s;
border-radius: 0px;

}

.open nav ul {
display:block;
margin-top:30px;
}

nav ul li {
height: auto;
position: relative;
display: block;
width: 100%;
text-align: center;
flex-direction: column;
justify-content: center;
margin-bottom:30px;
}

.contrast #nav-icon1 span {
background-color: #000;
}

#nav-icon1.open span:nth-child(2) {
opacity:0;
margin:0px 0;
}
#nav-icon1.open span:nth-child(1) {
 transform: rotate(-45deg);
 margin:7px 0;
}
#nav-icon1.open span:nth-child(3) {
 transform: rotate(45deg);
 margin:0px 0;
top: -15px;
}

.praxisfeld {
margin-bottom:20px;
display:block;
}

}

#map div[role=dialog] {
background-color:#000;

}
.redbutton {
background-color: #b31917;
color: #fff;
border: 2px solid #fff;
min-height: 18px;
height:auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
width: auto;
display: inline-block;
position: relative;
text-align: center;
margin: 0;
vertical-align: middle;
line-height: 1.8em;
text-transform: uppercase;
font-weight: 700;
margin-top: 10px;
margin-bottom: 5px;
border-radius: 25px;
width:80%;
}

.redbutton:hover  {
background-color: #b31917;
color: #fff;
border: 2px solid #fff;
}
.gm-style-iw.gm-style-iw-c {
  background-color:#5f5e5e!important;
  color:#fff!important;
  overflow:hidden!important;
  
}

.gm-style-iw.gm-style-iw-c a {
  color:#fff!important;
}
.gm-style-iw.gm-style-iw-c h1 {
  color:#fff!important;
}
.gm-style-iw.gm-style-iw-c h2 {
  color:#fff!important;
}
.gm-style-iw-d {
  overflow:hidden!important;
  padding:10px!important;
}
#map h2 {
font-size:18px!important;
}
button.gm-ui-hover-effect
{
color:#fff!important;
}

button.gm-ui-hover-effect>span {
background-color:#fff!important;
}

@media screen and (max-width:1000px) {
.slick-slider, 
.slick-slide,
.slideshow img {




}


}