body,td,th{font-family:Arial,Helvetica,sans-serif;color:#333;font-weight:400}
body{background-color:#F1F4FF;background-image:url(../../template/img/linien.png);font-size:11px}
a:link{text-decoration:none;color:#3F4096}
th,td{padding:3px 0}
a:visited{text-decoration:none;color:#3F4096}
a:hover{text-decoration:underline;color:#3F4096}
a:active{text-decoration:none;color:#3F4096}
h1{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:1.6em;font-style:normal;line-height:10px;font-weight:lighter;font-variant:normal;text-transform:none;color:#06C;text-decoration:none}
h2{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:1.25em;font-style:normal;line-height:1;font-weight:lighter;font-variant:small-caps;text-transform:none;color:#9CB46F;text-decoration:none}
h3{font-size:1.2em;color:#3F4096;font-weight:lighter;line-height:1.2em;padding-bottom:0;padding-top:20px}
h4{font-size:1em;color:#3F4096;line-height:14px;font-weight:lighter}
h5{font-size:1em;color:#3F4096}
h6{font-size:1em;color:#666;line-height:10px;vertical-align:top;font-style:normal;font-variant:small-caps;text-decoration:none;text-align:right}
h1,h2,h3,h4,p{margin:4px 0;line-height: 1.0;}
p{font-family:Arial,Helvetica,sans-serif;font-style:normal;line-height:1.3;font-weight:lighter;font-variant:normal;text-transform:none;color:#333;text-decoration:none}
.block{display:inline-block; border:solid 1px #ccc;padding:12px; border-radius:3px}
.block.spectrum{width:auto}
.block, .projects .spectrum{
    background:linear-gradient(-60deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 20%,rgba(240,240,240,1) 50%,rgba(245,245,245,1) 80%,rgba(255,254,255,1) 100%);
    background:-moz-linear-gradient(-60deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 20%,rgba(240,240,240,1) 50%,rgba(245,245,245,1) 80%,rgba(255,254,255,1) 100%);
    background:-webkit-linear-gradient(-60deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 20%,rgba(240,240,240,1) 50%,rgba(245,245,245,1) 80%,rgba(255,254,255,1) 100%);
    background:-ms-linear-gradient(-60deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 20%,rgba(240,240,240,1) 50%,rgba(245,245,245,1) 80%,rgba(255,254,255,1) 100%);
    background:-o-linear-gradient(-60deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 20%,rgba(240,240,240,1) 50%,rgba(245,245,245,1) 80%,rgba(255,254,255,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#ffffff,GradientType=1);
    box-shadow:1px 1px 2px #ddd;
 }
.block h3, .block h4{padding-top:0}
.block{box-shadow:1px 1px 1px #ddd}
.row{clear:both}
.container{font-family:Arial,Helvetica,sans-serif;width:800px;margin:0 auto;position:relative}
.navi{clear:both}
.navi ul{padding:0;margin:0;list-style:none;display:inline-block}
.navi.horizontal li{float:left;list-style:none}
.navi li a{font-family:Arial,Helvetica,sans-serif;/* font-size: 0.9em; */font-style:normal;color:#3F4096;display:block;padding:0 6px;border:solid 1px #3F4096;border-width:0 0 0 1px}
.navi li.sub_first a,#navBar .navi li.sub_first a{border-width:0}
#mainBlock .container,#navBar .container,#headerBlock .container{background-color:#FFF}
#mainBlock .container,#navBar .container,#headerBlock .container,#pmenu a,#pmenu a:visited,#menu_container{border:1px solid #666}
#mainBlock .container{border-width:0 1px 1px}
#headerBlock,#mainBlock,#footerBlock,#headerSecondNav,#navBar{position:relative;clear:both}
#headerSecondNav .navi,#footerSecondNav{float:right;z-index:2000;display:inline-block}
#headerSecondNav li a,#footerSecondNav li a{border-width:1px;padding:.2em 1em;margin:.2em 0 .2em .5em;background-color:#fff;background-color:rgba(255,255,255,0.8);border-radius:3px;text-decoration:none}
#headerSecondNav li a:hover,#footerSecondNav li a:hover{background-color:#e8e8e8}
#headerBlock .container,#logo,.logo-back{height:88px}
#headerBlock .container{background-color:#FFF;/*  */overflow:hidden}
#headerBlock .container .logo-back{position:absolute;right:0;top:0;z-index:1;overflow:hidden}
#HeadSlider{/* width:100%; */height:88px;/* overflow: hidden; */}
#logo{background:url(../../template/img/logo.png) no-repeat;position:absolute;z-index:10;width:600px;top:0}
#spruch{position:absolute;z-index:2000;top:0;right:0;color:#9CB46F;text-align:right;line-height:20px;font-size:16px;background:rgba(0,0,0,0.0);padding:14px 14px 14px 150px;background:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#transp,endColorstr=#ffffff,GradientType=1);height:88px;width:350px}
#spruch .row-3{color:#06c}
#navBar .container{border-width:0 1px}
#menu_container{border-width:0 0 1px}
#navBar .navi a{border-width:0 0 0 1px}
#navBar .container a:hover{border-radius:3px 3px 0 0}
#navBar .container li li a:hover{border-radius:3px}
#mainBlock{}
#mainBlock .container{font-family:Arial,Helvetica,sans-serif;font-style:normal;color:#333;text-align:left;height:auto;vertical-align:top}
#mainBlock h3,#mainBlock h4,#mainBlock p{margin:1em 0;line-height: 1.2;}
.article-summary-image{float:right;margin:20px 0 1em 1em}
.imgtxt-column-right{display:inline-block;width:100%}
.imgtxt-column-right{margin:1em 0}
.spectrum{width:70%;border-bottom:solid 1px #aaa}
.spectrum .imgtxt-column-left{display:inline-block}
.spectrum .imgtxt-column-left div,.imgtxt-column-right-text{float:left}
.spectrum .teaser-subline{display:inline-block;clear:both;float:none!important}
.spectrum .image-td,.spectrum ul,.category .imgtxt-column-left .link{margin:6px 0}
.category .teaser-image img{margin:0 1em 0 0;border:solid 1px #aaa}
.category .imgtxt-column-left .imgtxt-column-left-text{height:85px;display:block;position:relative;max-width:80%}
.category .imgtxt-column-left .link{position:absolute;bottom:0;width:75px}
#mainBlock .projects h3,#mainBlock .projects p{margin:0;line-height:1.5}
.projects .spectrum{width:100%}
.projects .teaser-image{float:right}
.projects .imgtxt-column-right-text{max-width:70%}
.dsgvo li{list-style:none}
.dsgvo li li{list-style:circle}
.sloagan{display:table}
.sloagan div{display:table-row}
.sloagan div div{display:table-cell;vertical-align:bottom}
.sloagan img{margin-right:.5em}
.sloagan h1{margin:0;font-size:20px;color:#5f5cb5;line-height:20px}
figure{margin:0}
#content{/* margin:50px; */}
.layoutTable{display:table}
.layoutTable{width:86%;padding:50px 7%}
.layoutTableRow{display:table-row}
.layoutTableCell{display:table-cell;vertical-align:top}
.space{width:50px}
.middle{width:100%}
#rightBlock{}
#rightBlock .block{width:300px}
#footerBlock{}
@media screen and (-webkit-min-device-pixel-ratio:0) {

}
@media all and (min-width:1024px) {
.container{width:980px}
#logo{background-position:-5px 0}
#menu_container li.sub_first a{width:75px;display:block;text-align:center}
#menu_container li li.sub_first a{width:auto;text-align:left}
.projects.with-cols{margin:50px 0 0}
.projects.with-cols .teaser{display:table}
.projects.with-cols .teaser-row{display:table-row}
.projects.with-cols .spectrum,.projects .teaser-col-space{display:table-cell;width:49%}
.projects.with-cols .teaser-col-space{width:15px}
.projects.with-cols .imgtxt-column-right-text{max-width:45%}
.projects.with-cols .spectrum{border:solid 1px #ccc;padding:6px 12px;border-radius:6px}
.projects.with-cols .teaser-row-space{height:22px}
}
@media all and (min-width:1440px) {
body{font-size:14px}
.container{width:1200px}
#logo{background-position:-3px}
}
@media all and (max-width:800px) {
.container{width:auto;margin:0 .5em}
.projects .imgtxt-column-right-text{max-width:60%}
 .projects .spectrum{background:none; box-shadow:none}
}
@media all and (max-width:426px) {
.layoutTable,.layoutTableRow,.layoutTableCell{display:block}
.navi.horizontal,.navi.horizontal li,#headerSecondNav .navi,#footerSecondNav,.navi ul,.sloagan div,.sloagan div div{float:none;display:block}
.sloagan div div{margin:6px 0}
#sloagan{padding:0 7%}
#headerBlock .container .logo-back{display:none}
.projects .imgtxt-column-right-text{max-width:100%}
.projects .teaser-image{float:none;margin:0 auto}
.spectrum .image-td{display:block;margin:6px auto}
.spectrum .image-td img{margin:0 auto}
}
@media all and (max-width:400px) {
#logo{background-color:#fff}
}