:root {
--blau_active:#1f93bd;
--blau_active:#22a5d5;

--blau_active2:#22a5d5;
--font_navi_fett:500
}

html,body {
height:100%;
margin:0;
padding:0
}

body,p {
color:#666;
font-family:'Ubuntu',Verdana,Arial,sans-serif;
font-size:1em;
line-height:1.4em;
font-weight:400;
background:#fff;
margin:0;
padding:0
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
font-family:'Ubuntu',Verdana,Arial,sans-serif;
line-height:1.5em;
font-size:1.6em;
margin:0;
padding:0
}

h1 {
margin-top:-1.5em;
font-size:1.5em
}

a,a:visited,a:active,a:hover {
color:#666;
text-decoration:none;
position:relative
}

a:hover {
text-decoration:none;
color:var(--blau_active);
font-weight:var(--font_navi_fett)
}

a.unterstrich {
color:var(--blau_active)
}

a.unterstrich2 {
color:var(--blau_active);
font-size: 0.8em;
}

a.unterstrich2:hover {
color:var(--blau_active);
font-size: 0.8em;
}

a.unterstrich:hover {
text-decoration:none;
padding-bottom:.5px;
border-bottom:1px solid --blau_active

}
.externer-link {
	color:var(--blau_active);
}      
  .externer-link::after { content: url(/images/external-link.png); 
      margin-left:0.2em;
      }
        

a.external-link {
color:var(--blau_active);
}

a.external-link:before {
background:url(./images/external-link-black.png) center left no-repeat;
margin-right:5.1em;
}



ul,li {
list-style-type:none!important
}

.menueact {
color:var(--blau_active2)!important;
background:#fff;
font-weight:var(--font_navi_fett)!important
}

.menueact_sub {
color:var(--blau_active2)!important;
font-weight:var(--font_navi_fett)!important
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}

ul {
list-style:none;
list-style:none;
list-style-type:none;
margin:0;
padding:0;
white-space:nowrap
}

.kontakt {
list-style-type:square!important
}

.kontakt ul {
list-style:square!important
}

.wrapper {
width:92%;
margin:0 auto;
position:relative
}

header {
padding:15px 0;
padding:0 0
}

.div-hr {
position:relative;
width:80%;
margin:0 auto;
text-align:center;
clear:both;
margin-bottom:2em;
padding-top:2em;
display:block
}

.linie-hrz {
height:1em;
border-bottom:1px solid #666;
width:100%;
display:block
}

.linie_zwischenueberschrift_h2 {
height:2em;
display:inline-block;
vertical-align:middle;
margin:0 auto;
width:auto;
font-size:1.3em;
background:#fff;
margin-top:-.7em;
white-space:nowrap;
text-align:center
}

#kasten_bild {
position:relative;
margin:0;
margin-top:20px;
margin-left:20px;
padding:15px;
max-width:100%;
float:right;
display:block
}

#page {
position:relative;
margin:0 auto;
width:100%;
height:auto!important;
height:100%;
min-height:100%;
padding:0;
background:#fff;
margin-top:0;
padding-bottom:1.5em;
overflow:hidden
}

.fuss0 {
position:absolute;
width:100%;
bottom:0!important;
padding:0;
margin:0;
padding-bottom:2em;
padding-right:.5em
}

.fuss {
position:absolute;
width:100%;
margin:0 auto;
bottom:0!important;
padding:0;
margin:0;
margin-top:5px;
margin-top:0;

background:#e0e0e0;
color:#666!important;
height:auto;
display:table-cell;
vertical-align:middle;
z-index:1000
}

.fuss a:link,.fuss a:visited,.fuss p {
color:#fff;
color:#f1f1f1;
color:#666!important
}

.fuss a:hover {
color:var(--blau_active)!important
}

.grid_60 {
border:1px solid silver;
padding:5px;
margin-bottom:10px;
max-width:49%
}

#logos-kasten {
width:100px;
height:70px;
text-align:left;
display:inline-block;
vertical-align:middle;
margin:0;
padding:0
}

.flexslider {
display:none
}

.titelbild {
display:none
}

#logo {
position:relative;
top:0;
margin:0 auto;
text-align:center;
display:block
}

#logo img {
text-align:center;
max-height:150px;
border:0
}

#content {
margin:40px 0;
text-align:left
}

aside {
margin:40px 0
}

p {
margin:0 0 1.5em
}

img {
max-width:100%;
height:auto;
border:0
}

.menu-toggle {
display:block;
background:#666;
color:#fff;
cursor:pointer;
text-transform:uppercase;
font-size:20px;
width:100%!important;
position:relative;
clear:both;
text-align:right;
padding-right:2em;
height:40px;
padding-top:.625em;
padding-bottom:1.5em;
border:0 solid #666;
list-style-type:none
}

.menu-toggle:before {
content:"";
position:absolute;
right:.5em;
top:.85em;
width:1.1em;
height:.15em;
background:#fff;
box-shadow:0 .3em 0 0 white,0 .6em 0 0 #fff
}

.menu-toggle.toggled-on {
width:100%;
margin:0
}

.srt-menu {
display:none
}

.srt-menu.toggled-on {
display:block;
position:relative;
z-index:10;
z-index:1000;
width:100%;
margin:0;
text-align:left;
margin-left:0!important;
margin-bottom:3em
}

srt-menu.toggled-on ul {
width:100%;
list-style:none;
margin-left:0!important;
display:block
}

.srt-menu {
clear:both;
margin:0;
margin-bottom:0;
float:right;
text-align:left;
padding:0;
width:100%;
position:relative;
list-style-type:none
}

.srt-menu li a {
width:100%!important;
display:block;
margin:0;
margin-top:1px;
margin-bottom:1px;
padding:5px;
text-decoration:none;
position:relative;
width:50px
}

.srt-menu li a:hover {
background:#62a1cc;
background:var(--blau_active);
background:var(--blau_active2);

color:#fff
}

.srt-menu li li a {
background:#e8e8e8
}

.srt-menu li li li a {
background:#efefef;
padding-left:30px
}

.leistungen_navi {
margin:0;
padding-left:0;
margin-top:0;
max-width:85%;
max-width:92%
}

.leistungen_navi > a,.leistungen_navi > a:visited,.leistungen_navi > a:active {
color:#666;
text-decoration:none;
width:100%
}

.leistungen_navi > a:hover {
color:var(--blau_active)
}

.leistungen_navi > ul {
margin-top:1.8em;
line-height:2em;
padding:0;
margin-left:0
}

.leistungen_navi > li {
margin-left:0;
margin-right:25px;
margin-bottom:.5em;
padding:0;
border-bottom:1px solid silver;
line-height:1.6em;
margin-bottom:20px;
max-width:75%
}


li.sub_navi_act {
margin-left:0;
margin-right:25px;
margin-bottom:.5em;
padding:0;
border-bottom:1px solid var(--blau_active);
line-height:1.6em;
margin-bottom:20px;
max-width:75%
}


#leistungen-navi2 {
margin:0;
padding:0;
margin-left:30px;
margin-top:-5px;
line-height:1.6em
}

#leistungen_navi2 a,#leistungen_navi2 a:visited,#leistungen_navi2 a:active {
text-decoration:none;
color:#666
}

#leistungen_navi2 a:hover {
color:var(--blau_active)
}

ul#leistungen_navi2 {
margin-top:-20px;
line-height:.8em;
padding:0;
margin-left:15px
}

li#leistungen_navi2 {
margin-left:0;
margin-right:0;
margin-bottom:-1em;
padding:0;
border-bottom:0 solid silver;
line-height:.5em!important;
margin-bottom:0
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_40,.grid_41,.grid_42,.grid_5,.grid_6,.grid_60,.grid_7,.grid_7k,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
margin:0;
position:relative;
padding:0;
vertical-align:top;
display:inline;
display:block;
float:left;
height:1%
}

.grid_4 {
margin:0 auto;
text-align:right;
right:0;
display:block
}

body {
background:#fff
}

h1,h2,h3,h4,h5,h6 {
color:#333
}

.clearfix:before,.clearfix:after,.row2:before,.row2:after
.row_0:before,.row_0:after {
content:" ";
display:table;
display:block
}

.clearfix:after,.container:after,.row2:after
.row_0:after {
clear:both
}

@media only screen and (max-width: 979px) {
h1,h2,h3,h4 {
padding-bottom:1.25em!important;
margin-top:0!important
}

.flexslider,.titelbild {
height:0!important;
display:none!important
}

.flexslider {
display:none!important
}

.oben {
height:50px;
display:table;
display:block;
table-layout:auto;
margin:0;
padding:0;
width:90%;
margin:0 auto;
margin-top:0
}

#top_logo {
position:relative;
margin:0;
margin:0 auto;
padding:0;
margin-bottom:10px;
margin-top:-45px;
display:block;
width:100%
}

#top_logo img {
margin:0 auto!important;
text-align:center;
width:120px;
display:table-cell;
display:block
}

.div-hr {
position:relative;
max-width:80%;
margin:0 auto!important;
text-align:center;
margin-bottom:2em;
padding-top:2em;
display:block
}

.grid_12 {
margin:0 auto!important;
display:block!important;
width:100%!important;
}

.fuss {
position:relative;
margin:0;
padding:0;
margin-top:0!important;
padding-top:10px!important;
max-width:100%;
font-size:100%
}

#page {
position:relative;
margin:0 auto;
width:100%;
height:auto!important;
height:100%;
min-height:100%;
padding:0;
background:#fff;
margin-top:0;
margin-bottom:0;
}

.fuss0 {
position:relative;
width:100%;
bottom:0!important;
padding:0;
margin:0;
padding-bottom:10px
}

.fuss {
position:absolute;
bottom:0;
height:auto!important;
line-height:1.5em
}

#fuss_impressum {
text-align:left!important;
margin-top:1.25em;
padding-bottom:1.25em
}

#fuss_oben {
display:none
}

.fuss0 {
display:none
}

.leistungen_navi {
display:none
}

.grid_9 {
width:100%
}

.grid_3 {
display:none
}

.grid_7k {
text-align:right;
margin-right:0
}

.grid_60 {
max-width:100%!important;
width:100%!important;
border:1px solid silver;
margin-bottom:2em;
vertical-align:top;
display:block!important;
margin-right:0;
margin-bottom:10px
}

#menueact {
color:var(--blau_active2)!important;
background:#fff
}

#menueact_sub {
color:var(--blau_active)!important;
font-weight:var(--font_navi_fett)!important
}
}

@media only screen and (max-width: 1200px) {
.fuss0 {
display:none
}

.grid_60 {
max-width:100%!important;
width:100%!important;
border:1px solid silver;
margin-bottom:2em;
vertical-align:top;
display:block!important;
margin-right:0;
margin-bottom:10px
}
}

@media only screen and (min-width: 980px) {
#top_logo {
float:left;
width:250px!important;
width:auto!important;
display:block!important;
margin:0!important;
padding:0!important;
position:relative!important;
left:0!important;
text-align:left;
margin-top:-110px!important;
margin-left:-18px!important;
margin-bottom:20px!important
}

#top_logo img {
margin:0!important;
text-align:left!important;
width:auto!important
}

.oben {
width:100%!important;
height:130px;
display:block;
text-align:right;
margin:0 auto;
margin:0;
padding:0;
padding-top:20px;
padding-bottom:10px
}

h3,h4,h5,h6 {
font-weight:400;
font-family:'Ubuntu',Verdana,Arial,sans-serif;
line-height:1.5em;
font-size:1.2em
}

h1 {
margin-top:1.25em;
margin-top:.5em;
font-size:1.5em;
padding-bottom:.5em
}

h2 {
margin-top:1.5em;
padding-bottom:.5em;
font-size:1.5em
}

h3 {
margin-top:0;
margin-bottom:30px;
font-size:1.6em;
line-height:1.8em;
padding:0;
border-bottom:0 solid #666;
text-align:center
}

h4 {
margin-top:0;
margin-bottom:30px;
margin-bottom:1.875em;
font-size:1.2em;
line-height:1.8em;
padding:0;
border-bottom:1px solid #666;
border-left:0 solid #666
}

#zwischenueberschrift {
font-size:1.3em;
line-height:1.8em;
margin-right:50%;
padding:0;
border-bottom:1px solid #666;
width:auto
}

.grid_8 {
margin-top:0;
padding-right:15px;
display:table-cell
}

.wrapper {
max-width:980px;
margin:.75em auto;
margin:0 auto;
text-align:center
}

#logo {
position:relative;
float:left;
margin-top:0;
margin-bottom:-20px;
max-width:300px
}

#logo img {
max-height:100%
}

header {
padding:0;
width:100%
}

.titelbild {
float:left;
width:100%!important;
height:auto!important;
margin:0;
padding:0;
display:block;
margin-bottom:10px;
margin-top:0
}

#content {
float:left;
width:100%;
margin:0;
padding:0;
text-align:left;
margin-top:0;
display:table;
display:block;
min-height:100%;
position:relative
}

#content.wide-content {
float:none;
width:100%
}

.flexslider {
position:relative;
display:block;
margin:0;
padding:0;
padding-top:0!important;
max-width:100%!important
}

aside {
float:right;
width:30%
}

.menu-toggle {
display:none
}

#menu-main-navigation {
display:block
}

.srt-menu,.srt-menu * {
margin:0;
padding:0;
list-style:none
}

.srt-menu ul {
position:absolute;
display:none;
width:12em;
list-style:none
}

.srt-menu ul li {
width:100%
}

.srt-menu li:hover {
visibility:inherit
}

.srt-menu > li {
float:left;
position:relative;
margin-left:10px
}

.srt-menu li li a {
margin-left:30px;
padding-left:30px
}

.srt-menu a {
display:block;
position:relative
}

.srt-menu li:hover ul,.srt-menu li.sfHover ul {
display:block;
left:0;
top:35px;
z-index:99
}

ul.srt-menu li:hover li ul,ul.srt-menu li.sfHover li ul {
top:-999em
}

ul.srt-menu li li:hover ul,ul.srt-menu li li.sfHover ul {
left:12em;
top:0
}

ul.srt-menu li li:hover li ul,ul.srt-menu li li.sfHover li ul {
top:-999em
}

ul.srt-menu li li li:hover ul,ul.srt-menu li li li.sfHover ul {
left:10em;
top:0
}

#topnav {
float:right;
margin:.35em 0 0;
margin:0
}

.srt-menu {
float:right;
padding:0;
margin:0;
position:relative;
margin-top:-40px!important;
margin-bottom:0;
margin-right:0;
text-align:right;
display:block
}

.srt-menu a {
text-decoration:none;
color:#666;
margin:0;
text-align:right;
padding-right:5px
}

.srt-menu li > a {
margin:0;
padding:10px 60px;
height:35px;
display:block;
font-size:1em;
text-align:right;
padding-right:5px;
background:#fff
}

.srt-menu > li a:link {
color:#666;
display:block;
font-size:1em;
text-transform:uppercase
}

.srt-menu > li a:hover {
color:var(--blau_active);
background:#fff;
font-weight:var(--font_navi_fett)!important
}

.srt-menu a,.srt-menu a:visited {
color:#666
}

.srt-menu li ul {
padding-top:1.2em
}

.srt-menu li ul li > a {
background:#333;
background:#fff;
color:#666;
padding-left:20px;
height:auto;
text-align:left;
display:block;
width:14em!important;
font-size:1em!important;
display:block;
text-transform:none!important;
margin-left:40px;
font-size:1em;
border:0;
background:#fff;
-webkit-border-radius:1px;
-moz-border-radius:1px;
-o-border-radius:1px;
border-radius:1px;
box-shadow:0 1px 1px rgba(0,0,0,.2);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);
-o-box-shadow:0 1px 1px rgba(0,0,0,.2);
margin-top:-1px;
padding-top:5px
}

.srt-menu li ul li > a:hover {
color:var(--blau_active)!important;
background:#fff
}

.srt-menu li li a:visited {
color:#0f9f91;
color:#666
}

.srt-menu li.current * li a {
padding-left:30px;
padding-left:30px;
background:rgba(0,0,0,.6);
background:transparent;
color:#666
}

.srt-menu li:hover > a {
color:var(--blau_active);
font-weight:400;
background:transparent
}

.srt-menu li li:hover > a {
color:var(--blau_active);
font-weight:400;
background:transparent;
border:0;
border-bottom:0 solid #0f9f91
}

.srt-menu li ul li ul {
display:none
}

.srt-menu ul li ul li a {
display:none!important
}

.row2 {
margin-left:-39px;
margin-right:-40px
}

.row_0 {
margin:0;
max-width:100%!important;
margin-right:0;
margin-left:0;
position:relative;
margin-top:0;
background:transparent;
display:table;
text-align:left;
padding:0;
display:inline
}

.grid_1 {
width:8.33333333%
}

.grid_2 {
width:16.66666667%
}

.grid_3 {
width:25%
}

.grid_4 {
width:30%
}

.grid_40 {
width:33.3333%
}

.grid_41 {
width:33.3333%
}

.grid_42 {
width:33.3333%
}

.grid_5 {
width:41.66666667%
}

.grid_6 {
width:50%
}

.grid_60 {
width:49%
}

.grid_7 {
width:58.33333333%
}

.grid_7k {
width:58.33333333%
}

.grid_8 {
width:70%
}

.grid_9 {
width:75%
}

.grid_10 {
width:83.33333333%
}

.grid_11 {
width:91.66666667%
}

.grid_12 {
width:100%
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_40,.grid_41,.grid_42,.grid_5,.grid_6,.grid_6r,.grid_6l,.grid_60,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
float:left;
display:inline-block;
height:1%;
padding-bottom:1em
}

.grid_12 {
padding:0;
margin:0;
height:auto!important;
max-width:980px;
display:block
}

.grid_6l {
text-align:left;
padding:0;
padding-top:.3em;
padding-bottom:.3em
}

.grid_6r {
text-align:right;
padding:0;
padding-top:.3em;
padding-bottom:.3em
}

.grid_60 {
border:1px solid silver;
padding:5px;
margin-bottom:10px;
max-width:49%
}

.grid_7k {
text-align:right;
margin-right:0
}

#logos-kasten {
max-width:100%;
text-align:left;
display:inline-block;
vertical-align:middle;
margin:0;
padding:0
}

#menueact_sub {
color:var(--blau_active)!important;
font-weight:var(--font_navi_fett)!important
}

.rightfloat {
float:right
}

#hero [class*="grid_"] {
margin-bottom:-20px
}
}

@media print {
* {
background:transparent!important;
color:#000!important;
text-shadow:none!important;
filter:none!important;
-ms-filter:none!important
}

a,a:visited {
color:#444!important;
text-decoration:underline
}

abbr[title]:after {
content:" (' attr(title) ')"
}

pre,blockquote {
border:1px solid #999;
page-break-inside:avoid
}

thead {
display:table-header-group
}

tr,img {
page-break-inside:avoid
}

p,h2,h3 {
orphans:3;
widows:3
}

h2,h3 {
page-break-after:avoid
}

.fuss,.fuss0,.titelbild,.grid3,.linie-hrz,.leistungen_navi,.menu-toggle {
height:0!important;
width:0!important;
display:none!important;
visibility:hidden!important
}

img {
width:100px!important
}

body {
font-size:11px!important
}
}

@page {
margin:.5cm
}

.liste {
padding-left:3em;  
}
.liste1 {
list-style-type:disc !important; padding-bottom: 0.5em; white-space :normal; 
}