/* cmsms stylesheet: Praxis modified: Donnerstag, 5. November 2026 16:04:22 */
html {
overflow-y: scroll;
}

body {
color: #333;
font-size: 100%;
font-family: Raleway, sans-serif;
line-height: 1.5;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

a {
color: #1c97ca;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
height: auto;
vertical-align: bottom;
}

img,
iframe {
max-width: 100%;
}

small {
color: #666;
}

ul {
list-style: none;
}

input, select, textarea, button {
color: inherit;
font-size: inherit;
font-family: inherit;
}

hr {
border: 0;
height: 1px;
background-color: #0b2a6a;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

h1 { font-size: 300%; }
h2 { font-size: 180%; }
h3 { font-size: 150%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

table {
width: 100%;
border-collapse: collapse;
}

table th,
table td {
padding: 15px 0;
}

table th {
border-bottom: 3px solid #eee;
}

table td {
border-top: 1px solid #eee;
}

.w {
position: relative;
max-width: 1080px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}

.b {
margin-top: 30px;
margin-bottom: 30px;
}

.g {
margin-left: -30px;
margin-right: -30px;
}

.g:after {
display: table;
content: "";
clear: both;
}

.g-1,
.g-2,
.g-3,
.g-4,
.g-5,
.g-6,
.g-7,
.g-8,
.g-9,
.g-10,
.g-11,
.g-12 { 
float: left;
padding-left: 30px;
padding-right: 30px;
}

.g-1 { width: 8.33333333%; }
.g-2 { width: 16.66666667%; }
.g-3 { width: 25%; }
.g-4 { width: 33.33333333%; }
.g-5 { width: 41.66666667%; }
.g-6 { width: 50%; }
.g-7 { width: 58.33333333%; }
.g-8 { width: 66.66666667%; }
.g-9 { width: 75%; }
.g-10 { width: 83.33333333%; }
.g-11 { width: 91.66666667%; }
.g-12 { width: 100%; }

.fl { float: left; }
.fr { float: right; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.hidden-s {
}

.visible-s {
display: none;
}

.list {
list-style: disc;
padding-left: 25px;
}

.fb_invalid,
.error_message {
color: red;
}

.formbuilderform {
text-align: left;
padding: 30px;
background-color: #eee;
border-radius: 5px;
}

.formbuilderform div {
margin-top: 20px;
}
.formbuilderform div:first-child {
margin: 0;
}

.formbuilderform label {
display: block;
margin-bottom: 5px;
font-weight: bold;
font-size: small;
}

.formbuilderform input[type="checkbox"] + label {
display: inline
}

.formbuilderform input[type="submit"],
.formbuilderform input[type="button"] {
color: #fff;
background-color: #1c97ca;
border: 0;
border-radius: 5px;
cursor: pointer;
display: inline-block;
padding: 10px 15px;
text-align: center;
white-space: nowrap;
}

.formbuilderform input[type="text"],
.formbuilderform input[type="email"],
.formbuilderform textarea {
background-color: #f7f7f7;
border: 2px solid transparent;
border-radius: 5px;
outline: 0;
padding: 15px;
width: 100%;
}

.formbuilderform input[type="text"]:focus,
.formbuilderform input[type="email"]:focus,
.formbuilderform textarea:focus {
background-color: #fff;
border: 2px solid #888;
}

.formbuilderform textarea {
height: 75px;
transition:height .5s;
}

.formbuilderform textarea:focus {
height: 150px;
}

.formbuilderform .form-required {
display: none;
}

.section {
padding: 60px 0;
text-align: center;
border-bottom: 5px solid #1c97ca;
}

.section-header {
}

.section-content {
margin-top: 30px;
}

#header {
padding: 15px 0;
}

#title {
font-size: 200%;
}

#nav {
position: absolute;
top: 15px;
right: 30px;
}

#nav li {
display: inline;
margin-left: 30px;
}

#nav li a {
color: #444;
text-transform: uppercase;
}

#nav li a:hover {
color: #1c97ca;
text-decoration: none;
}

#hero {
color: #fff;
padding: 180px 0;
background: #24436d url('/uploads/images/hero-new.jpg') no-repeat center center;
background-size: cover;
}

#hero h1 {
font-weight: 200;
}

#hero h3 {
margin-top: 15px;
}

#hero .section-content {
margin-top: 15px;
}

#sprechzeiten table {
margin: 30px 0;
}

#sprechzeiten th {
width: 25%;
}

#wichtige-informationen,
#aktuelles,
#adresse {
color: #fff;
background-color: #24436d;
}

#leistungen {
background-color: #eee;
}

#leistungen .section-content {
text-align: left;
}

#leistungen .section-content img {
float: right;
border-radius: 50%;
border: 5px solid #fff;
}

#leistungen .section-content li {
padding: 5px 0;
}

#adresse .g-6 {
margin-top: 30px;
text-align: left;
}

#kontakt {
background-color: #ddd;
}

#kontakt form {
text-align: left;
}

#aktuelles .section-content p,
#leistungen .section-content p,
#impressum .section-content p {
margin-top: 15px;
}

#footer,
#footer a {
color: #999;
}

#footer {
padding: 50px 0;
background-color: #333;
}

#copyright .g-3 {
text-align: right;
}

#back {
font-size: 300%;
line-height: 1;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10px;
}

#back a {
color: #1c97ca;
}

@media(max-width:768px) {
.g {
margin-left: 0;
margin-right: 0;
}

.g-1,
.g-2,
.g-3,
.g-4,
.g-5,
.g-6,
.g-7,
.g-8,
.g-9,
.g-10,
.g-11,
.g-12 { 
width: auto;
float: none;
padding-left: 0;
padding-right: 0;
}

.hidden-s {
display: none;
}

.visible-s {
display: block;
}

#title {
text-align: center;
}

#nav {
position: relative;
top: auto;
right: auto;
}

#nav li {
display: block;
margin-left: 0;
text-align: center;
}

#sprechzeiten .sprechzeiten li span {
float: none;
width: auto;
text-align: center;
}

#leistungen .section-content img {
float: none;
margin-bottom: 30px;
}

#copyright .g-3 {
margin-top: 30px;
text-align: left;
}

#back {
display: none;
}
}
/* cmsms stylesheet: Raleway modified: Donnerstag, 15. Oktober 2020 12:02:27 */
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/uploads/layout/fonts/raleway-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/layout/fonts/raleway-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/layout/fonts/raleway-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/layout/fonts/raleway-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/uploads/layout/fonts/raleway-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/layout/fonts/raleway-v18-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/uploads/layout/fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/uploads/layout/fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/uploads/layout/fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/uploads/layout/fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/uploads/layout/fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/uploads/layout/fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* cmsms stylesheet: Cookies modified: Freitag, 23. Oktober 2020 12:19:59 */
#cookie-alert {
display: none;
background-color: #000;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
overflow: hidden;
}

#cookie-message {
color: #000;
background-color: #fff;
margin: 15px;
padding: 30px;
border-radius: 5px;
box-shadow: 0 0 30px #000;
}

#cookie-title {
font-weight: bold;
font-size: large;
margin-bottom: 15px;
}

#cookie-more {
display: none;
font-size: small;
max-height: 200px;
margin-top: 15px;
padding: 15px;
background-color: #eee;
overflow-y: scroll;
}

#cookie-more h1,
#cookie-more h2,
#cookie-more h3,
#cookie-more h4 {
line-height: 1.1;
}

#cookie-more h1,
#cookie-more h2,
#cookie-more h3,
#cookie-more h4,
#cookie-more p {
margin: 0 0 10px 0;
}

#cookie-more a {
color: #4285f4;
text-decoration: none;
}

#cookie-buttons {
margin-top: 45px;
text-align: center;
}

#cookie-btn-more,
#cookie-btn-confirm {
width: 100%;
cursor: pointer;
text-decoration: none;
display: inline-block;
padding: 10px 15px;
color: #fff;
background-color: #4285f4;
border-radius: 5px;
}

#cookie-btn-more {
margin: 0 0 15px 0;
color: #444;
background-color: #fff;
}

@media(min-width:640px){
#cookie-message {
margin: 10% auto;
max-width: 600px;
}

#cookie-buttons {
text-align: right;
}

#cookie-btn-more,
#cookie-btn-confirm {
width: auto;
}

#cookie-btn-more {
margin: 0 15px 0 0;
}
}