/*******************************************************************************
 ***                                                                         ***
 ***   Use to override any other CSS styling or add new styling              ***
 ***                                                                         ***
 ***   This file will be loaded last in the CSS chain                        ***
 ***                                                                         ***
 ***   ( Remember: This Cascade Styles inherit styling defined previously)   ***
 *******************************************************************************/


.VOimgaspectPar{display: block; width: 100%; position: relative; height: 0; padding: 56.25% 0 0 0; overflow: hidden;}
.VOimgaspectImg {position: absolute;display: block; max-width: 100%; max-height: 150%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.VOimgaspectPar Img {position: absolute;display: block; max-width: 100%; left: 0;right: 0;top: 0;bottom: 0;margin: auto;} /* max-height: 150%; */
/*.VOimgaspectImg img {position: absolute!Important;display: block!Important; max-width: 100%!Important; max-height: 100%!Important;left: 0!Important;right: 0!Important;top: 0!Important;bottom: 0!Important;margin: auto;}*/
/* added pj for aspect 16:9 on all images regardless of their aspect */
.mozaix_content_layout .catItemImage {position: relative;  height: 0;  padding-top: 56.25%;}
.mozaix_content_layout .catItemImage img {position: absolute;  display: block;  max-width: 102%; max-height: 128%;  left: 0;  right: 0;  top: 0;  bottom: 0; margin:auto;}
/* .mozaix_content_layout h3 {font-size: 22px !important;} */
.mozaix_content_layout .zoom .newstext2{display:table-cell;vertical-align:middle;padding:5% 5% 5% 10%;}
@media(max-width:680px){
    .mozaix_content_layout .newstext{position: absolute !important;top: -156% !important;display: block !important;}
    .mozaix_content_layout .zoom{display: none !important; }
}




.VOpad {background: #FFFFFF;padding: 15px;} /*overflow: hidden;text-overflow: clip; bricht dann nicht mehr um zu leftcolumn*/
.VOpadLight {background: #F4F4F4;padding: 15px}
.VOinline-block {display:inline-block;}
.boxheight100 {overflow: auto; text-overflow: ellipsis; height: 145px;}
.boxheight100H {overflow: hidden; text-overflow: ellipsis; max-height: 145px;}
div.jd-item-page{padding: 15px;}
/*.jd_video_container {min-width:280px;}*/
.jd_screenshotMagicZoom {}
.jd_thumbs{}

.tright {text-align: right;}
.tcenter {text-align: center;}
.vcenter{justify-content: center; display: flex; align-items: center;}
.hide{visibility:hidden;}


.flexmenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row nowrap;
    text-align: left;
}
.flexmenu > * {
    padding: 0px;
    flex: 0 1 auto;
}
.flexmenu-main {
    text-align: right;
    flex: 1 1 auto;
}
.flexmenu-aside-1 {
    flex: 0 1 auto;
}
.flexmenu-aside-2 {
    flex: 0 0 auto;
    padding-left: 10px;
}

.flexmenu-main > ul li{padding-left:0px!Important;}
@media all and (min-width: 800px) {
    /*  .flexmenu-main    { flex: 3 0px; }*/
    .flexmenu-aside-1 { order: 1; } 
    .flexmenu-main    { order: 2; }
    .flexmenu-aside-2 { order: 3; }
}



.flex {padding:0; position:relative;display: flex;align-items: flex-start;align-content: flex-start;justify-content: space-between;-webkit-flex-grow: 1;
       flex-grow: 1;
       /*  -webkit-flex-basis: auto;*/
       flex-basis: auto; /*---org auto -----webkit-flex-wrap: wrap;*/
       flex-wrap: wrap; 
}
.flex > ul li{padding-left:0px;}
.flex.flexright {justify-content:flex-end;}
.flex.flexdown {align-items: flex-end;}

div.flexAA {padding:0; position:relative;
            display: flex;
            /*        display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;*/

            flex-flow: row wrap;
            /*        -webkit-flex-flow: row wrap;*/

            align-items: stretch;
            justify-content: space-between;
            /*        -webkit-flex-grow: 1;*/
            flex-grow: 1;
            /*        -webkit-flex-basis: auto;*/
            flex-basis: auto; 
            /*        -webkit-flex-wrap: wrap;*/
            flex-wrap: wrap; }
.flexAA > * {
    /*padding: 10px;*/
    flex: 1 100%;
}

@media all and (min-width: 1200px) {
    .flexmain    { flex: 3 3 0%; padding: 10px;}
    .flexaside-1 { flex: 1 0 0%; } 
    .flexaside-2 { flex: 2 2 0%; } 
    .flexaside-3 { flex: 0 2 0%; } 
    .flexfooter { flex: 1 0 0%; } 
    .flexaside-1 { order: 1; } 
    .flexmain    { order: 2; }
    .flexaside-2 { order: 4; }
    .flexaside-3 { order: 5; }
    .flexfooter  { order: 3; }
    .jd_video_wrapper {min-width: 285px;}
}
@media all and (min-width: 600px) and (max-width: 1200px) {
    .flexmain    { flex: 4 4 10%; padding: 10px;}
    .flexaside-1 { flex: 1 0 0%; } 
    .flexaside-2 { flex: 1 0 0%; } 
    .flexaside-3 { flex: 0 2 0%; } 
    .flexfooter { flex: 1 100%; } 
    .flexaside-1 { order: 1; } 
    .flexmain    { order: 2; }
    .flexaside-2 { order: 3; }
    .flexaside-3 { order: 4; }
    .flexfooter  { order: 5; }
    .jd_video_wrapper {min-width: 285px;}
}


div.flexA {padding:0; position:relative;display: flex;align-items: stretch;justify-content: space-between; align-items: baseline; -webkit-flex-grow: 1; 
           flex-grow: 1;
           /*  -webkit-flex-basis: auto;*/
           flex-basis: auto; /*-webkit-flex-wrap: wrap;*/
           flex-wrap: wrap;
           margin: 5px;
           background:#fff; }
.flexshrink0{flex-shrink: 0;}

/*  list display horizontal */
.VOListInline ul {display:inline; text-align:center;}
.VOListInline ul li {display:inline; padding:0px;}
/*  Fixed Positions */
.VOTopLeft {position: fixed;top: 0px; left: 0px;}
.VOTopLeft > ul li{padding-left:0px;}
.VOTopRight {position: fixed;top: 0px; right: 0px;}
.VOTopLeft > ul li{padding-right:0px;}
.VOTopFlags {position: fixed;top: 80px; left: 8px;}
.VOTopFlags > ul li{padding-left:0px;}

div.itemListCategory {float:none;}
.pad10{padding:10px!important;}
.pad5-180{padding:5px!important; width:180px}
/* Grid Layout */

.VO1grid.mozaix_content_layout img {max-width:103%!important;}
.VO1grid.mozaix_content_layout .areamain {padding:0.01px;}
.VO1grid.mozaix_content_layout .areamain .centercol, .mozaix_content_layout .areamain .lastcol {width: 25%!important;float:left!important;clear:none!important;}
.VO1grid.mozaix_content_layout .areamain .col-1 {width: 25%!important;float:left!important;}
.VO1grid.mozaix_content_layout .areamain .col-10 {width: 25%!important;float:left!important;}
.VO1grid.mozaix_content_layout .areamore .col-1 {width: 25%!important; float:right!important;}
.VO1grid.mozaix_content_layout .areamore .col-10 {width: 25%!important; float:right!important;}
.VO1grid.mozaix_content_layout .areamore .centercol {width: 25%!important;float:right!important;clear:none!important;}
.VO1grid.mozaix_content_layout .areamore .lastcol {width: 25%!important;float:right!important;clear:none!important;}
/* .VO1grid.mozaix_content_layout .catItemImage h3 {margin-top: 0px !important; font-weight:bold !important;font-size: 1.1em !important;letter-spacing: 0px !important;} */

/* Chrome, Safari, Opera */
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1,1);
    }
    to {
        -webkit-transform: scale(1.5,1.5);
    }
}

/* Standard syntax */
@keyframes zoom {
    from {
        transform: scale(1,1);
    }
    to {
        transform: scale(1.5,1.5);
    }
}


.nivoSlider img, #fancybox-img img, .catItemImage img, .itemImage img {
    -webkit-animation: zoom 50s; 
    animation: zoom 50s;
}

/* styles for '...' */ 
.trunc01Line {
    /*width: 70%;  /* hide text if it more than N lines  */
    overflow: hidden;  /* for set '...' in absolute position */
    position: relative;   /* use this value to count block height */
    line-height: 1.2em;  /* max-height = line-height (1.2) * lines max number (3) */
  /* fix problem when last visible word doesn't adjoin right side  */
    /*text-align: justify;    /* place for '...' */
    /*margin-right: -1em;*/
    padding: 5px 1em 0 0;
    /*font-size: 0.8em; */
}
/* create the ... */
.trunc01Line:before {  /* points in the end */
    content: '~';  /* absolute position */
    position: absolute;  /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.trunc01Line:after{  /* points in the end */
    content: '';  /* absolute position */
    position: absolute;  /* set position to right bottom corner of text */
    right: 0;  /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;  /* bg color = bg color under block */
    background-color: white;
}
.trunc01Line:hover {
    width: 100%;  max-height: inherit; 
}
.trunc03Line {
    /*width: 100%;  /* hide text if it more than N lines  */
    overflow: hidden;  /* for set '...' in absolute position */
    position: relative;   /* use this value to count block height */
    line-height: 1.2em;  /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.55em;
    height: 3.55em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /*text-align: justify;    /* place for '...' */
    /*margin-right: -1em; remove when parent has overflow=hidden*/
    /*padding-right: 1em;
    /* font-size: 0.8em; */
}
/*.trunc03Line:before {  /* points in the end */
/*  content: '~';  /* absolute position */
/*  position: absolute;  /* set position to right bottom corner of block */
/*  right: 0;
/*  bottom: 0;
/*}
/* hide ... if we have text, which is less than or equal to max lines */
/*.trunc03Line:after{  /* points in the end */
/*  content: '';  /* absolute position */
/*  position: absolute;
/*  text-align:right;  /* set position to right bottom corner of text */
/*  right: 0;  /* set width and height */
/*  bottom:0;
/*  width: 10%;
/*  height: 1.2em;
/*  /*margin-top: 0.2em;  /* bg color = bg color under block */
/*  background-color: white;
/*  }*/
.trunc03Line:hover {
    width: 100%;  max-height: inherit;  min-height: 3.55em;height:auto;
}
/*
@supports (-webkit-line-clamp: 3) {
  .trunc03Line {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }
  
  .trunc03Line:after {
    display: none;
  }
}
*/
.trunc06Line {
    overflow: hidden; 
    position: relative;  
    line-height: 1.2em;  
    max-height: 7.15em;
    height: 7.15em;
}
.trunc06Line:hover {
    width: 100%;  max-height: inherit;  min-height: 7.15em;height:auto;
}

div.catItemRatingBlock{padding: 0px 0px 0px 4px;float: right;margin-top: inherit;}
div.itemRatingBlock{padding: 0px 0px 0px 4px;float: right;margin-top: inherit;}

span.catItemHits {float: left;margin-top: inherit;}
span.itemHits {float: left;margin-top: 20px !important;}

div.catItemHitsBlock {padding: 0px 4px 0px 0px;border-bottom: 1px solid #CCC;font-size: x-small;}
div.catItemCategory {padding: 0px 4px 0px 0px;border-bottom: 1px solid #CCC;}
div.catItemTagsBlock{padding: 0px 4px 0px 0px;font-size: x-small;font-weight: normal;line-height: 100%;border-bottom: 0px solid #CCC;}
div.catItemIntroText {padding: 4px 0px 4px;}
span.itemAuthor {font-size: small;line-height: 100%; padding: 0 0 15px 15px;}
span.catItemAuthor {font-size: x-small;line-height: 100%;	}
span.catItemDateCreated {font-size: x-small;line-height: 100%;}
span.itemDateCreated {font-size: small;line-height: 100%;}
span.itemDateModified {font-size: small;line-height: 100%;}

.jnewstext{margin-top: 5px; word-break: break-word;}
/* moved to typo.css: .jnewstext h4 a.titlelink,.jnewstext h4 .titlelink {font-size:26px!important;line-height:100%!important;} */


.k2store-product-info .k2storeCartForm1 {padding: 5px 0 0 0;}
input.productqty,.product_quantity_input input{width: 30px!important;}
/* .product_name {display:inline;padding:0!important;} pj--testen--siehe auch k2.css--*/

div.catItemView {padding:0; }
.k2leftcolumn {float:left!important;width:48%;margin-right: 2%;background: none #f1f1f1;}
.k2rightcolumn {float:right!important;width:50%;}
@media (max-width: 767px) {
    .k2rightcolumn,.k2leftcolumn{float:none;width:100%;}
}
.k2rightcolumn .k2store-product-info .k2storeCartForm1 {padding: 0; background: #FFFFFF;}
/*div.k2rightcolumn.span6{margin-left: 0px;} wird von css3 effects gesetzt*/
/*div.k2leftcolumn.span6{margin-left: 0px;}*/
/*.k2leftcolumn{margin-right: 2%;margin-bottom: 3%; background: #FFFFFF;}*/

.module.title-off{margin: 0px 0px 0px;}
.k2store select {width: 90%;}

.search.flex input{width:50%;margin-bottom: 0px;margin-right: 5px;}

.pad15 {padding:15px;}

.select100 {width:100%;}
div.k2CategorySelectBlock.select100 form select {width:100%;}
.select100 form select option {padding:5px;}
div.k2CategorySelectBlock.select100 form select option {padding: 0 0 3px 10px;}
div.k2UserBlock ul.k2UserBlockActions li {padding: 0px 0 5px 15px;}
div.k2UserBlock form input.ubLogout {width: 100%;}
.k2AccountPage table tr td label {white-space: normal;}
.k2AccountPage {background: #FFFFFF;padding: 15px;}
div.userItemView {padding: 15px;background: #FFFFFF;}
p.nowrap {white-space: pre;}
.k2store.row-fluid {background: #fff;}
.container-fluid.k2store {background: #fff; padding:20px;}
#k2store_currency a{padding:10px;}
.itemFullText li {margin-left: 15px; list-style-type:disc;list-style-position: outside;line-height: inherit;}
.itemFullText ul {margin-left: 30px; margin-bottom: 20px; display: table-row-group;}
.itemFullText ol {margin-left: 30px; margin-bottom: 20px; display: table-row-group;}
/*      div.itemRelatedk2store h2 {font-size: 100%;letter-spacing: inherit;padding: 0px 0px 0px 6px;margin: 16px 0px 0px;} */
div.tagItemHeader h2.tagItemTitle,h2.tagItemTitle a {font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;font-size:24px !important;}
div.itemRelatedk2store{border-bottom: 1px solid #DDD;}
.video-js {display:block;}
div.VOtable1 table {border-collapse: collapse; width:100%;}
div.VOtable1 th {border: 1px solid black; padding: 5px; text-align: center; vertical-align:top;}
div.VOtable1 td {border: 1px solid black; padding: 5px; text-align: center; vertical-align:top;}
div.VOtable1 p {margin:0px;}

.magicthumbsbox{
    text-align: center;
    padding: 10px 0;
}
.magicthumbsbox img{
    height:50px;
    padding: 0px 3px 8px;
}
.imagegalleryplg img {
    padding: 0px 3px 8px;}

.formwrap{
    text-align: left;
    width: auto;
    padding: none;
    border: 0;
    outline: 0;
    background: none;
    margin: 0;
}
.formwrap,form#finder-search{
    width: auto;			
}
@media (max-width: 800px) {
    .form-horizontal .control-label  {
        text-align: left;
        display: block;
        width: 100%;
        float: none!important;
        margin-left: 0!important;
    }
    .form-horizontal .controls  {
        display: block;
        width: 100%;
        float: none!important;
        margin-left: 0!important;
    }
}
input, textarea, select {
    width: 95%;
    padding: 6px 0px 6px 0px;
    text-indent:6px;
}


.k2storeoptionbox {background: #F4F4F4;padding: 5px;}
#k2store-product-info


/*
.VOaccordionV1 ul, ul > ul {
        margin: 0;
        padding: 0;
}
.VOaccordionV1 ul li {
        list-style: none;
        line-height: 30px;
}
.VOaccordionV1 ul li a {
        text-decoration: none;
}
.VOaccordionV1 .level1 {
        height: 0;
    overflow: hidden;
    -webkit-transition: height 1s ease-in;
    -moz-transition: height 1s ease-in;
    transition: height 1s ease-in;
}
.VOaccordionV1 ul li:hover .level1 {
        height: 100%;
        line-height: 30px;
}
*/

/* pj used for k2store Options dropdown */
.ac-container{}
.ac-container label{
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: flex; /* org=block */
    height: auto;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    /*line-height: 33px;*/
    /*font-size: 19px;*/
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
        0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
    background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #c6e1ec;
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow: 
        3px 3px 0px 1px rgba(155,155,155,0.3), 
        0px 2px 2px rgba(0,0,0,0.1);
    font-weight:bold;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
    background-image: url(images/arrow_up.png);
}
.ac-container input{
    display: none;
}
.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height: auto;
}
.ac-container .optionlabel{
    padding-left:12px;
}

.in , .active , .tab-content {overflow: visible;} /* für bootstrap collasible damit es umbricht pj */
.collapse{position:inherit;}
.nav{margin-bottom: 0}
.share-buttons{list-style: none;}
.share-buttons li{display: inline; padding: 3px;}



@font-face {
    font-family: 'Mono Social Icons Font';
    /*src: url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.eot');
    src: url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
        url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.woff') format('woff'),
        url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.ttf') format('truetype'),
        url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('http://www.vital-office.net/modules/mod_jxtc_socializerwall/css/font/MonoSocialIconsFont-1.10.ttf') format('truetype');*/
    font-weight: normal;
    font-style: normal;
}

span.socialsymbol {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height:1;
    font-size:1.5em;
}

.socialsymbolp{font-size:1.4em;padding:3px;}

#ampz_sidebar { /* for ampz social buttons */
    top: 450px;
}

.blink{
    background-color: #b3db5a;
}
.blink span{
    animation: blink 2s linear infinite;
}
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}

#footerwrap {
    background: inherit;
}