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

@font-face {
    font-family: 'Open Sans';
    src: url('../dist/fonts/OpenSans/OpenSans-Italic.eot');
    src: url('../dist/fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../dist/fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'),
        url('../dist/fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
        url('../dist/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype'),
        url('../dist/fonts/OpenSans/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../dist/fonts/OpenSans/OpenSans-Regular.eot');
    src: url('../dist/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../dist/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('../dist/fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('../dist/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
        url('../dist/fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html,body,div,span,object,iframe,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body{background: #f0f0f0;font-family: 'Open Sans', sans-serif; font-size:14px;}

header{background:url(../images/template/header_bg.jpg) no-repeat; background-size: cover;}
section{}
footer{background:#dedede; border-top: 8px solid #e7e7e7; color: #22406a;}

.logo img{margin: 15px 0;}
header nav{ background:none !important;}
header nav ul{list-style: none; margin-top: 75px; height: 30px;}
header nav li a{float: left;border-right: 1px solid #212121; border-left: 1px solid #585858; color: #fff; text-transform:none; height: 60px; width: auto; padding: 0 15px; line-height: 30px; font-size:0.9em; z-index: 10; background: none;  font-weight:400;color: #fff; text-decoration:none;}
header nav li a:hover{color: #4f93f3; text-decoration:none; background: none; padding: 0 15px;}
nav{background: #f8f9fb; color: #22406a;}
nav ul{list-style: none; height: 50px; }
nav li a{float: left; width:auto; text-transform:uppercase; background: url(../images/template/nav-pfeil.png) left no-repeat; padding: 0 50px 0 40px; line-height:50px; font-weight:600;color: #22406a; text-decoration: none; display: block;}

nav li a:hover{background: url(../images/template/nav-pfeil-dark.png) left no-repeat; padding: 0 50px 0 40px; text-decoration: none; display:block;color:#9b1f1f;}

h1{color: #22406a; font-weight:400; font-size: 1.5em;}
h2{color: #22406a; font-weight:700; text-transform:uppercase; font-size: 0.9em; margin-top: -20px; }
h2 span{font-weight: 400;}
h3{font-weight:600; font-size: 1.0em;}

.inhalt{margin-bottom:20px;}
.inhalt a{color:#22406a; font-weight:600; text-decoration:none;}
.inhalt a:hover{text-decoration:underline;}

a.more-button{height: 30px; font-size: 0.9em;font-weight:600; padding: 5px 15px;background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #eff0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eff0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#eff0f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eff0f2',GradientType=0 ); /* IE6-9 */
border-radius: 3px; -moz-box-shadow: 0px 1px 2px #999;
-webkit-box-shadow: 0px 1px 2px #999;
box-shadow: 0px 1px 2px #999; float: right; color: #000; text-decoration:none;}
a.more-button:hover{background: #aabeda; /* Old browsers */
background: -moz-linear-gradient(top,  #aabeda 0%, #54729d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aabeda), color-stop(100%,#54729d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aabeda 0%,#54729d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aabeda', endColorstr='#54729d',GradientType=0 ); /* IE6-9 */
color: #fff;}

.kontakt{background: #f4f4f4; float: left; padding: 20px 20px 50px 20px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; height: 160px; border: 1px solid #e1e1e1;-moz-box-shadow: inset 0 0 4px 4px #fff;-webkit-box-shadow: inset 0 0 4px 4px #fff;box-shadow: inset 0 0 4px 4px #fff;}
.kontaktbox{background: #fff;color: #fff; float: left;border-top-right-radius: 5px;border-bottom-right-radius: 5px; padding: 20px 20px 50px 20px;color:#22406a;  height: 160px; border: 1px solid #e1e1e1;border-left: none;-moz-box-shadow: inset -2px -2px #fff;-webkit-box-shadow: inset -2px -2px #fff;box-shadow: inset -2px -2px #fff;}
.kontaktbox h4{color:#22406a; font-size:0.9em; padding: 0; margin: 0;}
.kontaktbox span{font-size: 1.3em;color:#22406a; margin-top: -15px; }
.kontaktbox p{padding: 0; margin-top: -3px;font-size: 0.9em;}

.referenz{margin-right: 25px; float: left; width: 154px;}
.referenz img{width: 150px; padding: 5px; background:#fff; -moz-box-shadow: 0px 6px 5px #666;
-webkit-box-shadow: 0px 6px 5px #666;
box-shadow: 0px 6px 5px #666;}
.referenz p{font-size: 0.9em;}
ul.referenzliste{list-style: none; margin: 0;padding: 20px 40px 50px 0px;}
ul.referenzliste li{ font-size: 0.9em;font-weight:600; padding: 5px 15px;background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8f8f8 0%, #eff0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eff0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#eff0f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#eff0f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eff0f2',GradientType=0 ); /* IE6-9 */
margin-bottom: 2px;border-radius: 3px; -moz-box-shadow: 0px 1px 2px #999;
-webkit-box-shadow: 0px 1px 2px #999;
box-shadow: 0px 1px 2px #999;}
ul.referenzliste li:hover{background: #aabeda; /* Old browsers */
background: -moz-linear-gradient(top,  #aabeda 0%, #54729d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aabeda), color-stop(100%,#54729d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aabeda 0%,#54729d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aabeda 0%,#54729d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aabeda', endColorstr='#54729d',GradientType=0 ); /* IE6-9 */
color: #fff;}
ul.referenzliste li span{font-size: 0.75em;}

aside,.galerie{margin-bottom: 100px; margin-top: 0px;}
aside img, .galerie img{padding: 5px; background: #fff; border-radius: 5px;-moz-box-shadow: inset -2px -2px #fff;-webkit-box-shadow: inset -2px -2px #fff;box-shadow: inset -2px -2px #fff; border: 1px solid #e1e1e1;}

#map{width: 100%; height: 300px;}
#map .info-window-content{width: 200px; height: 70px;}

footer{ font-size: 0.9em;}
footer a{text-decoration: none; color: #22406a;}
footer a:hover{text-decoration:underline;}
footer nav{background:none;}
p.kontaktadresse span{width:100px;display:block;float:left;}

#topbutton{z-index: 2; position: relative; text-align:center; margin-top:-198px; overflow: hidden;}

.line{border-top: 1px solid #e1e1e1; margin-top: 30px;}
hr{border: 1px solid #fff; padding: 0; margin: 0;}