body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/* -- dk_mmenu theme 'navy' -- */
.mm-menu
{
	background: #323849;
}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}
/* CSS Standard */
/* Opensans 400 */
@font-face {  font-family: 'OpenSans-Regular';  src: local('OpenSans-Regular'), local('OpenSans-Regular'), url('../../files/glaserei-schaaf/fonts/OpenSans-Regular.ttf') format('opentype');}
.OpenSans-Regular { font-family:'OpenSans-Regular';}

/* HammersmithOne-Regular */
@font-face {  font-family: 'HammersmithOne-Regular';  src: local('HammersmithOne-Regular'), local('HammersmithOne-Regular'), url('../../files/glaserei-schaaf/fonts/HammersmithOne-Regular.ttf') format('opentype');}
.HammersmithOne-Regular { font-family:'HammersmithOne-Regular';}

body, p, ul, h1, h2, h3, h4, h5, h6 {font-family:'OpenSans-Regular'; margin:0; padding:0;}

.hammersmith{font-family: 'HammersmithOne-Regular';}

clearfix {clear:both; display:table; content:"";}

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

.info-header .mail::before {content: url(../../files/glaserei-schaaf/img/start/mail.png) "  ";}
.info-header .phone::before {content: url(../../files/glaserei-schaaf/img/start/phone.png) "  ";}

/* Header */	
header {width:100%;}
.header-top {width:100%;}

#datenschutz ul {font-size: 1.6em; list-style:circle; margin-left:25px;}
#datenschutz li { line-height:2; color: #103F6B;}

@media only screen and (min-width: 240px) {
.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:90%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 240px; height: auto;}
.header-top .inner .logo {background-image: url(../../files/glaserei-schaaf/img/start/logo_galserei_hans_schaaf_200px.png); background-position:center; margin: 15px 0 0 15px; width:200px; height:94px;}
.header-top .inner .contact {}

.info-header ul {list-style: none; font-size: 1.3em; margin: 0; padding: 0;}
.info-header ul li.mail {padding-left: 20px; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {padding-left: 20px; line-height: 1.4em; padding-bottom:15px;}

header .inside nav {width:100%; background-color:#FFF;}
header .inside nav.mod_navigation {display:none;}
header .inside .offcanvas {position: absolute; top: 5px; right: 0; width:35px}


#slider_glaserei_schaaf {height: auto !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.1em}

/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:1em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { display:none;}
.boxanfahrt .anfahrt-text { float:left;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:100px;}
.boxanfahrt .anfahrt-text { width:200px; margin-bottom:10px;}
.boxanfahrt .anfahrt-text h2 {font-size:1.4em; margin:0 0 2em 0; line-height:1.5em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.2em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:240px; float:none;}
#container #main .inside { padding:10px;}
#container #main .inside h2 {line-height:1.6em; font-size:2em;}
#container #main .inside h3 {line-height:1.6em; font-size:1.8em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.2em; padding:0.5em 0}
#container #main .inside #home .service figure { width:220px;}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:1.2em; font-weight:bold; line-height:1.6em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:1.5em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:1.3em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.2em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:220px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}

.projekt-collage img.projekt-dusche {margin: 10px 9px 0 0}
.projekt-collage img.projekt-kueche {margin: 10px 0 10px 0}
.projekt-collage img.projekt-fassade {margin: 0}

.projekt-collage .textbox  {position:absolute; bottom: 10px; left:10px;  padding:10px;
	background-color:rgba(255,255,255,.7);
    border-radius:0 10px;
    

}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:1.2em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; margin-top:20px;}
#leistungen-und-produkte .ce_text h2 {font-size:1.2em !important; margin:0; line-height:1.4em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:10px;}

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:220px; margin-right:15px; margin-bottom:10px;}

#leistungen-und-produkte .textbox .box1 {min-height:auto;}
#leistungen-und-produkte .textbox .box2 {min-height:auto;}
#leistungen-und-produkte .textbox .box3 {min-height:auto;}
#leistungen-und-produkte .textbox .box4 {min-height:auto;}
#leistungen-und-produkte .textbox .box5 {min-height:auto;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.2em !important; margin:0 0 0.5em 0 !important; line-height:1.3em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}


#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.1em; line-height:1.5em}


/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 0.2em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:13em; float:left;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:12em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:12em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.5em; width:12em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.5em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}

/* Flip-box */
#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:2.2em; font-size:1.1em;font-family:'OpenSans-Regular'; padding-left:10px; padding-top:0px; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.1em; padding-left:30px; list-style:circle; padding-top:0px; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}

/* Flip-box weiter Einstellungen in flip-box.css*/

.flip-box {	width: 220px;	height: 220px;	}
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #FFF;}
.flip-box .flank { background-color: #0B2B48;}	
.flip-box .flank { width: 150px; height: 220px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #FFF;}
.flip-box.alternative .flank { background-color: #005875;}
.flip-box.flip-up .flank { top: 40px; height: 150px; }
}
@media only screen and (min-width: 320px) {
.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:90%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 300px; height: auto;}

.header-top .inner .contact {}

.info-header ul {list-style: none; font-size: 1.4em; margin: 0; padding: 0;}
.info-header ul li.mail {padding-left: 20px; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {padding-left: 20px; line-height: 1.4em; padding-bottom:15px;}

header .inside nav {width:100%; background-color:#FFF;}
header .inside nav.mod_navigation {display:none;}
header .inside .offcanvas {position: absolute; top: 5px; right: 20px; width:35px}



#slider_glaserei_schaaf {height: auto !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.2em}


/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:1em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse,
.boxanfahrt .anfahrt-text { float:left;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:100px;}
.boxanfahrt .anfahrt-text { width:280px;}
.boxanfahrt .anfahrt-text h2 {font-size:2em; margin:0 0 2em 0; line-height:2.1em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.4em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:320px; float:none;}
#container #main .inside { padding:15px; }
#container #main .inside h2 {line-height:1.8em; font-size:1.8em;}
#container #main .inside h3 {line-height:2.6em; font-size:1.6em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.3em; padding:0.5em 0}
#container #main .inside #home .service figure { width:280px;}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:1.4em; font-weight:bold; line-height:2.8em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:2.0em; line-height:1.3em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:1.8em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.4em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:300px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}

.projekt-collage img.projekt-dusche {margin: 10px 9px 0 0}
.projekt-collage img.projekt-kueche {margin: 10px 0 10px 0}
.projekt-collage img.projekt-fassade {margin: 0}

.projekt-collage .textbox  {position:absolute; bottom: 10px; left:10px;  padding:10px;
	background-color:rgba(255,255,255,.6);
    border-radius:0 10px;
    

}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:1.6em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; margin-top:15px;}
#leistungen-und-produkte .ce_text h2 {font-size:1.4em !important; margin:0 0 0 0; line-height:1.5em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:10px; }

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:280px; margin-right:15px;}

#leistungen-und-produkte .textbox .box1 {min-height:auto;}
#leistungen-und-produkte .textbox .box2 {min-height:auto;}
#leistungen-und-produkte .textbox .box3 {min-height:auto;}
#leistungen-und-produkte .textbox .box4 {min-height:auto;}
#leistungen-und-produkte .textbox .box5 {min-height:auto;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.4em !important; margin:0 0 0.5em 0 !important; line-height:1.5em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}

#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.3em; line-height:1.7em}


/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 0.5em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:17em; float:left;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:17em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:17em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.7em; width:17em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.7em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}

/* Flip-box weiter Einstellungen in flip-box.css*/
.flip-box {	width: 300px;	height: 210px;	}
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #175C9B;}
.flip-box .flank { background-color: #0B2B48;}	
.flip-box .flank { width: 150px; height: 210px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #00AEE8;}
.flip-box.alternative .flank { background-color: #005875;}
.flip-box.flip-up .flank { top: 30px; height: 150px;}

/* Flip-box */
#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:1.8em; font-size:1.3em;font-family:'OpenSans-Regular'; padding-left:10px; padding-top:0; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.2em; padding-left:40px; list-style:circle; padding-top:0; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}
}
@media only screen and (min-width: 480px) {
.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:90%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 460px; position: relative; height: 180px;}
.header-top .inner .logo {background-image: url(../../files/glaserei-schaaf/img/start/logo_galserei_hans_schaaf_300px.png); background-position:center; margin: 15px 0 0 15px; width:300px; height:141px;}
.header-top .inner .contact {position: absolute; top: 140px; right: 70px;}

.info-header ul {list-style: none; font-size: 1.4em; margin: 0; padding: 0;}
.info-header ul li.mail {float: left; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {float: left; padding-left: 15px; line-height: 1.4em;}

header .inside nav {width:100%; background-color:#FFF;}
header .inside nav.mod_navigation {display:none}
header .inside .offcanvas {position: absolute; top: 15px; right: 20px; width:35px;}


#slider_glaserei_schaaf {height: 400px !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.4em}

/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:1em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse,
.boxanfahrt .anfahrt-text { float:left; display: block;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:100px;}
.boxanfahrt .anfahrt-text { width:300px;}
.boxanfahrt .anfahrt-text h2 {font-size:2em; margin:0 0 2em 0; line-height:2.1em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.4em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:460px; float:none;}
#container #main .inside { padding:20px; }
#container #main .inside h2 {line-height:2.0em; font-size:2.4em;}
#container #main .inside h3 {line-height:2.6em; font-size:2.2em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.4em; padding:0.5em 0}
#container #main .inside #home .service figure { width:300px; margin-left:70px}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:2.0em; font-weight:bold; line-height:2.8em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:2.2em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:2.0em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.4em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:450px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}

.projekt-collage img.projekt-dusche {margin: 10px 9px 0 0}
.projekt-collage img.projekt-kueche {margin: 10px 0 10px 0}
.projekt-collage img.projekt-fassade {margin: 0}

.projekt-collage .textbox  {position:absolute; bottom: 10px; left:160px;  padding:20px 20px;
	background-color:rgba(255,255,255,.6);
    border-radius:0 15px;
    

}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:1.6em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; }
#leistungen-und-produkte .ce_text h2 {font-size:1.6em !important; margin:2.6em 0 0 0; line-height:2em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:110px;}

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:300px; margin-right:15px;}

#leistungen-und-produkte .textbox .box1 {min-height:auto;}
#leistungen-und-produkte .textbox .box2 {min-height:auto;}
#leistungen-und-produkte .textbox .box3 {min-height:auto;}
#leistungen-und-produkte .textbox .box4 {min-height:auto;}
#leistungen-und-produkte .textbox .box5 {min-height:auto;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.4em !important; margin:0 0 0.5em 0 !important; line-height:1.6em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}

#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.3em; line-height:1.7em}


/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 1em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:26em; float:none;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:26em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:26em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.7em; width:10em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.7em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}



/* Flip-box weiter Einstellungen in flip-box.css*/
.flip-box {	width: 420px;	height: 310px;	}
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #175C9B;}
.flip-box .flank { background-color: #0B2B48;}	
.flip-box .flank { width: 150px; height: 300px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #00AEE8;}
.flip-box.alternative .flank { background-color: #005875;}
.flip-box.flip-up .flank { top: 135px; height: 150px;}

/* Flip-box */
#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:2.2em; font-size:1.5em;font-family:'OpenSans-Regular'; padding-left:34px; padding-top:30px; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.4em; padding-left:80px; list-style:circle; padding-top:10px; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}
}
@media only screen and (min-width: 768px) {
.offcanvas { display:none;}	
.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:30%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 750px; position: relative; height: 190px;}
.header-top .inner .logo {background-image: url(../../files/glaserei-schaaf/img/start/logo_galserei_hans_schaaf_300px.png); background-position:center; margin: 15px 0 0 15px; width:300px; height:141px;}
.header-top .inner .contact {position: absolute; top: 20px; right: 18px;}


.info-header ul {list-style: none; font-size: 1.4em; margin: 0; padding: 0;}
.info-header ul li.mail {float: left; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {float: left; padding-left: 40px; line-height: 1.4em;}

header .inside nav {width:100%; background-color:#FFF;}
header .inside nav.mod_navigation {position: absolute; bottom: 15px; right: 0px; width:750px; display:block}
header .inside .offcanvas {position: absolute; top: 135px; right: 10px; width:35px;}

header .inside .navigation ul{clear:both; display:table; content:""; margin-bottom:0;}
header .inside .navigation ul li { float:left; font-size:1.6em; line-height:1.8em; padding-right:0.4em;padding-left:0.7em;}
header .inside .navigation ul li.active {color: #09C;}
header .inside .navigation ul li a { text-decoration:none; color:#103F6B;}
header .inside .navigation ul li a:hover { color:#0085B0;}



#slider_glaserei_schaaf {height: 700px !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.5em}

/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:1em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse,
.boxanfahrt .anfahrt-text { float:left;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:150px;}
.boxanfahrt .anfahrt-text { width:500px;}
.boxanfahrt .anfahrt-text h2 {font-size:2em; margin:0 0 2em 0; line-height:2.1em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.4em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:750px; float:none;}
#container #main .inside { padding:15px; }
#container #main .inside h2 {line-height:2.8em; font-size:2.4em;}
#container #main .inside h3 {line-height:2.6em; font-size:2.2em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.5em; padding:0.5em 0}
#container #main .inside #home .service figure { width:280px; margin-left:0;}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:2.2em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:2.0em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.6em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:750px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}

.projekt-collage img.projekt-dusche {margin: 15px 9px 0 0; width:350px;}
.projekt-collage img.projekt-kueche {margin: 15px 0 10px 0; width:390px;}
.projekt-collage img.projekt-fassade {margin: 0; width:390px;}

.projekt-collage .textbox  {position:absolute; bottom: 20px; left:20px;  padding:20px 30px;
	background-color:rgba(255,255,255,.5);
    border-radius:0 15px;
    

}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:1.8em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; }
#leistungen-und-produkte .ce_text h2 {font-size:2em !important; margin:1.6em 0 0 0; line-height:2em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:110px;}

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:280px; margin-right:15px;}

#leistungen-und-produkte .textbox .box1 {min-height:300px;}
#leistungen-und-produkte .textbox .box2 {min-height:300px;}
#leistungen-und-produkte .textbox .box3 {min-height:220px;}
#leistungen-und-produkte .textbox .box4 {min-height:220px;}
#leistungen-und-produkte .textbox .box5 {min-height:190px;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.6em !important; margin:0 0 0.5em 0 !important; line-height:1.6em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}

#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.3em; line-height:1.7em}


/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 1em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:14em; float:left;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:28em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:20em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.7em; width:10em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.7em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}

/* Flip-box */
/* Flip-box weiter Einstellungen in flip-box.css*/
.flip-box {	width: 360px;	height: 270px;	}
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #175C9B;}
.flip-box .flank { background-color: #0B2B48;}	
.flip-box .flank { width: 150px; height: 270px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #00AEE8;}
.flip-box.alternative .flank { background-color: #005875;}
.flip-box.flip-up .flank { top: 95px; height: 150px;}

#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:2.2em; font-size:1.4em;font-family:'OpenSans-Regular'; padding-left:15px; padding-top:10px; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.2em; padding-left:50px; list-style:circle; padding-top:10px; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}
}
@media only screen and (min-width: 1024px) {

.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:30%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 1000px; position: relative; height: 200px;}
.header-top .inner .logo {background-image: url(../../files/glaserei-schaaf/img/start/logo_galserei_hans_schaaf_300px.png); background-position:center; margin: 15px 0 0 15px; width:300px; height:141px;}
.header-top .inner .contact {position: absolute; top: 20px; right: 28px;}

.info-header ul {list-style: none; font-size: 1.4em; margin: 0; padding: 0;}
.info-header ul li.mail {float: left; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {float: left; padding-left: 40px; line-height: 1.4em;}

header .inside nav {width:90%; background-color:#FFF;}
header .inside nav.mod_navigation {position: absolute; bottom: 15px; left: 0; width:900px; display:block}
header .inside .offcanvas {position: absolute; top: 145px; right: 15px; width:35px}

header .inside .navigation ul{clear:both; display:table; content:""; margin-bottom:0;}
header .inside .navigation ul li { float:left; font-size:1.7em; line-height:2.0em; padding-right:0.6em;padding-left:0.6em;}
header .inside .navigation ul li.active {color: #09C;}
header .inside .navigation ul li a { text-decoration:none; color:#103F6B;}
header .inside .navigation ul li a:hover { color:#0085B0;}


#slider_glaserei_schaaf {height: 500px !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.6em}

/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:1em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse,
.boxanfahrt .anfahrt-text { float:left;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:100px;}
.boxanfahrt .anfahrt-text { width:380px;}
.boxanfahrt .anfahrt-text h2 {font-size:2em; margin:0 0 2em 0; line-height:2.1em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.4em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:1000px; float:none;}
#container #main .inside { padding:15px; }
#container #main .inside h2 {line-height:2.8em; font-size:2.4em;}
#container #main .inside h3 {line-height:2.6em; font-size:2.2em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.5em; padding:0.5em 0}
#container #main .inside #home .service figure { width:280px; margin-left:0;}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:2.2em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:2.0em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.6em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:1000px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}

.projekt-collage img.projekt-dusche {margin: 30px 9px 0 0; width:470px;}
.projekt-collage img.projekt-kueche {margin: 30px 0 10px 0; width:520px;}
.projekt-collage img.projekt-fassade {margin: 0; width:520px;}

.projekt-collage .textbox  {position:absolute; bottom: 30px; left:20px;  padding:30px 30px;
	background-color:rgba(255,255,255,.5);
    border-radius:0 25px;
    
}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:2.4em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; }
#leistungen-und-produkte .ce_text h2 {font-size:2em !important; margin:1.6em 0 0 0; line-height:2em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:110px;}

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:280px; margin-right:15px;}

#leistungen-und-produkte .textbox .box1 {min-height:300px;}
#leistungen-und-produkte .textbox .box2 {min-height:300px;}
#leistungen-und-produkte .textbox .box3 {min-height:300px;}
#leistungen-und-produkte .textbox .box4 {min-height:190px;}
#leistungen-und-produkte .textbox .box5 {min-height:190px;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.6em !important; margin:0 0 0.5em 0 !important; line-height:1.6em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}

#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.3em; line-height:1.7em}

/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 6em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:20em; float:left;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:30em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:20em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.7em; width:10em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.7em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}

/* Flip-box */
/* Flip-box weiter Einstellungen in flip-box.css*/
.flip-box { width: 480px; height: 300px; }
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #175C9B;}
.flip-box .flank { background-color: #0B2B48;}	

.flip-box .flank { width: 150px; height: 300px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #00AEE8;}
.flip-box.alternative .flank { background-color: #005875;}

.flip-box.flip-up .flank { top: 125px; height: 150px;}

#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:2.2em; font-size:1.5em;font-family:'OpenSans-Regular'; padding-left:34px; padding-top:30px; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.4em; padding-left:80px; list-style:circle; padding-top:10px; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}
}
@media only screen and (min-width: 1280px) {

.grid-1 { width:10%}
.grid-2 { width:20%}
.grid-3 { width:30%}
.grid-4 { width:40%}
.grid-4-5 { width:45%}
.grid-5 { width:50%}
.grid-6 { width:60%}
.grid-7 { width:70%}
.grid-8 { width:80%}
.grid-9 { width:90%}	
	
	
/* Header */	
.header-top .inner {margin: 0 auto; width: 1200px; position: relative; height: 150px;}
.header-top .inner .logo {background-image: url(../../files/glaserei-schaaf/img/start/logo_galserei_hans_schaaf_300px.png); background-position:center; margin: 15px 0 0 15px; width:300px; height:141px;}
.header-top .inner .contact {position: absolute; top: 20px; right: 28px;}

.info-header ul {list-style: none; font-size: 1.4em; margin: 0; padding: 0;}
.info-header ul li.mail {float: left; line-height: 1.4em; margin-bottom:0.5em}
.info-header ul li.mail a { text-decoration:none; color:#103F6B;}
.info-header ul li.mail a:hover {color: #09C;}
.info-header ul li.phone {float: left; padding-left: 40px; line-height: 1.4em;}

header .inside nav {width:100%; background-color:#FFF;}
header .inside nav.mod_navigation {position: absolute; bottom: 25px; left: 330px; width:900px; display:block;}
header .inside .offcanvas {position: absolute; top: 85px; right: 15px; width:35px}

header .inside .navigation ul{clear:both; display:table; content:""; margin-bottom:0;}
header .inside .navigation ul li { float:left; font-size:1.7em; line-height:2.0em; padding-right:0.6em;padding-left:0.6em;}
header .inside .navigation ul li.active {color: #09C;}
header .inside .navigation ul li a { text-decoration:none; color:#103F6B;}
header .inside .navigation ul li a:hover { color:#0085B0;}


#slider_glaserei_schaaf {height: 700px !important; width:auto !important;}
.rsts-skin-default .rsts-caption { font-size:1.6em}

/* Anfahrt */
.boxanfahrt::after {display:table; content:""; clear:both; margin-bottom:3em; }
.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse,
.boxanfahrt .anfahrt-text { float:left;}

.boxanfahrt .anfahrt-uhr,
.boxanfahrt .anfahrt-adresse { width:100px;}
.boxanfahrt .anfahrt-text { width:33em;}
.boxanfahrt .anfahrt-text h2 {font-size:2em; margin:0 0 2em 0; line-height:2.1em !important;}
.boxanfahrt .anfahrt-text p {font-size:1.4em; line-height:1.5em;}

/* Main */
#container {width:100%; min-height:200px;}
#container #main {margin: 0 auto; width:1200px; float:none;}
#container #main .inside { padding:1.8em 7em 2em 7em; }
#container #main .inside h2 {line-height:2.8em; font-size:2.4em;}
#container #main .inside h3 {line-height:2.6em; font-size:2.2em; margin-top:15px;}
#container #main .inside p {line-height:1.4em; font-size:1.5em; padding:0.5em 0}
#container #main .inside #home .service figure { width:280px; margin-left:0;}

/* Body TExt All */
body.textform #container #main .inside h1 { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
body.textform #container #main .inside h2 { color:#103F6B; font-size:2.2em;}
body.textform #container #main .inside h3 { color:#103F6B; font-size:2.0em;}
body.textform #container #main .inside p { color:#103F6B; font-size:1.6em; text-align:justify;}

/* Projekte */
.projekt-collage::after { display:table; content:""; clear:both;}
.projekt-collage { margin:0 auto; width:1200px; position: relative;}
.projekt-collage img.projekt-dusche, 
.projekt-collage img.projekt-kueche,
.projekt-collage img.projekt-fassade {float: left;}


.projekt-collage img.projekt-dusche {margin: 30px 9px 0 0; width:562px;}
.projekt-collage img.projekt-kueche {margin: 30px 0 10px 0; width:628px;}
.projekt-collage img.projekt-fassade {margin: 0; width:628px;}


.projekt-collage .textbox  {position:absolute; bottom: 50px; left:50px;  padding:30px 50px;
	background-color:rgba(255,255,255,.5);
    border-radius:0 25px;
    
}
.projekt-collage .textbox  h1 {color:#103F6B; font-size:2.4em; font-weight:600;}

/* lesitungen und Produkte */
#leistungen-und-produkte h1  { color:#103F6B; font-size:2.4em; font-weight:bold; line-height:2.8em;}
#leistungen-und-produkte .ce_text {display:table; content:""; clear:both; width:100%; }
#leistungen-und-produkte .ce_text h2 {font-size:2em !important; margin:1.6em 0 0 0; line-height:2em !important; font-weight:bold; color:#103F6B;}
#leistungen-und-produkte .textbox { margin-left:110px;}

#leistungen-und-produkte .textbox .box1,
#leistungen-und-produkte .textbox .box2,
#leistungen-und-produkte .textbox .box3,
#leistungen-und-produkte .textbox .box4,
#leistungen-und-produkte .textbox .box5 
{float:left; min-width:280px; margin-right:15px;}

#leistungen-und-produkte .textbox .box1 {min-height:300px;}
#leistungen-und-produkte .textbox .box2 {min-height:300px;}
#leistungen-und-produkte .textbox .box3 {min-height:300px;}
#leistungen-und-produkte .textbox .box4 {min-height:190px;}
#leistungen-und-produkte .textbox .box5 {min-height:190px;}

#leistungen-und-produkte .textbox .box1 h3,
#leistungen-und-produkte .textbox .box2 h3,
#leistungen-und-produkte .textbox h3
{font-size:1.6em !important; margin:0 0 0.5em 0 !important; line-height:1.6em !important; color:#103F6B; border-bottom:1px solid #103F6B; font-weight:bold;}

#leistungen-und-produkte .textbox .box1 ul li,
#leistungen-und-produkte .textbox .box2 ul li,
#leistungen-und-produkte .textbox .box3 ul li,
#leistungen-und-produkte .textbox .box4 ul li,
#leistungen-und-produkte .textbox .box5 ul li
{font-size:1.3em; line-height:1.7em}

/* Form */
body.textform .ce_text span.mandatory { color:#C00;}
body.textform .widget,
body.textform .submit_container
{clear:both; display:table; content:""; margin:1.5em 0 1.5em 6em;}

body.textform .widget label { display:block;}
body.textform .widget label span.mandatory { color:#C00;}
body.textform .widget label {font-size:1.3em; line-height:1.6em; width:20em; float:left;}
body.textform .widget input,
body.textform .widget textarea
{font-size:1.3em; padding:0.7em; width:30em; border:0; background-color:#D7F5FF;}
body.textform .widget select {font-size:1.3em; padding:0.7em; width:20em; border:0; background-color:#D7F5FF;}
body.textform .widget input.sicherheit {font-size:1.3em; padding:0.7em; width:10em;}
body.textform .widget span.sicherheit {font-size:1.3em; line-height:1.6em; padding-left:0.5em;}
body.textform .submit_container input.submit {font-size:1.3em; padding:0.7em; background-color:#103F6B; color:#FFF; border:1px solid #CCC;}

/* Flip-box */
/* Flip-box weiter Einstellungen in flip-box.css*/
.flip-box {	width: 500px; height: 375px;}
.flip-box .front { background-color: #103F6B;}
.flip-box .back  { background-color: #175C9B;}
.flip-box .flank { background-color: #0B2B48;}	
.flip-box .flank { width: 150px; height: 375px; left: 75px; }

.flip-box.alternative .front { background-color: #0085B0;}
.flip-box.alternative .back { background-color: #00AEE8;}
.flip-box.alternative .flank { background-color: #005875;}
.flip-box.flip-up .flank { top: 200px; height: 150px;}

#container #main .inside .flipbox-out::after { display:table; content:""; clear:both;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .alternative .front h3
{line-height:2.2em; font-size:1.5em;font-family:'OpenSans-Regular'; padding-left:34px; padding-top:50px; font-weight:600;}
#container #main .inside .flipbox-out .flip-up .front h3,
#container #main .inside .flipbox-out .flip-up .front ul, 
#container #main .inside .flipbox-out .alternative .front h3,
#container #main .inside .flipbox-out .alternative .front ul
{ color:#FFF;}
#container #main .inside .flipbox-out .flip-up .front ul,
#container #main .inside .flipbox-out .alternative .front ul
{font-size:1.4em; padding-left:80px; list-style:circle; padding-top:10px; margin-bottom:10px;}

#container #main .inside .flipbox-out .flip-box .front ul li {line-height:1.8em;}

/* Footer */
}



/*********************************************************************************************************************** Header Img */
.header-img, .header-img-projekt, .header-img-jobs, .header-img-grau {
	background-position: center top;  
	background-repeat: no-repeat;
	background-origin: content-box; 
	background-size: 100% auto; 
	}
.header-img { background-image: url(../../files/glaserei-schaaf/img/start/architektur_glasfenster.jpg); min-height: 540px;}
.header-img .inner {margin: 0 auto; width:100%; position:relative;}
.header-img .inner .box {padding:5px 5px 5px 5px ; top:40px; left:10px; width:210px; position:absolute;
	background-color:rgba(255,255,255,.3);     -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.3);    box-shadow:.5em .5em .5em .5em rgba(0,0,0,.3);}

.header-img .inner img {display:none;}

.header-img-projekt  { background-image: url(../../files/glaserei-schaaf/img/start/glasbausteine_stehend.jpg);  min-height: 630px;}

.header-img-jobs  { background-image: url(../../files/glaserei-schaaf/img/start/glasbausteine_stehend.jpg); min-height: 430px;}

.header-img-grau { background-image: url(../../files/glaserei-schaaf/img/start/fentser_tropfen.jpg); background-size: 480px auto; min-height: 520px;}
.header-img-grau .inner .box  {padding:5px; top:15px; position:absolute;
    background-color:rgba(255,255,255,.3); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.3); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.3);}
.header-img-grau .inner .box h1  {font-size:1.4em; margin-bottom:15px;}

.header-img-projekt .inner,
.header-img-jobs .inner,
.header-img-grau .inner 
{margin: 0 auto; width:220px; position:relative;}

.header-img-projekt .inner .box,
.header-img-jobs .inner .box
 {padding:10px; z-index:5; position:absolute; top:70px; background-color:rgba(255,255,255,.0); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}

.header-img .inner .box h1,
.header-img-projekt .inner .box h1,
.header-img-jobs .inner .box h1 {font-size:1.5em; padding-bottom:10px;}

.header-img .inner .box p,
.header-img-projekt .inner .box p,
.header-img-jobs .inner .box p {line-height:1.4em; font-size:1.1em; padding:0.5em 0}

.header-img .inner .box h1, .header-img .inner .box h2, .header-img .inner .box h3,
.header-img-projekt .inner .box h1, .header-img-projekt .inner .box h2, .header-img-projekt .inner .box h3,
.header-img-jobs .inner .box h1, .header-img-jobs .inner .box h2, .header-img-jobs .inner .box h3,
.header-img-grau .inner .box h1, .header-img-grau .inner .box h2, .header-img-grau .inner .box h3
{font-family: 'Hammersmith One', sans-serif; margin:0; padding:0; line-height:1.4em;}

.header-img .inner .box h2, .header-img-projekt .inner .box h2, .header-img-jobs .inner .box h2 {font-size:1.3em; padding-bottom:5px;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:1.2em; padding-bottom:5px;}


@media (min-width: 320px) {
.header-img { min-height: 620px;}

.header-img .inner img {display:none;}
.header-img .inner .box {padding:5px 5px 5px 5px; top:60px; left:5px; width:280px;; position:absolute;
	background-color:rgba(255,255,255,.5);  -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-projekt  { min-height: 690px;}
.header-img-projekt .inner .box {padding:10px; z-index:5; position:absolute; top:90px;
	background-color:rgba(255,255,255,.0); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}

.header-img-jobs  { min-height: 450px;}
.header-img-jobs .inner .box {padding:10px; z-index:5; position:absolute; top:90px;
	background-color:rgba(255,255,255,.0); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}

.header-img-grau {background-size: 480px auto;  min-height: 650px;}
.header-img-grau .inner .box {padding:10px; top:15px; position:absolute;
	background-color:rgba(255,255,255,.5); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}
	
.header-img .inner,
.header-img-projekt .inner,
.header-img-jobs .inner,
.header-img-grau .inner {margin: 0 auto; width:300px; position:relative;}
	
	
.header-img .inner .box h1, .header-img-projekt .inner .box h1, .header-img-jobs .inner .box h1 {font-size:1.9em; padding-bottom:10px}
.header-img-grau .inner .box h1  {font-size:2.2em;}
.header-img .inner .box h2, .header-img-projekt .inner .box h2, .header-img-jobs .inner .box h2 {font-size:1.7em; padding-bottom:5px;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:1.5em; padding-bottom:5px;}
.header-img .inner .box p, .header-img-projekt .inner .box p, .header-img-jobs .inner .box p {line-height:1.4em; font-size:1.3em; padding:0.5em 0}
}
@media (min-width: 480px) {
.header-img {min-height:620px;}

.header-img .inner img {width:198px; height:320px; position:absolute; left:10px; top:80px; z-index:10; display:none;}
.header-img .inner .box {padding:10px 10px 10px 10px; top:90px; left:5px; width:430px; position:absolute;
	background-color:rgba(255,255,255,.5); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-projekt  {min-height: 750px;}
.header-img-projekt .inner .box  {padding:2em 2em 2em 2em; z-index:5; position:absolute; top:130px;
	background-color:rgba(255,255,255,.0); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}
	
.header-img-jobs  {min-height: 480px;}
.header-img-jobs .inner .box  {padding:2em 2em 2em 2em; z-index:5; position:absolute; top:130px;
	background-color:rgba(255,255,255,.0); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}	

.header-img-grau { background-size: 1000px auto;  min-height: 650px;}
.header-img-grau .inner .box  {padding:15px; top:15px; position:absolute;
	 background-color:rgba(255,255,255,.5);-webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img .inner .box h1, .header-img-projekt .inner .box h1, .header-img-jobs .inner .box h1  {font-size:3.0em; padding-bottom:10px;}
.header-img-grau .inner .box h1  {font-size:2.4em;}
.header-img .inner .box h2, .header-img-projekt .inner .box h2, .header-img-jobs .inner .box h2 {font-size:2.0em; padding-bottom:10px;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:1.8em; padding-bottom:10px;}
.header-img .inner .box p, .header-img-projekt .inner .box p, .header-img-jobs .inner .box p {line-height:1.5em; font-size:1.4em; padding:0.5em 0}

.header-img .inner,
.header-img-projekt .inner,
.header-img-jobs .inner,
.header-img-grau .inner {margin: 0 auto; width:460px; position:relative;}

}
@media (min-width: 760px) {
.header-img { min-height: 880px;}
.header-img .inner {margin: 0 auto; width:740px; position:relative;}
.header-img .inner img {width:198px; height:320px; position:absolute; left:10px; top:180px; z-index:10; display:block;}
.header-img .inner .box {padding:2em 2em 2em 10em; top:160px; left:100px; width:450px; position:absolute;
	background-color:rgba(255,255,255,.5); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-projekt  {  min-height: 650px;}
.header-img-projekt .inner {margin: 0 auto; width:750px; position:relative;}
.header-img-projekt .inner .box  {padding:15px; z-index:5; position:absolute; top:190px;
	background-color:rgba(255,255,255,.0);  -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);   box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}
	
.header-img-jobs  {  min-height: 500px;}
.header-img-jobs .inner {margin: 0 auto; width:750px; position:relative;}
.header-img-jobs .inner .box  {padding:15px; z-index:5; position:absolute; top:190px;
	background-color:rgba(255,255,255,.0);  -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);   box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}

.header-img-grau { background-size: 100% auto;  min-height: 580px;}
.header-img-grau .inner {margin: 0 auto; width:750px; position:relative;}
.header-img-grau .inner .box {padding:15px; top:20px; position:absolute;
	background-color:rgba(255,255,255,.5); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img .inner .box h1, .header-img .inner .box h2, .header-img .inner .box h3,
.header-img-projekt .inner .box h1, .header-img-projekt .inner .box h2, .header-img-projekt .inner .box h3,
.header-img-jobs .inner .box h1, .header-img-jobs .inner .box h2, .header-img-jobs .inner .box h3,
.header-img-grau .inner .box h1, .header-img-grau .inner .box h2, .header-img-grau .inner .box h3
{font-family: 'Hammersmith One', sans-serif; margin:0; padding:0; line-height:1.4em;}

.header-img .inner .box h1 {font-size:3.5em; padding-bottom:20px;}
.header-img-projekt .inner .box h1 {font-size:2.5em; padding-bottom:20px;}
.header-img-jobs .inner .box h1 {font-size:2.5em; padding-bottom:20px;}
.header-img-grau .inner .box h1  {font-size:3em;}
.header-img .inner .box h2 {font-size:3.0em; padding-bottom:10px;}
.header-img-projekt .inner .box h2 {font-size:2.0em; padding-bottom:10px;}
.header-img-jobs .inner .box h2 {font-size:2.0em; padding-bottom:10px;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:2.5em; padding-bottom:10px;}
.header-img .inner .box p, .header-img-projekt .inner .box p, .header-img-jobs .inner .box p {line-height:1.5em; font-size:1.5em; padding:0.5em 0}
}
@media (min-width: 1024px) {
.header-img { min-height: 780px;}
.header-img .inner {margin: 0 auto; width:1000px; position:relative;}
.header-img .inner img {width:198px; height:320px; position:absolute; left:10px; top:250px; z-index:10;}
.header-img .inner .box{padding:2em 2em 2em 10em; top:220px; left:100px; width:740px; position:absolute;
	background-color:rgba(255,255,255,.5);-webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-projekt  {  min-height: 720px;}
.header-img-projekt .inner {margin: 0 auto; width:1000px; position:relative;}
.header-img-projekt .inner .box {padding:2em 2em 2em 2em; z-index:5; position:absolute; top:250px;
	background-color:rgba(255,255,255,.0);-webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}
	
.header-img-jobs  {  min-height: 520px;}
.header-img-jobs .inner {margin: 0 auto; width:1000px; position:relative;}
.header-img-jobs .inner .box {padding:2em 2em 2em 2em; z-index:5; position:absolute; top:250px;
	background-color:rgba(255,255,255,.0);-webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);box-shadow:.5em .5em .5em .5em rgba(0,0,0,.0);}

.header-img-grau {background-size: 100% auto;  min-height: 460px;}
.header-img-grau .inner {margin: 0 auto; width:1000px; position:relative;}
.header-img-grau .inner .box{padding:15px; top:30px; position:absolute;
	background-color:rgba(255,255,255,.5);-webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img .inner .box h1, .header-img .inner .box h2, .header-img .inner .box h3,
.header-img-projekt .inner .box h1, .header-img-projekt .inner .box h2, .header-img-projekt .inner .box h3,
.header-img-jobs .inner .box h1, .header-img-jobs .inner .box h2, .header-img-jobs .inner .box h3,
.header-img-grau .inner .box h1, .header-img-grau .inner .box h2, .header-img-grau .inner .box h3 {margin:0; padding:0; line-height:1.4em;}
.header-img .inner .box h1, .header-img-projekt .inner .box h1, .header-img-jobs .inner .box h1 {font-size:3.3em; padding-bottom:15px;}
.header-img-grau .inner .box h1  {font-size:2.6em;}
.header-img .inner .box h2, .header-img-projekt .inner .box h2, .header-img-jobs .inner .box h2 {font-size:2.6em; padding-bottom:20px;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:2.2em;}
.header-img .inner .box p, .header-img-projekt .inner .box p, .header-img-jobs .inner .box p {line-height:1.4em; font-size:1.5em; padding:0.5em 0}
}
@media (min-width: 1280px) {
.header-img {min-height: 540px;}
.header-img .inner {width:1200px;}
.header-img .inner img {top:80px;}
.header-img .inner .box{top:55px; width:900px; 
	background-color:rgba(255,255,255,.8); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}


.header-img-projekt  {min-height: 540px;}
.header-img-projekt .inner {width:1200px;}
.header-img-projekt .inner .box {top:60px;
	background-color:rgba(255,255,255,.8); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-jobs  {min-height: 540px;}
.header-img-jobs .inner {width:1200px;}
.header-img-jobs .inner .box {top:30px;
	background-color:rgba(255,255,255,.8); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}

.header-img-grau {min-height: 540px;}
.header-img-grau .inner {width:1200px;}
.header-img-grau .inner .box {padding:2em 2em 2em 2em; top:55px; width:95%;
	background-color:rgba(255,255,255,.8); -webkit-box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2); box-shadow:.5em .5em .5em .5em rgba(0,0,0,.2);}



.header-img .inner .box h1, .header-img .inner .box h2, .header-img .inner .box h3,
.header-img-projekt .inner .box h1, .header-img-projekt .inner .box h2, .header-img-projekt .inner .box h3,
.header-img-jobs .inner .box h1, .header-img-jobs .inner .box h2, .header-img-jobs .inner .box h3,
.header-img-grau .inner .box h1, .header-img-grau .inner .box h2, .header-img-grau .inner .box h3 {line-height:1.4em;}
.header-img .inner .box h1, .header-img-projekt .inner .box h1, .header-img-jobs .inner .box h1 {font-size:3.5em;}
.header-img-grau .inner .box h1  {font-size:3em;}
.header-img .inner .box h2, .header-img-projekt .inner .box h2, .header-img-jobs .inner .box h2 {font-size:3.0em;}
.header-img .inner .box h3, .header-img-projekt .inner .box h3, .header-img-jobs .inner .box h3 {font-size:2.5em;}
}
/*********************************************************************************************************************** Footer */
footer::after { display:table; content:""; clear:both;}
footer {width:100%; background-color:#103F6B;}
footer .inside {margin: 0 auto; color:#FFF;}
footer .inside {width:220px; padding-top:15px; padding-left:10px;}
footer .inside h3 {border-bottom:1px solid #FFF; margin-bottom:10px;}
footer .inside h3 {line-height:2.0em; font-size:1.8em;}
footer .inside p {line-height:1.6em; font-size:1.1em;}
footer .inside ul {font-size:1.1em;}
footer .inside ul li {line-height:1.6em;}
footer .inside ul li.active {color:#CCC}
footer .inside ul li a {text-decoration:none; color:#FFF;}
footer .inside ul li a:hover { color:#DDD;}	
footer .inside .links,
footer .inside .recht { display:none;}	
@media  (min-width: 320px) {
/* Footer */
footer .inside {width:300px;}
}
@media (min-width: 480px) {
/* Footer */
footer .inside {width:450px;}
}

@media (min-width: 760px) {
footer .inside {width:740px;}
footer .inside .links,
footer .inside .recht { display:block;}
}
@media (min-width: 1024px) {
footer .inside {width:1000px;}
}
@media (min-width: 1280px) {
footer .inside {width:1200px;}



}

/*********************************************************************************************************************** Vorlagen */
.gomap { width:100%; height:450px;}

@media (min-width: 480px) {

}
@media  (min-width: 640px) {

}
@media (min-width: 760px) {

}
@media (min-width: 1024px) {

}
@media (min-width: 1280px) {

}

/*********************************************************************************************************************** Vorlagen */
@media (min-width: 480px) {

}
@media  (min-width: 640px) {

}
@media (min-width: 760px) {

}
@media (min-width: 1024px) {

}
@media (min-width: 1280px) {

}

.full-size, .flip-box .object, .flip-box .front, .flip-box .back {
  width: 100%;
  height: 100%;
}

.slice, .flip-box .front, .flip-box .back, .flip-box .flank {
  display: block;
  overflow: hidden;
  position: absolute;
}

.flip-box {
  float: left;
  display: block;
  position: relative;
  z-index: 2;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -ms-perspective: 400px;
  -o-perspective: 400px;
  perspective: 400px;
}
.flip-box .object {
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-75px);
  -moz-transform: translateZ(-75px);
  -ms-transform: translateZ(-75px);
  -o-transform: translateZ(-75px);
  transform: translateZ(-75px);
}
.flip-box .object:hover, .flip-box .object:focus {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transform: translateZ(-75px) rotateY(180deg);
  -moz-transform: translateZ(-75px) rotateY(180deg);
  -ms-transform: translateZ(-75px) rotateY(180deg);
  -o-transform: translateZ(-75px) rotateY(180deg);
  transform: translateZ(-75px) rotateY(180deg);
}
.flip-box .front {
  z-index: 1;
  -webkit-transform: rotateY(0deg) translateZ(75px);
  -moz-transform: rotateY(0deg) translateZ(75px);
  -ms-transform: rotateY(0deg) translateZ(75px);
  -o-transform: rotateY(0deg) translateZ(75px);
  transform: rotateY(0deg) translateZ(75px);
}
.flip-box .back {
  z-index: 0;
  -webkit-transform: rotateY(180deg) translateZ(75px);
  -moz-transform: rotateY(180deg) translateZ(75px);
  -ms-transform: rotateY(180deg) translateZ(75px);
  -o-transform: rotateY(180deg) translateZ(75px);
  transform: rotateY(180deg) translateZ(75px);
}
.flip-box .flank {

  -webkit-transform: rotateY(-90deg) translateZ(150px);
  -moz-transform: rotateY(-90deg) translateZ(150px);
  -ms-transform: rotateY(-90deg) translateZ(150px);
  -o-transform: rotateY(-90deg) translateZ(150px);
  transform: rotateY(-90deg) translateZ(150px);
}
.flip-box.flip-up .object:hover, .flip-box.flip-up .object:focus {
  -webkit-transform: translateZ(-75px) rotateX(180deg);
  -moz-transform: translateZ(-75px) rotateX(180deg);
  -ms-transform: translateZ(-75px) rotateX(180deg);
  -o-transform: translateZ(-75px) rotateX(180deg);
  transform: translateZ(-75px) rotateX(180deg);
}
.flip-box.flip-up .back {
  -webkit-transform: rotateX(180deg) translateZ(75px);
  -moz-transform: rotateX(180deg) translateZ(75px);
  -ms-transform: rotateX(180deg) translateZ(75px);
  -o-transform: rotateX(180deg) translateZ(75px);
  transform: rotateX(180deg) translateZ(75px);
}
.flip-box.flip-up .flank {
  width: 100%;

  left: 0;
  -webkit-transform: rotateX(-90deg) translateZ(100px);
  -moz-transform: rotateX(-90deg) translateZ(100px);
  -ms-transform: rotateX(-90deg) translateZ(100px);
  -o-transform: rotateX(-90deg) translateZ(100px);
  transform: rotateX(-90deg) translateZ(100px);
}


.no-csstransforms3d .flip-box .object {
  position: relative;
  overflow: hidden;
  -webkit-transform-style: none;
  -moz-transform-style: none;
  -ms-transform-style: none;
  -o-transform-style: none;
  transform-style: none;
}
.no-csstransforms3d .flip-box .object .back {
  top: 300px;
  z-index: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.no-csstransforms3d .flip-box .object:hover .back {
  top: 0;
  z-index: 1;
}
.no-csstransforms3d .flip-box .flank {
  display: none;
}

/* Internet Explorer 10 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .object {
    position: relative;
    overflow: hidden;
    transform: none !important;
  }
  .object .back {
    top: 300px;
    z-index: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .object:hover .back {
    top: 0;
    z-index: 1;
    transform: rotateY(0deg) translateZ(0);
  }
}

@media all,screen{
/* basis.css */
.header-img,.header-img-projekt,.header-img-grau{-webkit-box-shadow:-0.5em .5em .5em .5em rgba(0,0,0,.3);box-shadow:-0.5em .5em .5em .5em rgba(0,0,0,.3);behavior:url('assets/css3pie/1.0.0/PIE.htc')}
}