/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form{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}@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}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.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}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}.mod_article.offset1{margin-left:80px !important}.mod_article.offset2{margin-left:160px !important}.mod_article.offset3{margin-left:240px !important}.mod_article.offset4{margin-left:320px !important}.mod_article.offset5{margin-left:400px !important}.mod_article.offset6{margin-left:480px !important}.mod_article.offset7{margin-left:560px !important}.mod_article.offset8{margin-left:640px !important}.mod_article.offset9{margin-left:720px !important}.mod_article.offset10{margin-left:800px !important}.mod_article.offset11{margin-left:880px !important}.mod_article.offset12{margin-left:960px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}.mod_article.offset1{margin-left:62px !important}.mod_article.offset2{margin-left:124px !important}.mod_article.offset3{margin-left:186px !important}.mod_article.offset4{margin-left:248px !important}.mod_article.offset5{margin-left:310px !important}.mod_article.offset6{margin-left:372px !important}.mod_article.offset7{margin-left:434px !important}.mod_article.offset8{margin-left:496px !important}.mod_article.offset9{margin-left:558px !important}.mod_article.offset10{margin-left:620px !important}.mod_article.offset11{margin-left:682px !important}.mod_article.offset12{margin-left:744px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}}
/* allgemeine Definition */
.sc {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	clear:none !important;
}
.sc-first
{
	clear: both !important;
}
.sc-last {
}
.sc-clear {
	clear:left;
}

.sc-rowspan > *
{
	margin: 0!important;
	padding: 0!important;
}

/* 2-spaltig */
.sc2 {
	width:49.5%;padding-right:1%;float:left;display:inline;
}
.sc2-first {
	clear:left;
}
.sc2-last {
	padding-right:0;
}

/* 3-spaltig */
.sc3 {
	width:32.3%;padding-right:1%;float:left;display:inline;
}
.sc3-first {
	clear:left;
}
.sc3-last {
	padding-right:1.1%;
}
.sc3-2 {
	width:65.6%;padding-right:1%;float:left;display:inline;
}
.sc3-2-first {
	clear:left;
}
.sc3-2-last {
	padding-right:1.1%;
}

/* 4-spaltig */
.sc4 {
	width:24%;padding-right:1%;float:left;display:inline;
}
.sc4-first {
	clear:left;
}
.sc4-last {
}
.sc4-2 {
	width:49%;padding-right:1%;float:left;display:inline;
}
.sc4-2-first {
	clear:left;
}
.sc4-2-last {
}
.sc4-3 {
	width:74%;padding-right:1%;float:left;display:inline;
}
.sc4-3-first {
	clear:left;
}
.sc4-3-last {
}

/* 5-spaltig */
.sc5 {
	width:19%;padding-right:1%;float:left;display:inline;
}
.sc5-first {
	clear:left;
}
.sc5-last {
}
.sc5-2 {
	width:39%;padding-right:1%;float:left;display:inline;
}
.sc5-2-first {
	clear:left;
}
.sc5-2-last {
}
.sc5-3 {
	width:59%;padding-right:1%;float:left;display:inline;
}
.sc5-3-first {
	clear:left;
}
.sc5-3-last {
}
.sc5-4 {
	width:79%;padding-right:1%;float:left;display:inline;
}
.sc5-4-first {
	clear:left;
}
.sc5-4-last {
}

/*
	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); } }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

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

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

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

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

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

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* MediaElement.js 2.13.1, (c) 2010-2013 John Dyer <http://j.hn>, MIT license */
.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.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.13.1/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.13.1/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.13.1/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.13.1/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.13.1/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:transparent url("../../assets/jquery/mediaelement/2.13.1/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.13.1/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 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 span{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{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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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.13.1/images/background.png");background:rgba(50,50,50,0.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,0.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,0.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,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.13.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.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:100px;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,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.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:bold;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:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.13.1/images/background.png");background:rgba(20,20,20,0.8)}.me-cannotplay a{color:#fff;font-weight:bold}.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.13.1/images/background.png");background:rgba(50,50,50,0.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(background.png);background:rgba(50,50,50,0.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(background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/** MAIN COLOR
ROT #d1152d
**/
/** GENERATL STYLING **/
* {box-sizing: border-box;}
body {font-family: 'Titillium Web', sans-serif;}
#wrapper {width:100%;}
h1 {font-size:40px;font-weight:100;text-transform: uppercase;}
#main a {color:#d1152d;text-decoration: none;}
.center {text-align: center;}
input:focus, textarea:focus {outline:0;}
input.submit {cursor: pointer;}

body.portfolio {background: #3d3d3d; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover,  #3d3d3d 10%, #000000 100%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover,  #3d3d3d 10%,#000000 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center,  #3d3d3d 10%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

/** HEADER STYLING **/
#header .open_mobile_navigation {display:none;}
#header {background-color:#333333;width:100%;border-bottom:3px solid #d1152d;position:absolute;}
#header .inside {max-width:980px;margin:0 auto;height:145px;}
#header .inside #logo {position:absolute;top:37px;width:215px;}
#header .inside #instagram {top:0;width:30px;height:30px;background-color:#d1152d;text-align: center;line-height:30px;position:absolute;right:183px;}
#header .inside #schnellenfrage a {top:0;color:#fff;text-decoration: none;font-size:14px;font-weight:600;text-transform: uppercase;width:174px;height:30px;background-color:#d1152d;line-height:30px;text-align: center;position:absolute; transition:300ms background-color linear;left:50%;margin-left:316px;z-index:1000;}
#header .inside #schnellenfrage a:hover {background:#c9c9c9;color:#fff;transition:300ms all linear;height:40px;line-height: 40px;}
#header .inside #mainnav ul li {list-style-type: none;}
#header .inside #navoben {color: #464646;height: 81px; max-width: 700px;overflow: visible;position: absolute;right: 0;bottom:0px;}
#header .inside #navoben ul.level_1 {padding: 0;position: relative;float: left;margin:0;}
#header .inside #navoben ul.level_1 li {display: inline;float: left;margin: 0; padding: 0;height: 81px;position: relative;margin-right:10px;}
#header .inside #navoben ul.level_1 li.last {margin-right:0;}
#header .inside #navoben ul.level_1 li a, #navoben ul.level_1 li span {color: #fff;padding: 0px 20px;text-decoration: none;display: inline-block;font-size: 15px;font-weight:100;text-transform: lowercase;font-weight: medium;height:81px;line-height:67px;color:#fff;transition:all 200ms linear;}
#header .inside #navoben ul.level_1 li a:hover, #navoben ul.level_1 li a.trail,  #navoben ul.level_1 li span:hover,  #navoben ul.level_1 li span {transition:all 200ms linear;}
#header .inside #navoben ul.level_1 li.first span, #navoben ul.level_1 li.first a:hover {background-color:#d1152d;}
#header .inside #navoben ul.level_1 img {max-width:15px;max-height:15px;}
#header .inside #navoben ul.level_1 b {font-weight:normal;font-size:12px;}
#header .inside #navoben ul.level_1 li ul li a, #navoben ul.level_1 li ul li span {color: #fff;height: 26px;text-decoration: none;display: inline-block;font-size: 13px;font-weight: medium;background:transparent !important;font-weight:normal!important;text-transform: none !important;text-align: left;}
#header .inside #navoben ul.level_1 li ul li a:hover, #header .inside #navoben ul.level_1 li ul li span {background-color:#fff !important;display:inline-block;color:#d1152d;}
#header .inside #navoben ul.level_1 li.submenu {background-image: url("../../files/conzeptoutfits/src/img/Submenu_open.png");background-repeat: no-repeat;background-position: center 57px;transition: all 300ms ease-out;}
#header .inside #navoben ul.level_1 li.submenu:hover, #header .inside #navoben ul.level_1 li.active, #header .inside #navoben ul.level_1 li.trail {background-image: url("../../files/conzeptoutfits/src/img/submenu.png");background-color:#d1152d;background-repeat: no-repeat;background-position: center 57px;transition: all 300ms ease-out;}
#header .inside #navoben ul.level_1 li:hover > ul {    visibility: visible;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1}
#header .inside #navoben ul.level_1 li ul li {height: auto;padding: 0;text-align: left;margin-right:0;margin-bottom:4px;}
#header .inside #navoben ul.level_1 li.submenu ul.level_2 li.last {border: 0;padding-bottom: 0}
#header .inside #navoben ul.level_1 li ul {padding: 10px 10px}
#header .inside #navoben ul.level_1 ul, #navoben ul.level_1 ul li ul {background: #d1152d;width:370px ;padding-right:30px !important;list-style: none;margin: 0;opacity: 0;padding: 0;position: absolute;visibility: hidden;z-index: 99999;}
#header .inside #navoben ul.level_1 ul {left: 0;top: 81px}
#header .inside #navoben ul.level_1 ul li ul {left: 181px;top: 0}
#header .inside #navoben ul.level_1 ul li {border: 0;clear: both;}
#header .inside #navoben ul.level_1 ul li a, #navoben ul.level_1 ul li span {padding: 3px 13px;text-decoration: none;width: auto;clear: both;display: inline-block;text-align: center;color: #fff;line-height:normal;}
#header .inside #navoben #beschreibung span {border-bottom:0;}
#header .inside #navoben #beschreibung {border-left: 1px solid rgba(255, 255, 255, 0.34);height: 80%;float: left;width: 140px;position: absolute;left: 191px;font-size:11px !important;padding-top:10px;margin-bottom:5px;}
#header .inside #navoben #beschreibung b {font-size:14px;color:#fff;margin-left:19px;margin-top:5px;}
#header .inside #navoben #beschreibung span {font-size:12px;color:#fff;margin-left:19px;margin-top:5px;}
#header .inside #navoben .parentPageDescription {background-color:transparent !important;padding:0;margin:0;font-weight:300 !important;text-transform: none !important;width:100% !important;text-align: justify;font-size:11.5px !important;line-height:18px;}
.level_1 > #beschreibung {display:none;}
#header.fixed {position:fixed;top:0;z-index:10000;height:84px;}
#header.fixed .inside {height:81px;}
#header.fixed .inside #instagram, #header.fixed .inside #schnellenfrage a {top:84px;}
#header.fixed .inside #logo {position:absolute;top:7px;width:193px;}
.custom {padding-top:148px;}
#navoben  ul li.first b, #navoben  ul li.produkte b {display: none;}

/** MAIN PART **/
.referenzgallery ul li {height:110px;width:16.66%;}
.referenzgallery ul li figure {position: relative;opacity: 0;transition: all 0.3s ease-in-out;    position: relative;
    top: 50%;display:inline-block;
    left: 50%;
    transform: translate(-50%,-50%);}
.referenzgallery ul li figure.is-showing {opacity: 1;}
#firmenbekleidung > div > ul > li {max-width: 980px;}
#firmenbekleidung > div > ul > li img {display: block;}
#toplink {position:fixed;bottom:10px;right:10px;width:35px;height:35px;background:#333333;text-align: center;line-height:35px;z-index:100;}
#toplink a {position:relative;top:2px;}
#colorbox #cboxTitle {display: none !important;}
.mfp-title {display: none;}

#produktportfolio, #produktportfolio .ce_gallery, #produktportfolio .ce_gallery ul, #produktportfolio {overflow: visible;}
#produktportfolio .ce_gallery ul li:hover {transform: scale(1.1);}
#produktportfolio .ce_gallery ul li {transition: all 300ms ease-in-out;}
.content #main .inside {overflow: visible;}
#produktportfolio .ce_gallery ul li {opacity: 0;}
#produktportfolio .ce_gallery ul li.is-showing {opacity: 1;}

.ce_gallery a {display: block;}
.ce_gallery img {display: block;}

/** FOOTER STYLING **/
#footer {min-height:340px;background-color:#333333;width:100%;border-top:3px solid #d1152d; position: relative; top:-1px;margin-top:50px;}
.start #footer {margin-top:0;}
#footer .inside {max-width:980px;margin:0 auto;width:90%;} 

#footer h4 {font-size: 18px; color: #fff; font-weight: 100; text-transform: uppercase; letter-spacing: 0.03em; margin: 20px 0;}
#footer h5 {font-size: 18px; color: #fff; font-weight: 100; text-transform: uppercase; letter-spacing: 0.03em; margin: 30px 0 10px;}

#footer #ueberuns p, #footer #ueberuns, #footer #adresse p {text-align: justify; color: #fff; font-weight: 100; font-size: 14px;}
#footer #ueberuns a, #footer #adresse a {color: #fff; text-decoration: none; font-size: 14px;}
#footer #adresse {height: 337px; background-color: #474747; padding-left: 30px;}
#footer #ueberuns {padding-right: 10px;}
#footer #footerkontakt {padding-left: 10px;}
#footer:after {content: "";clear: both;display: block;visibility: hidden;height: 0px;}

#footer #footerkontakt input, #footer #footerkontakt textarea {background-color: #333; border: 1px solid rgba(255, 255, 255, 0.66); padding: 5px 10px; margin-bottom: 10px; width: 290px; color: rgba(255, 255, 255, 0.66); font-family:'Titillium Web', sans-serif; font-size: 16px; font-weight: 100; resize: none;}
#footer .submit {width: 110px !important; border: none !important; background-color: #474747 !important; font-weight: 100 !important; cursor: pointer;}

#footer #adresse input {background-color: #474747; border: 1px solid rgba(255, 255, 255, 0.66); padding: 5px 10px; margin-bottom: 14px; width: 235px; color: rgba(255, 255, 255, 0.66); font-family:'Titillium Web', sans-serif; font-size: 16px; font-weight: 100; resize: none;}
#footer button {width: 140px; border: none; background-color: #545454; color: rgba(255, 255, 255, 0.66); font-weight: 100; font-family: 'Titillium Web', sans-serif; font-size: 16px; padding: 5px 6px;}

#footer #adresse form {position: relative; top: 42px; font-weight: 100;}


/** SLIDER STYLING **/
#Slider .tp-bannertimer {display:none;}
.start .ce_revolutionslider {max-height:427px;overflow-y:hidden;}
#Slider {border-bottom:30px solid #333333}

#Slider h2 {font-size: 43px !important; text-transform: uppercase; color: #3d3d3d; letter-spacing: 0.08em; font-weight: 300; line-height: 10px;margin-top:50px;}
#Slider .sliderueberschrift {height: 100%;}
#Slider .slidertext {height: 100%; line-height: 25px; color: #000; font-weight: 300; font-size: 18px;}

#Slider .slide_0 h2, #Slider .slide_2 h2, #Slider .slide_3 h2 {color: #fff;}
#Slider .slide_0 .slidertext, #Slider .slide_2 .slidertext, #Slider .slide_3 .slidertext {color: #fff;}

#Slider #mehrbutton a {color: #fff; text-decoration: none; width: 180px; height: 35px; background-color: #333;display: inline-block;background-image: url("../../files/conzeptoutfits/src/img/mehrpfeil.png"); background-repeat: no-repeat; background-position: right top; transition: background 200ms linear; padding: 0 0 0 15px; font-weight: 300; font-weight: 100; line-height: 35px; font-size: 17px; }
#Slider #mehrbutton a:hover {background-position:right bottom;transition:background 200ms linear;background-color:#d1152d;color:#fff;}
/** SLIDER **/
.start .tp-bullets .bullet {border-radius:100%;width:11px !important;height:11px !important;background:transparent !important;border:2px solid rgba(255, 255, 255, 0.54);box-sizing: border-box !important;}
.start .tp-bullets .bullet.selected {background-color:#D1152D !important;background-position: center !Important;border:2px solid #D1152D;}

.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {margin: 0;}

/** STARTPAGE **/
.start #firmenportfolio {min-height:339px;}
.start #firmenportfolio #firmenportfolioelements {width:90%;max-width:777px;margin:0 auto;padding-top:82px;}
.content #firmenportfolio:after {content: "";clear: both;display: block;visibility: hidden;height: 0px;}
.start #firmenportfolio #firmenportfolioelements .bereich {width:177px;height:177px;display:block;float:left;margin-right:23px;position: relative; transition: all 300ms ease-in-out;}
.start #firmenportfolio #firmenportfolioelements .bereich:after {content:"";display: block;background-image:url("../../files/conzeptoutfits/src/img/arrow_conzeptoutfits.png");width:14px;height:17px;position: absolute;top:149px;right:17px;}
.start #firmenportfolio #firmenportfolioelements .bereich:nth-child(4) {margin-right:0px;}
.start #firmenportfolio #firmenportfolioelements #firmenbekleidung {background-color:#2980B9;background-size:120%;background-position: center center;background-repeat: no-repeat;}
.start #firmenportfolio #firmenportfolioelements #firmenbekleidung:hover {background-size:150%;}
.start #firmenportfolio #firmenportfolioelements #druckstick {background-color:#f1C40F;background-size:120%;background-position: center center;background-repeat: no-repeat;}
.start #firmenportfolio #firmenportfolioelements #druckstick:hover  {background-size:150%;}
.start #firmenportfolio #firmenportfolioelements #promotextilde {background-color:#e74c3c;background-size:120%;background-position: center center;background-repeat: no-repeat;}
.start #firmenportfolio #firmenportfolioelements #promotextilde:hover {background-size:150%;}
.start #firmenportfolio #firmenportfolioelements #capteamwear {background-color:#e74c3c;background-size:120%;background-position: center center;background-repeat: no-repeat;}
.start #firmenportfolio #firmenportfolioelements #capteamwear:hover  {background-size:150%;}
.start #firmenportfolio #firmenportfolioelements #produkte {background-color:#8E44AD;background-size:120%;background-position: center center;background-repeat: no-repeat;}
.start #firmenportfolio #firmenportfolioelements #produkte:hover {background-size:150%;}
.start #firmenportfolio #firmenportfolioelements .bereich a {text-decoration: none;color:#fff;font-size:14px;text-transform: uppercase;width:177px;text-align: center;display: inline-block;line-height:177px;}
.start #firmenportfolio #firmenportfolioelements .bereich:hover {transform: scale(1.05);}
/*
#dreischritte {min-height:409px;background-image:url("../../files/conzeptoutfits/src/img/corporate_fashion_bg.jpg");background-position:center center;background-attachment: fixed;background-size:cover;background-repeat: no-repeat;padding-top:45px;}
#dreischritte .inside {max-width: 980px;width:90%;margin: 0 auto;}
#dreischritte span {color:#fff;text-transform: uppercase;text-align: center;font-size:48px;font-weight: 600;display:inline-block;margin-bottom:30px;}
#dreischritte #shirtgenerator .imgcontainer {background-color:rgba(255, 255, 255, 0.1);width:177px;height:177px;position: relative;transition:background 300ms linear;}
#dreischritte #shirtgenerator .imgcontainer:hover {background-color:#d1152d;transition:background 300ms linear;}
#dreischritte #shirtgenerator .imgcontainer img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#dreischritte #shirtgenerator a {width:177px;float:left;text-align: center;color:#fff;text-transform: uppercase;font-size:20px;font-weight:500;text-decoration: none;line-height:23px;}
#dreischritte #shirtgenerator .arrowright {background-image:url("../../files/conzeptoutfits/src/img/arrow_right.png");transition: transform 2000ms ease-out;width:50px;height:44px;float:left;margin-left:73px;margin-right:90px;margin-top:70px;} 
*/

.start .bekleidungspan {color:#3d3d3d;text-transform: uppercase;text-align: center;font-size:30px;font-weight: 600;display:inline-block;margin-bottom:30px; position: relative; left: 50%; transform: translateX(-50%);}

#schritte {min-height:460px;background-image:url("../../files/conzeptoutfits/src/img/corporate_fashion_bg.jpg");background-position:center center;background-attachment: fixed;background-size:cover;background-repeat: no-repeat;padding-top:45px;}
#schritte .inside {max-width: 980px;width:90%;margin: 0 auto; height: 340px;}
#schritte #shirtgenerator {position: relative; height: 100%; margin-top: 30px;}
#schritte .stepdiv {position: absolute; left: 50%; transform: translateX(-50%); max-width: 765px; width: 100%; top: 80px;}
#schritte .steps.steps {background-size: cover; width: 150px; height: 150px; display: inline-block; position: relative;}
#schritte .steps.step1 {background-image: url("/files/conzeptoutfits/src/img/step_1.png"); left: 60px;}
#schritte .steps.step2 {background-image: url("/files/conzeptoutfits/src/img/step_2.png"); top: -80px; left: 30px;}
#schritte .steps.step3 {background-image: url("/files/conzeptoutfits/src/img/step_3.png");}
#schritte .steps.step4 {background-image: url("/files/conzeptoutfits/src/img/step_4.png"); top: 80px; right: 30px;}
#schritte .steps.step5 {background-image: url("/files/conzeptoutfits/src/img/step_5.png"); right: 60px;}
#schritte .description {position: absolute; color: #fff; float: left;}
#schritte .description.step1 {bottom: -50px; left: -70px;}
#schritte .description.step2 {top: -100px; left: -10px;}
#schritte .description.step3 {left: 350px; top: -80px;}
#schritte .description.step4 {right: -80px;top: -20px;}
#schritte .description.step5 {bottom: -100px; right: -80px;}

.start #introbild {text-align: center;margin-top:30px;margin-bottom:83px;}
.start #main .inside {max-width:980px;margin:0 auto;width:90%;background-color:#474747;margin-top:20px;color:#fff;padding-left:34px;padding-right:34px;font-weight:200;padding-bottom:72px;} 
.start #main .inside p {line-height:176%;text-align: justify;margin-bottom:0;}
.start #main .inside img {border:6px solid #fff; -webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: filter 300ms linear;}
.start #main .inside img:hover {filter:none;transition: filter 300ms linear;}
.start #main .inside .image_container {margin-top:10px;margin-right:0;}

.start #main #home .ce_text img {display: block;}
.start #main #home .ce_text a {background-color:rgba(40, 32, 24, 0.0);transition:all 200ms linear;position:relative;display:block;} 
.start #main #home .ce_text a:hover:before {content:"";display:block;background-color:rgba(40, 32, 24, 0.5);position: absolute;width: 100%;height:100%; bottom: 0px; left: 0px; transition:all 200ms linear;background-image:url("../../files/conzeptoutfits/src/img/pfeil_button.png");background-repeat: no-repeat;background-position: center center; z-index: 1000;}

.start .showroom {max-width: 1000px;margin: 0 auto;position: relative;}
.start .showroom img {position: absolute;z-index: 100;right: 0;top: -55px;}

/** UNTERSEITE **/

.content .sc-last {width: 50%;}

.content #footer {margin-top: 200px;}

.content #main h4 {text-align: center;color: #3d3d3d;text-transform: uppercase;font-size: 25px;margin-bottom: 30px;}

.content .mod_article {overflow: visible;}

.content #Headerbild {height: 457px; border-bottom: 30px solid #333;}
.content #Headerbild .contentheader {background-image: url("../../files/conzeptoutfits/upload/Slider/Slider1/Start1_slider.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 428px;}
.content #Headerbild .contentheader#druckstick-headerbild {background-image: url("../../files/conzeptoutfits/upload/Slider/background_seitenbild5.jpg");}
.content #Headerbild .contentheader#firmenbekleidung-headerbild {background-image: url("../../files/conzeptoutfits/upload/Slider/background_firmenbekleidung.jpg");}
.content #Headerbild .contentheader#stick-und-druckposition-headerbild {background-image: url("../../files/conzeptoutfits/upload/Slider/background_druck_stick_position.jpg");}
.content #Headerbild .contentheader#referenzheader {background-image: url("../../files/conzeptoutfits/upload/Slider/background_referenzen.jpg");}
.content #Headerbild .contentheader#veredelungsempfehlungen-headerbild {background-image: url("../../files/conzeptoutfits/upload/Slider/background_veredelung.jpg");}
.content #Headerbild .contentheader#merchandisingheader {background-image: url("../../files/conzeptoutfits/upload/Slider/background_kataloge.jpg");}
.content #Headerbild .contentheader#rechtheader {background-image: url("../../files/conzeptoutfits/upload/Slider/background_rechtliches.png");}
.content #Headerbild .contentheader#portfolioheader {background-image: url("../../files/conzeptoutfits/upload/Slider/background_galerie.jpg");}
.content #Headerbild .contentheader .inside {max-width: 980px; margin: 0 auto; position: relative; height: 100%;width:90%;}
.content #Headerbild #kontaktheader {background-image: url("../../files/conzeptoutfits/src/img/Kontakt_bg.jpg")}
.content #Headerbild #druckstickheader {background-image: url("../../files/conzeptoutfits/src/img/Druck_stick_bg.jpg")}
.content #Headerbild #promotextilheader {background-image: url("../../files/conzeptoutfits/src/img/promotextil_bg.jpg")}
.content #Headerbild #capteamwearheader {background-image: url("../../files/conzeptoutfits/upload/Slider/background_specials.jpg");}
.content #Headerbild #merchandisingheader {background-color: #fff; background-image: none;}
.content #Headerbild #capteamwearheader .ce_image {bottom:-62px;}
.content #Headerbild .ce_image {position: absolute; right: 0; bottom: -7px;}
.content #Headerbild .ce_image figure {margin: 0;}
.kontakt #Headerbild h2, .kontakt #Headerbild p {color: #fff !important;}
.referenzen #Headerbild h2, #rechtheader h2, #portfolioheader h2 {top: 50% !important; padding-top: 0 !important; position: relative; transform: translateY(-50%);}
.content #Headerbild #capteamwearheader h2, .content #Headerbild #merchandisingheader h2 {top: 50% !important; padding-top: 0 !important; position: relative; transform: translateY(-50%); color: #fff;}
.content #Headerbild #merchandisingheader h2 {color: #464646;}
.content #Headerbild h2 {font-size: 44px !important; text-transform: uppercase; color: #3d3d3d; letter-spacing: 0.08em; font-weight: 300; line-height: 20px; padding-top: 120px; margin-top: 0;}
.content #Headerbild h2:nth-child(2) {padding-top:30px;}
.content #Headerbild p {line-height: 25px; color: #000; font-weight: 300; font-size: 18px; width: 520px; text-align: left; margin-top: 50px;}
.content #container {max-width: 980px; margin: 0 auto;}
.content #main h1 {  text-align: center; font-size: 36px; font-weight: 600; letter-spacing: 0.1em; margin-top: 80px;margin-bottom:50px;}
.content.portfolio #main h1 {color: #fff; letter-spacing: 0.5em; margin-bottom: 80px;}
.content #main .sc-first p {text-align: justify; font-size: 17px; font-weight: 300; line-height: 30px; padding-right: 40px; text-align-last: justify;}
.content.kontakt #main .sc-first p {text-align-last: inherit;}
.content #main #roteschrift p {text-align-last: justify;color: #646464;font-weight: 700; text-transform: uppercase;}
.content #main .sc-last p {text-align: justify;font-weight: 300; font-size: 17px; line-height: 30px;padding-left: 40px;}
.content #main h3 {font-size: 20px; font-weight: 100; text-transform: uppercase;margin-top:50px;margin-bottom:50px; letter-spacing: 1px;}
.content #main .ce_gallery {margin-top: 50px;}
.content.portfolio #main .ce_gallery {margin-top: 100px;}
/*.content #main .ce_gallery ul li {width: 160px; height: 100px; position: relative;}
.content #main .ce_gallery ul li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/
.content #firmenportfolio {min-height:363px;/**background-color:#474747;**/margin-top:50px; overflow: visible;}
.content #firmenportfolio span {font-weight: 100;width: 100%;display: inline-block;font-size: 20px;margin-top: 29px;letter-spacing: 1px;}
.content #firmenportfolio #firmenportfolioelements {/**max-width:900px;**/margin:0 auto;padding-top:32px;}
.content #firmenportfolio #firmenportfolioelements .bereich {width:222px;height:222px;display:block;float:left;margin-right:30px;position: relative; transition: all 300ms ease-in-out;}
.content #firmenportfolio #firmenportfolioelements .bereich:hover {transform: scale(1.05);}
/*.content #firmenportfolio #firmenportfolioelements .bereich:after {content:"";display: block;background-image:url("../../files/conzeptoutfits/src/img/arrow_conzeptoutfits.png");width:14px;height:17px;position: absolute;top:193px;right:14px;}*/
.content #firmenportfolio #firmenportfolioelements .bereich:nth-last-child(1) {margin-right:0px;}
.content #firmenportfolio #firmenportfolioelements #firmenbekleidung {background-color:#2980B9;}
.content #firmenportfolio #firmenportfolioelements #druckstick {background-color:#f1C40F;}
.content #firmenportfolio #firmenportfolioelements #capteamwear {background-color:#e74c3c;}
.content #firmenportfolio #firmenportfolioelements #produkte {background-color:#8E44AD; margin-right: 0;}
.content #firmenportfolio #firmenportfolioelements .bereich a {text-decoration: none;color:#fff;font-size:20px;text-transform: uppercase;width:222px;text-align: center;display: inline-block;line-height:222px;}
.content .ce_list {text-align:center; text-transform:uppercase; font-size:16px;font-weight:300; margin-bottom: 50px;}
.content .ce_list li {margin: 10px;}
.content .ce_list li .first {display: none;}

.content #main .inside .mod_article .ce_text {text-align: justify;}
.content #main .inside .ce_text.centertext {width: 49.5%; margin: 0 auto;}

.content #main .inside .ce_table {margin-top: 40px; font-weight: 300; color: #7e7e7e;}
.content #main .inside .ce_table table {width: 100%;}
.content #main .inside .ce_table td {padding-bottom: 10px;}
.content #main .inside .ce_table td.col_last {width: 17%;}
.content #main .inside .ce_table img {width: 50px;vertical-align: middle;margin-right: 10px;}

.content #main .inside .responsivegallery, .content #main .inside .ce_image {margin-left: 0; margin-right: 0;}
.content #main .inside .responsivegallery ul {display: flex; position: relative;}
.content #main .inside .responsivegallery ul li {overflow: hidden;}
.content #main .inside .responsivegallery ul li img {display: block;}
.content #main .inside .responsivegallery li:nth-child(1) {margin-right: 10px;}
.content #main .inside .responsivegallery li:nth-child(2) {width: 195px;display: flex;align-items: flex-start;margin-right: 10px; height: 155px; overflow: hidden;}
.content #main .inside .responsivegallery li:nth-child(3) {width: 195px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 155px;}

.content #produkte #katalogbutton a {background-color: #fff;color: #ccc; border: 2px solid #ccc; padding: 5px 20px;display: inline-block;font-size: 22px;text-transform: uppercase;text-align: center;max-width: 300px;position: relative;left: 50%;transform: translateX(-50%);font-weight: 600;margin-top: 30px; transition: all 300ms ease-in-out;}
.content #produkte #katalogbutton a:hover { background-color: #ccc;color: #fff; border: 2px solid #ccc;}
.content #produkte h3 {font-weight: 600; text-align: center; background-color: #ccc; color: #fff; padding: 5px;}

/** KONTAKTFORMULAR **/
#kontaktform {margin-top:40px;margin-left:auto;margin-right:auto;max-width:700px;margin-bottom:50px;}
#kontaktform:after {content: "";clear: both;display: block;visibility: hidden;height: 0px;}
#kontaktform input {width:46%;float:left;margin:1% 2%;height:36px;padding-left:5px;font-size:12px;border: 1px solid grey;}
#kontaktform textarea {width:96%;float:left;margin:1% 2%;height:36px;padding-left:5px;font-size:13px;height:200px;resize: none;font-family: "Titillium Web",sans-serif;padding:10px;border: 1px solid #cccccc;opacity: 1.0;}
#kontaktform br {display:none;}
#kontaktform input.submit {background-color:#d1152d;border:1px solid #d1152d;color:#fff;text-transform: uppercase;}
#dlh_googlemap_1 {width:100% !important;}
.kontakt #container {width:100%;max-width: 100%;}

/** REFERENZEN **/
#referenzen .ce_gallery ul {max-width:950px;margin:0 auto;}
#referenzen .ce_gallery ul li img {-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: filter 300ms linear;width:auto;}
#referenzen .ce_gallery ul li img:hover {-webkit-filter: none;-webkit-filter: none;filter: none;filter: none;transition: filter 300ms linear;}
#referenzen .ce_gallery ul li {position: relative;opacity: 0;transform: translateX(20px);-webkit-transform: translateX(20px);transition: all 0.3s ease-in-out; margin-right: 3%; margin-bottom: 3%; width: 31%;}
#referenzen .ce_gallery ul li.col_last {margin-right: 0;}
#referenzen .ce_gallery ul li.is-showing {opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px)}
.referenzen #Headerbild {background-image: url("../../files/conzeptoutfits/src/img/bg_referenzen.jpg");background-size: cover;}
.referenzen #referenzdiv {position:absolute;top:0;background-image:url("../../files/conzeptoutfits/src/img/hemd.png");width:100%;left:50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);height:610px;background-repeat: no-repeat;background-position: center center;}
.referenzen #Headerbild h1:after {content: ""; display: block; height: 3px; width: 150px; background-color: #d1152d; left: 50%; position: absolute; margin-top: 20px; margin-left: -75px;}
.referenzen #main h1 {font-size: 20px !important;}

.content #stickposition-druckposition h4, .content #veredelungsempfehlungen h4, .content #produkte h4 {text-align: left; padding-left: 40px;}
.content #stickposition-druckposition .infodivider, .content #veredelungsempfehlungen .infodivider, .content #produkte .infodivider {border-bottom: 2px solid #d9d9d9; width: 100%; margin-top: 75px; margin-bottom: 75px;}
.content #stickposition-druckposition .sc2 .image_container, .content #veredelungsempfehlungen .sc2 .image_container {border-right: 2px solid #d9d9d9;}

.content #produkte .sc-first .image_container {border-right: 2px solid #d9d9d9;}
.content #produkte .sc2 .image_container img {left: 50%; transform: translateX(-50%); position: relative;}
.content #produkte .sc2 {padding-right: 0;}

.content #veredelungsempfehlungen .sc-count0, .content #veredelungsempfehlungen .sc-count2, .content #veredelungsempfehlungen .sc-count4, .content #veredelungsempfehlungen .sc-count6, .content #veredelungsempfehlungen .sc-count8, .content #veredelungsempfehlungen .sc-count10, .content #veredelungsempfehlungen .sc-count12, .content #veredelungsempfehlungen .sc-count14, .content #veredelungsempfehlungen .sc-count20 {width: 48.5%; padding-right: 0;}
.content #veredelungsempfehlungen .sc-count1, .content #veredelungsempfehlungen .sc-count3, .content #veredelungsempfehlungen .sc-count5, .content #veredelungsempfehlungen .sc-count7, .content #veredelungsempfehlungen .sc-count9, .content #veredelungsempfehlungen .sc-count11, .content #veredelungsempfehlungen .sc-count13, .content #veredelungsempfehlungen .sc-count15, .content #veredelungsempfehlungen .sc-count21 {padding-left: 7px !important; border-left: 2px solid #d9d9d9;}
.content #veredelungsempfehlungen .sc-count0 .image_container, .content #veredelungsempfehlungen .sc-count2 .image_container, .content #veredelungsempfehlungen .sc-count4 .image_container, .content #veredelungsempfehlungen .sc-count6 .image_container, .content #veredelungsempfehlungen .sc-count8 .image_container, .content #veredelungsempfehlungen .sc-count10 .image_container, .content #veredelungsempfehlungen .sc-count12 .image_container, .content #veredelungsempfehlungen .sc-count14 .image_container, .content #veredelungsempfehlungen .sc-count20 .image_container {border-right: none;}
.mod_mmenu #beschreibung {width: 90%;margin: 13px auto;}
.mod_mmenu #beschreibung .parentPageTitel {display:block;}
.sign_up_popup .sign_up_inner .cancel_wrapper span {font-size:13px !important;}


/** DOWNLOADS **/
.content #downloads .sc2-first {text-align: right;}
.content #downloads .sc-count1.sc2-last {height: 116px;}
.content #downloads .sc-count3.sc2-last {height: 94px; margin-top: 20px;}
.content #downloads .sc-count5.sc2-last {height: 238px;}
.content #downloads .ce_download {position: relative; top: 50%; transform: translateY(-50%);}
.sign_up_popup .sign_up_inner {max-width:90%;height:auto !important; background-color: #262626 !important;}
 
/** RESPONSIVE PART **/
@media screen and (max-width:1089px ) {
    .start #firmenportfolio {text-align: center;}
    .start #firmenportfolio #firmenportfolioelements .bereich {width:150px;height:150px;display:inline-block;float:none;}
    .start #firmenportfolio #firmenportfolioelements .bereich a {line-height:150px;width:100%;}
    .start #firmenportfolio #firmenportfolioelements .bereich::after {bottom:10px;top:auto;}
    .start .showroom img {position: relative; left: 50%; transform: translateX(-50%); top: 0;}
/*
    #dreischritte span {font-size:40px;}
    #dreischritte .inside {text-align: center;}
    #dreischritte #shirtgenerator {display: inline-block;}
    #dreischritte #shirtgenerator .arrowright {margin-left:43px;margin-right:70px;}
*/
    #footer .inside {width:100%;}
    #schritte #shirtgenerator {}
}

@media screen and (max-width: 1019px){
    #schritte .inside span {font-size: 35px;}
    #schritte .inside .description {font-size: 13px;}
    #schritte .stepdiv {max-width: 615px;}
    #schritte .stepdiv .steps {width: 120px; height: 120px;}
    #schritte .description.step5 {bottom: -80px;right: -65px;}
    #schritte .description.step4 {right: -45px;top: -20px;}
    #schritte .description.step3 {left: 295px;top: -70px;}
    #schritte .description.step2 {top: -100px;left: 0px;}
    #schritte .description.step1 {bottom: -50px;left: -40px;}
}

@media screen and (max-width:979px ) {
    #footer .inside .grid4 {width:30%;}
    #footer #footerkontakt input, #footer #footerkontakt textarea,#footer #adresse input {width:90%;}
    #header .inside #schnellenfrage a {position: absolute;top:0;right:0;left:auto;margin-left:0;} 
    .content #firmenportfolio #firmenportfolioelements {text-align: center;}
    .content #firmenportfolio #firmenportfolioelements .bereich {float:none;display:inline-block;margin-bottom:30px;margin-right:15px;margin-left:15px;}
    .content #firmenportfolio #firmenportfolioelements .bereich:nth-last-child(1) {margin-right:15px;}
    .content #main .inside .ce_table td.col_last {width: inherit;}
    .content #main .inside .ce_table td {text-align: center;}
    .content #main .inside .ce_table td img {margin: 0 auto; display: block;}
    #Slider .slidertext, #Slider .ce_text {left: 20px !important;}
    
    .content #main .inside .responsivegallery ul {display: inherit; position: relative;}
    .content #main .inside .responsivegallery ul li img {display: block; width: 100%;}
    .content #main .inside .responsivegallery ul li {width: 49%; margin-bottom: 10px;}
    .content #main .inside .responsivegallery li:nth-child(1), .content #main .inside .responsivegallery li:nth-child(3) {margin-right: 10px;}
    .content #main .inside .responsivegallery li:nth-child(2) {width: 49%;display: inherit;margin-right: 0; height: inherit; overflow: hidden;}
    .content #main .inside .responsivegallery li:nth-child(3) {width: 49%;position: relative;left: inherit;transform: none;height: inherit;}
}

@media screen and (max-width:953px ) {
    .start #firmenportfolio {text-align: center;}
    .start #firmenportfolio #firmenportfolioelements .bereich {width:130px;height:130px;display:inline-block;float:none;}
    .start #firmenportfolio #firmenportfolioelements .bereich a {line-height:130px;width:100%;}
    .start #firmenportfolio #firmenportfolioelements .bereich::after {bottom:10px;top:auto;}
    .start #firmenportfolio {min-height: 300px;}
    #dreischritte span {font-size:30px;}
    #dreischritte #shirtgenerator .arrowright {margin-left:23px;margin-right:30px;}
    
    
}

@media screen and (max-width:900px ) {
    #header .open_mobile_navigation {display:block;position: absolute;right: 20px;top: 70px;}
    #header .open_mobile_navigation.fixed {top: 30px;}
    #navoben {display:none;}
    #logo {margin-left:10px;}
}
@media screen and (max-width:853px ) {
    .start #firmenportfolio {text-align: center;}
    .start #firmenportfolio #firmenportfolioelements .bereich {width:130px;height:130px;display:inline-block;float:none;margin-bottom:20px;}
    .start #firmenportfolio #firmenportfolioelements .bereich:nth-last-child(1) {margin-bottom:50px;}
    .start #firmenportfolio #firmenportfolioelements .bereich a {line-height:130px;width:100%;}
    .start #firmenportfolio #firmenportfolioelements .bereich::after {bottom:10px;top:auto;}
    .start #firmenportfolio {min-height: 300px;}
    .content #Headerbild p {max-width:90%;}
}
@media screen and (max-width:820px ) {
    #dreischritte #shirtgenerator a {float:none;}
    #dreischritte #shirtgenerator .arrowright {float:none;transform: rotate(90deg);margin-top:20px;margin-bottom:20px;display: block;left: 50%;position: relative;margin-left: -22px;transition: transform 2000ms ease-out;} 
    #dreischritte {padding-bottom:30px;}
}
@media screen and (max-width:810px ) {
    #Slider h2 {font-size:37px !important;margin-top:30px;}
}
@media screen and (max-width:767px ) {
    [class*="grid"] {margin-left:0;margin-right:0;padding:0 20px;}
    #footer #adresse {padding-top: 3px;margin-top: 20px;}
    .sc2 {width:100%;overflow:visible;}
    .content #produkte .sc2 {width:100%; margin-left: 0 !important;}
    .content #main .sc-last p {padding-left:0;}
    .content #main .sc-first p {padding-right:0;}
    .content #main h1 {font-size:20px;}
    .content #main h3 {font-size:16px;}
    .content #Headerbild .ce_image {display: none;}
    .content .sc-last {width: 100%;}
    .content #produkte .sc-count1 .image_container {border-left: 0;}
    #schritte .inside {height: auto;}
    #schritte .stepdiv {position: relative; top: inherit; left: inherit; transform: none; max-width: none;}
    #schritte .stepdiv .steps {display: block; left: inherit; right: inherit; top: inherit; width: 70px; height: 70px; margin: 0 auto;}
    #schritte .description {position: relative; display: block; left: inherit !important; right: inherit !important; top: inherit !important; bottom: inherit !important; text-align: center; clear: both; float: none; margin-bottom: 30px;}
    
}
@media screen and (max-width:600px ) {
    h1 {font-size:25px;}
    .ce_revolutionslider p {display:none;}
    .start #main .image_container {float:none !important;margin-left:0 !important;}
    #header .inside {height:175px;}
    #header .inside #logo {top:67px;}
    #header .open_mobile_navigation {top:90px;}
    .content #Headerbild h2 {font-size: 35px !important;}
    .content #Headerbild p {font-size: 13px;}
    .content #Headerbild .contentheader {height: 320px;}
    .content #Headerbild {height: 350px;}
    #main .inside {max-width:90%;margin:0 auto;}
    .referenzgallery ul li {width:100%;}
}

@media screen and (max-width:550px){
#Slider h2 {font-size: 25px !important; line-height: 0px;}
}

@media screen and (max-width:518px){
    .content #main .inside .responsivegallery ul li {width: 100%; margin-right: 0;}
    .content #main .inside .responsivegallery li:nth-child(2) {width: 100%;}
    .content #main .inside .responsivegallery li:nth-child(3) {width: 100%;}
}

@media screen and (max-width:400px){
    .start #firmenportfolio {text-align: center;}
    .start #firmenportfolio #firmenportfolioelements .bereich {width:180px;height:180px;display:inline-block;float:none;margin-bottom:20px;margin-right:0px;}
    .start #firmenportfolio #firmenportfolioelements .bereich:nth-last-child(1) {margin-bottom:50px;}
    .start #firmenportfolio #firmenportfolioelements .bereich a {line-height:180px;width:100%;}
    .start #firmenportfolio #firmenportfolioelements .bereich::after {bottom:10px;top:auto;}
    .start #firmenportfolio {min-height: 300px;}
    .content #Headerbild h2 {font-size: 30px !important;}
    
}

/** SLIDER **/
.start .tp-bullets .bullet {border-radius:100%;width:11px !important;height:11px !important;background:transparent !important;border:2px solid rgba(255, 255, 255, 0.54);box-sizing: border-box !important;}
.start .tp-bullets .bullet.selected {background-color:#D1152D !important;background-position: center !Important;border:2px solid #D1152D;}

#toplink {position:fixed;bottom:10px;right:10px;width:35px;height:35px;background:#333333;text-align: center;line-height:35px;z-index:100;}
#sliderNavPrev {background-image:url("../../files/conzeptoutfits/src/img/slider_left_arrow.png") !important;background-repeat:no-repeat;position:absolute;left:20px !important;width:36px !important;height:109px !important;background-position:center center !important;}
#sliderNavNext {background-image:url("../../files/conzeptoutfits/src/img/slider_right_arrow.png") !important;background-repeat:no-repeat;position:absolute;right:20px !important;width:36px !important;height:109px !important;background-position:center center !important;left:auto !Important;top:50%;}

#sliderNavPrev:hover, #sliderNavNext:hover {background-color:transparent !important;}
#sliderNav {position:relative;top:97px;}

@media all and (max-width:1100px){

    #sliderNavPrev {left:58px !important;}
    #sliderNavNext {right:58px !important;}
}

@media all and (max-width:1020px){
    #sliderNav {display:none;}
}
* { margin: 0; padding: 0; }
ul li { list-style-type: none; }

#wrapper_slider { position: relative; top:20px;}

.slider .nivo-controlNav { position: absolute; right: 0; bottom: -30px; }
.slider .nivo-controlNav a { position: static; display: block; width: 16px; height: 15px; background: url("../../files/conzeptoutfits/fileadmin/templates/_img/nivoslider-bullets.gif") 8px -18px no-repeat; text-indent: -9999px; border: 0; float: left; cursor: pointer; }
.slider .nivo-controlNav a.active {	background-position: 8px 0; }
.slider .nivo-caption { position: absolute; left: 0; bottom: 0; width: 441px; height: 40px; background-color: #000; color: #fff; z-index: 10; opacity: 0.6; font-size: 13px; }
.slider .nivo-caption:hover { visibility: visible; }
.slider .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.slider .nivo-caption a:hover { color:#fff; }
.slider .nivo-caption p { margin: 10px 0 0 20px; }

#sectionImageWrap { position: relative; width: 100%; overflow: hidden; }
#sectionImage { width: 100%; overflow: hidden; }

/*
#vignette .top { background: url("../../files/conzeptoutfits/fileadmin/templates/_img/bg-vignette.png") no-repeat; width: 6px; height: 6px; position: absolute; top: 0; left: 0; }
#vignette .bottom { background: url("../../files/conzeptoutfits/fileadmin/templates/_img/bg-vignette.png") left -50px no-repeat; width: 960px; height: 12px; position: absolute; top: 492px; left: 0; }
*/
/*#vignette .left { background: rgba(255, 255, 255, 0.7); width: 800px; height: 400px; position: absolute; top: 0; left: 0; }
#vignette .right { background: rgba(255, 255, 255, 0.7); width: 800px; height: 400px; position: absolute; top: 0; left: 0; }*/

.slider_wrapper { position: relative; width: 100000px; padding-bottom: 10px; }
.slider_wrapper li { float: left; width: 960px; height: auto; }
.slider_wrapper li a { z-index: 200; }
.slider_wrapper li h1 { display: none; }
.slider_wrapper img { display: none; padding:0 10px;}
#sliderNavPrev { display: block; background: url("../../files/conzeptoutfits/src/css/pics/arrow.png") 10px 170px no-repeat; cursor: pointer; width: 31px; height: 400px; position: absolute; left: 0; top: 0; z-index: 200; }
#sliderNavPrev { transition: background-position 0.2s; }
#sliderNavNext { display: block; background: url("../../files/conzeptoutfits/src/css/pics/arrow.png") -85px 170px no-repeat; cursor: pointer; width: 70px; height: 400px; position: absolute; right: 0; top: 0; z-index: 200; }
#sliderNavNext { transition: background-position 0.2s; }
#sliderNavPrev:hover { background-position: 0px 170px; background-color:green;}
#sliderNavNext:hover { background-position: -75px 170px; }

#sliderCaption { background: url("../../files/conzeptoutfits/fileadmin/templates/_img/bg-slider-caption.png"); color: #fff; color: rgba(255, 255, 255, 0.8); width: 924px; height: 40px; padding: 10px 18px 0 18px; position: absolute; top: 454px; display: none; }
.ie7 #sliderCaption { color: #fff !important; }
#sliderCaption p { font-size: 14px; }

#slidertext { margin: 0 auto; width: 960px; }
#slidertext div { background: rgba(3, 123, 194, 0.8); bottom: 0; color: #fff; display: block; font: 100 25px 'Open Sans',sans-serif; padding: 8px 0 0; position: absolute; text-align: center; text-transform: uppercase; width: 960px; }


@media all and (min-width: 320px) {
    .slider_wrapper li { width: 340px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}
@media all and (min-width: 480px) {
    .slider_wrapper li { width: 340px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}

@media all and (min-width: 568px) {
    .slider_wrapper li { width: 340px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}

@media all and (min-width: 600px) {
    .slider_wrapper li { width: 320px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}

@media all and (min-width: 768px) {
    .slider_wrapper li { width: 500px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}

@media all and (min-width: 800px) {
    .slider_wrapper li { width: 528px; }
    #sliderNavPrev, #sliderNavNext { display: none; }
}

@media all and (min-width: 1024px) {
    .slider_wrapper li { width: 558px; }
    #sliderNavPrev, #sliderNavNext { display: block; }
}

.sign_up_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(48, 48, 48, 0.9);
    display: block;
}
.sign_up_popup .sign_up_inner {
    width: 970px;
    height: 520px;
    background-color: #333333;
    margin: 0 auto;
    top: 20%;
    position: relative;
    display: none;
    text-align: center;
    overflow: hidden;
}
.sign_up_popup .sign_up_inner.animate {
    -webkit-animation: signupanimation 2500ms linear both;
    animation: signupanimation 2500ms linear both;
}
.sign_up_popup .sign_up_inner .image_container { padding: 0; margin: 0; }
.sign_up_popup .sign_up_inner .cancel_wrapper span { font-size: 10px; color: #fff; cursor: pointer; position: relative; top: -3px; }
.sign_up_popup .sign_up_inner .cancel_wrapper span:hover { text-decoration: underline; }

/***
*
* animations
*
***/
@-webkit-keyframes signupanimation {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); }
    4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); }
    8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); }
    12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); }
    17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); }
    28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); }
    39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); }
    61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); }
    83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes signupanimation {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -500, 0, 1); }
    4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -242.865, 0, 1); }
    8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -60.707, 0, 1); }
    12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 26.138, 0, 1); }
    17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.667, 0, 1); }
    28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.313, 0, 1); }
    39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.115, 0, 1); }
    61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.208, 0, 1); }
    83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.014, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}