/* Flexboxsystem */
.flexholder {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexholder.center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

/* Rec 3  */

/* Hide in Portrait Modus */
@media screen and (max-width: 768px) and (orientation: portrait) {
#rec3loadedcontent,
.hideonportraitmodus                    { display: none; }
}

/* Rec 3 - Container */
#rec3                                   { padding: 30px 0; }
#rec3l,#rec3m,#rec3r                    { min-height: 200px; float: left; }
#rec3l,#rec3r                           { width: 30%; }
#rec3l                                  { padding-right: 20px; }
#rec3m                                  { width: 40%; border: #000 2px solid; border-radius: 5px; }
#rec3r                                  { padding-left: 20px; }
@media screen and (max-width: 768px) {
#rec3                                   { padding-bottom: 0; }
}

/* Rec 3 - Slick Slider */
.rec3arrow                              { position: absolute; z-index: 23000; top: 50%; cursor: pointer; padding: 10px; margin-top: -25px; font-size: 24px; }
.rec3arrow.next                         { right: 0; }
#rec3supo .rec3arrow                    { top: 80px; }

/* Rec 3 - Manu Slider */
#rec3manu                               { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }
#rec3manu .holder                       { height: 100px; visibility: hidden; }
#rec3manu .holder.slick-initialized     { visibility: visible; }
#rec3manu .pic                          { text-align: center; }
#rec3manu .pic img                      { display: inline-block; max-height: 80px; margin-top: 10px; }
@media screen and (max-width: 768px) {
#rec3manu .pic img                      { max-width: 70%; }
}

/* Rec 3 - Supo Slider */
#rec3supo                               { margin-top: 20px; }
#rec3supo .holder                       { visibility: hidden; }
#rec3supo .holder.slick-initialized     { visibility: visible; }
#rec3supo .pic                          { text-align: center; }
#rec3supo .pic img                      { display: inline-block; max-height: 150px; }
/*.addentry                               { position: relative; margin-top: 20px; text-align: left; font-size: 14px; line-height: 1.1; padding-left: 120px; }
.addentry:before                        { content: ""; font-family: 'FontAwesome'; position: absolute; left: 40px; top: 50%; margin-top: -5px; }
.addentry .thumb                        { position: absolute; margin-left: -65px; }
.addentry .thumb img                    { max-width: 50px; }
.addentry.nothumb                       { padding-left: 70px;  }*/
.addentry                               { position: relative; margin-top: 20px; text-align: left; font-size: 14px; line-height: 1.1; padding-left: 130px; }
.addentry .thumb                        { position: absolute; left: 50px; }
.addentry .thumb img                    { max-width: 60px; }
.addentry.nothumb                       { padding-left: 100px;  }
@media screen and (max-width: 768px) {
.addentry                               { padding-left: 60px; }
.addentry .thumb                        { position: absolute; left: 0px; }
.addentry .thumb img                    { max-width: 50px; }
.addentry.nothumb                       { padding-left: 30px;  }
}


/* Rec 3  - Montatefoto */
#rec3mboxl, #rec3mboxr, #rec3mboxb      { visibility: hidden; content:""; display: block; width: 24px; height: 24px; background: #fff; border-top: #222 2px solid; border-right: #222 2px solid; position: absolute; z-index: 2000; top: 190px; }
.ready #rec3mboxl, .ready #rec3mboxr, .ready #rec3mboxb { visibility: visible; }
#rec3mboxl                              { left: -12px; transform: rotate(45deg); }
#rec3mboxr                              { right: -12px; transform: rotate(-135deg); }
#rec3mboxb                              { left: 50%; margin-left: -12px; bottom: -13px; top: auto; transform: rotate(135deg); }
#rec3m                                  { text-align: center; position: relative; }
#rec3m p                                { visibility: hidden; margin-top: 0; }
.f-c #rec3m p                           { visibility: visible; font-family: 'b', Georgia, 'Times New Roman', Times, serif; font-size: 70px; line-height: 1.3; }
#rec3m .holder img                      { display: inline-block; margin-top: -40px; max-height: 280px; margin-bottom: 20px; }
#rec3m .flyingplaybtn                   { position: absolute; top: 50%; margin-top: -30px; margin-left: -30px; font-size: 60px; z-index: 1000; }
#rec3m .flyingplaybtn:after             { position: absolute; content:""; left: 50%; top: 50%; margin-left: -25px; margin-top: -20px; width: 50px; height: 40px; background: #fff; z-index: -1; }
#rec3m .flyingplaybtn:hover             { color: red; }
@media screen and (max-width: 768px) {
.f-c #rec3m p                           { font-size: 40px; }
#rec3m .holder img                      { margin-top: 0px; }
}

/* Rec 3 - Rabbit Ears */
#rec3r                                  { text-align: center; }
#rec3r .colheadline                     { border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; height: 100px; }
#rec3r .colheadline p                   { line-height: 100px; font-size: 28px; }
#rec3r .colheadline p .reg              { margin-top: -5px; }
#rec3r .entry                           { display: none; }
#rec3r .emtry img                       { max-height: 260px; }
#rec3r .entry .title span               { font-size: 13px; }
@media screen and (max-width: 768px) {
#rec3r .colheadline                     { position: relative; }
#rec3r .colheadline p                   { line-height: 28px; font-size: 20px; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
#rec3r .colheadline p .reg              { margin-top: -5px; }
}

/* Rec 3 - compatible light shapers */
#rec3fittinglightshapers .holder				{ border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 10px 0; }
#rec3fittinglightshapers .entry 				{ display: inline-block; text-align: center; padding: 20px; cursor: pointer; }
#rec3fittinglightshapers .entry img 		{ max-width: 80px; }
#rec3fittinglightshapers .entry span    { font-size: 13px; }
@media screen and (max-width: 768px) {
#rec3fittinglightshapers .entry img     { max-width: 60px; }
}

/* Rec 3 - rec3loadedcontent */
#rec3loadedcontent .s                   { margin-top: 35px !important; }
#rec3loadedcontent .s + .s.sgal         { margin-top: 20px !important; }
#rec3loadedcontent .hcombo             { margin-bottom: 20px; }
#rec3loadedcontent .s100 .picshortcode img { max-width: 600px; max-height: 400px; }
@media screen and (max-width: 768px) {
#rec3loadedcontent .s100 .picshortcode img { max-width: 100%; }
#rec3loadedcontent .s                   { max-width: 70%; margin-left: auto; margin-right: auto; }
}

#rec3loadedcontent .toggle-head         { position: relative; background: #f4f4f4; color: 000; text-align: center; cursor: pointer; font-size: 22px; padding: 40px 30px; }
#rec3loadedcontent .toggle-head:before  { content:""; display: block; background: #fff;width: 20px; height: 20px; margin-left: -10px; position: absolute; top: -10px; left: 50%; transform: rotate(45deg); }
#rec3loadedcontent .toggle-content      { display: none; padding: 30px 0; }
#rec3loadedcontent.has-content          { margin-top: -1px; outline: #ddd 1px solid; outline-offset: -1px; }
#rec3loadedcontent.is-loading           { opacity: .5; }

/* RE List */
#relist                                 { text-align: left; }
#relist .tablewrapper                   { width: 100%; overflow-x: auto; }
#relist table                           { border-spacing: 0; width: 100%; min-width: 700px; }
#relist td                              { text-align: center; }
#relist thead td                        { color: #ccc; border-bottom: #ddd 1px solid; padding-bottom: 15px; }
#relist thead td:last-child             { text-align: left; }
#relist tbody td                        { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
#relist tbody tr + tr td                { border-top: #ddd 1px solid; }
#relist td img                          { max-height: 100px; }
#relist .equals img                     { width: 13px; }
#relist .relist-block + .relist-block   { margin-top: 80px; }