/***************** Elements defaults *******************/

a {cursor: pointer;text-decoration: none;}

h1 {margin:0;}

hr {
  width: 80%;
  height: 0px;
  margin: 3px auto 3px auto;
  padding: 0;
  border: 0;
  clear: both;
  border-bottom: 1px solid #8B0303;
}



/**************** Layout Modifikationen********************/

div[class*='clearfix'] {
  transform: var(--scale);
}
div[class*='clearfix']:before, 
div[class*='clearfix']:after
 {
  content: '';
  display: table;
}
div[class*='clearfix']:after {
  clear: both;
}

.clear {
  clear:both;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.gap {clear: both;height: 1rem;}
.gap-2 {clear: both;height: 2rem;}

/******************  Layout general ***********************/
*[class|="f"]       {display:flex;flex-wrap: wrap;}
div[class|="g"]       {display:grid}

div[class*='f-btw']   {justify-content:space-between;}
div[class*='f-ard']   {justify-content:space-around;}


*[class|="l-f"]       {display:flex;flex-wrap: wrap;}
div[class|="l-g"]       {display:grid}
div[class*='l-f-btw']   {justify-content:space-between;}
div[class*='l-f-ard']   {justify-content:space-around;}
*[class*='l-ctr']   {justify-content:center;align-items: center;}
div[class|='l-f-fdc']   {flex-direction: column;}
*[class|='l-b']  {display: block;}
div[class|='l-ib']  {display: inline-block;}

div[class^="c-f"]{display: flex;flex-wrap: wrap;
                    background: #ddd;}
div[class^="c-f--"] > div:not(div[class~="inv"]):not(div[class~="retro"]){background: #fff;}

/******************  components: page ***********************/


div[class^="c-f--home"] > div:nth-child(n+3) {padding-bottom: 1rem;} 

div[class^="c-f--details"] > div:nth-child(n+2):not(.linkbar) {padding-bottom: 1rem;}
div[class^="c-f--details"] > div:nth-child(1) {min-width: 100%;}
div[class^="c-f--details"] > div:nth-child(4) {min-width: 100%;}
div[class^="c-f--details"] > table {padding: 0 !important;}

div[class|="flip"]>div:not(div[class|="inv"]) {background: #fff;}

/*++++++++++++++++ experimentell +++++++++++++++++++*/
.autofit{  
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 5px;
  }
.autofit>div {background:#fff;}

.autocol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    grid-column-gap: 5px;
}

.autocol div {
  background: #fff;
  border: 2px solid #1d606d;
  color: white;
  margin: 1em;
  padding: 1em;
}

/****************  Layout box  *********************/

div[class~="box"]:not(div[class~="inv"]){background: #fff;}
div[class~='box']  > a {display: block;}
div[class~='box'] > *:not(.postit):not(div[class|='l-p']):not(div[class*='float'])  {padding: 0 0.5rem;}


div[class*='floatbox'] {display: flow-root;}
div[class*='floatbox']:not(div[class*='np']) {padding-bottom: 0.5rem;}
/*div[class*='floatbox--']:not(div[class~='nopadding']) > div:nth-child(2) {padding: 0 0.5rem 0 0.5rem;}*/
div[class*='floatbox--left' ] > *:first-child {float:left;}
div[class*='floatbox--left' ] > *:first-child:not(div[class~='np']) {padding-right: 0.5rem;}
div[class*='floatbox--right'] > *:first-child {float:right;}
div[class*='floatbox--right' ] >*:first-child:not(div[class~='np']) {padding-left: 0.5rem;}

div[class*='floatbox--' ] > div:nth-child(2):not(div[class~='np']) {padding-left: 0.5rem;}


div[class~='topdown'] > div {float:none}

div[class^="row"] {display: flex;flex-wrap: wrap;}
/*div[class^="row"]:not(div[class*="-img"]):not(.nopadding) {padding: 0 0.5rem;}*/
div[class^="row-img"]>div{margin: 0 auto;}
div[class^="row-img"] > div:nth-child(3){min-width: 90%;}
div[class^="row-img"] > div >* {word-wrap: break-word;}



/*****************  components **************************/

/*img.mob {
  width: 100%;
  height: auto;
}*/


*[class^='legend']  {display: block;word-wrap:anywhere;font-weight: bold;padding-left: 0.2rem;}

.links{
    display:grid;
  grid:auto-flow/ 1fr 2fr;
  grid-row-gap: 0.5rem;
}


.copyright {
  background-color: #353535;
  padding: 2px;
  color: white;
  line-height: 9px;
  text-align: left;
  font-size: 9px;
}

*.cpr   {  
        position:absolute;
        width: 100%;
        bottom: 0.1rem;
        word-wrap: break-word;
        white-space: initial;
        font-size: small;
        font-weight: bold;
        color: #f00;
        background:rgba(255,255,255,0.2);
      }

.cpr::before {content:"©\00A0";}

 div[class^='rating_']{font-size: larger;align-self: center;font-weight: bold;}
.rating_0:after{content: '👑'}
.rating_1:after{content: '2';color: blue}
.rating_2:after{content: '3';color: silver;}

/*+++++++ postit +++++++++++++*/
div.postit {
  margin-top: 5px;
  transform: var(--scale);
}
div.postit:before, 
div.postit:after {
  content: '';
  display: table;
}
div.postit:after {
  clear: both;
}

.postit a, a.postit {
  float:right;
  background-color: #c60000;
  padding: 0.1rem 0.3rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: smaller;
}

a.postit + div {padding-top: 2rem}
.postit a::after, a.postit::after{content:" »";}
/*+++++++ /postit +++++++++++++*/

/****************  Layout box Child  *********************/
.boxadv {
  position: relative;
  background-color: #fff;
  color:#000;
}

.boxadv .boxmain {
  padding: 0.5rem;
 
}

/****************  ads  *********************/

/*#mn + .google-auto-placed {display: none;}*/
/*ins.adsbygoogle  {margin: 0 auto 0.1rem 0}*/

/**************** colors *********************/


.cfff {color: #fff}
.bfff {background: #fff}
.b000 {background: #000}

a {color: #8b0303;}

div:not(div[class*='inv'])>*[class*='inv'] {background:#000;}
div:not(div[class*='inv'])>*[class*='inv']:not(a){color:#fff;}
div[class*='inv']>*[class*='inv']:not(a){color:#000;background: #ddd;}
a[class*='inv'] {color:#f94e4e;}
div[class*='inv'] a {color:#fc5151;}
div[class*='inv home'] a       {color:#fff;}

/**[class*='inv'] div[class*='inv'] {mix-blend-mode: difference;}*/

/****************  *********************/



/***************** used once *******************/
div[class~='bc_retro'] {background: #cba;color:#444;}
div[class*=flex]          {display:flex;flex-wrap: wrap;}

a.jumpup {background: #d00;padding:5px 5px 0 5px;color:#fff;float:right;margin:5px;}

.trailer{
  background:#222!important;
  color:#fff;
  width:100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  width:625px;
}
.trailer  a {color:#f00;}
.trailer >*:not(video){padding:0 1rem  1rem 1rem;}

*[class*='boxheader'] > .pagemenu a       {color:#f55;}
*[class*='boxheader'] > .pagemenu a:hover {color:#faa;}

/************** cross - browser **********************/

*[class*='break'],
td,
*[class*='title']>a {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/*************************************************/
input[type=submit]:not(.search-submit) {
  border: 2px solid #A53108;
  background-color:#FFC8C8;
  font-weight: bold;
  cursor: pointer;
}

input[type=text]:not(.search-text), input[type=password] {
  border: 1px solid #999;
  background-color:#FFF;
  font-weight: bold;
}

input[type=button] {
  border: 2px solid #A53108;
  background-color:#FFC8C8;
}






.row>hr, .row+hr {margin-top:0.5rem;margin-bottom:0.5rem;}

div[class^="column"] {
  flex-basis: 100%;
  flex-grow: 1;
  /*min-width:100%;*/
}

.pagemenu {text-align:center;padding-bottom: 1rem;}

.amazon {}
.amazon > div:first-child {background: #000;color:#fff;}
/*.amazon > div:last-child()  */

/**********************   BOXHEADER *****************************/

*[class*="boxheader"]{
  color: #fff;
  background: #000;
  font-weight: bold;
  max-height: 1.5em;
  padding: 0.1rem 0.5rem;
  text-align: center;
  width: 100%;
}

*[class*="boxheader"]:not([class~="center"]){
  display:flex;
  flex-wrap: wrap; 
}

*[class*="boxheader"]>a {padding:0 0.5rem;}
*[class*="boxheader"]>*:not([class~="home"]):not(div){color:#f77;} 


/**********************   TITLE **************************18 24 36 44 54***/

                   



/*********************************************/

div[class^='iwrapper'] {max-width: min-content;position: relative;text-align: left;}
div[class^='iwrapper'] img, .iwrapper a {display: block;}
div[class^='iwrapper']>* {position: inherit;}

/****************************************/

/*************************BEM ************************
    .l-: layouts
    .o-: objects
    .c-: components
    .js: JavaScript hooks
    .is-|.has-: state classes
    .t1|.s1: typography sizes
    .u-: utility classes
*/

*[class*='title'] {font-weight: bold;}

.title                  {font-size:1.5rem;margin-bottom: 0.4em;}
.subtitle               {font-size:1.3rem;}

*[class*='page'] {}
*[class*='page__title']   {font-size:2.5rem;margin:0;}
*[class*='page__subtitle']{font-size:1.8rem}
*[class*='page__boxheader']{font-size:1.1rem;}

*[class*='header'] {}
*[class*='header__title'] {font-size:2.5rem}
*[class*='header__subtitle'] {font-size:1.7rem}

*[class*='teaser']        {font-weight: bolder;}

*[class*='section'] {}
*[class*='section__title'] {font-size:2rem}
*[class*='section__subtitle'] {font-size:1.5rem}
*[class*='section__boxheader'] {font-size:1.5rem;}

*[class*='item__title']  {font-size:1.5rem}
*[class*='item__title--sm']  {font-size:1.4rem;}
*[class*='item__subtitle']   {font-size:1.3rem}



*[class~='#fff']  {background: #fff;}
*[class~='#a00']  {background: #a00;}
*[class|='l-c']  {text-align: center;}

*[class~='p10001010'] {padding:1rem 0 1rem 1rem;}

*[class~='p10001000'] {padding:1rem 0;}
*[class~='p00001000'] {padding-bottom: 1rem;}
*[class~='p00100000'] {padding-right: 1rem;}
*[class~='p00000010'] {padding-left: 1rem;}


*[class~='p0700'] {padding:0.7rem 0;} 

*[class~='p10'] {padding:1rem;}

*[class~='p0510'] {padding:0.5rem 1rem;}

*[class~='p1005'] {padding: 1rem 0.5rem;}

*[class~='p0'] {padding:0}
*[class*='pt'] {padding-top:1rem}
*[class~='pr'] {padding-right:1rem}
*[class*='pb'] {padding-bottom:1rem}
*[class~='pl'] {padding-left:1rem}
/******************************   05   *******************************/

*[class~='p05'] {padding:0.5rem;}

*[class*='pt05'] {padding-top:0.5rem}
*[class~='pr05'] {padding-right:0.5rem}
*[class*='pb05'] {padding-bottom:0.5rem}
*[class~='pl05'] {padding-left:0.5rem}
*[class~='p0005'] {padding:0 0.5rem;}
*[class~='p0500'] {padding:0.5rem 0;}

*[class~='p00000500'] {padding-bottom: 0.5rem;}
*[class~='p05000500'] {padding:0.5rem 0;}
*[class*='p05000000']   {padding-top:0.5rem;}
*[class*='p00000005']   {padding-left:0.5rem;}
*[class*='p00000003']   {padding-left:0.3rem;}
*[class*='p00000505']   {padding:0 0 0.5rem 0.5rem;}
*[class*='p05000005']   {padding:0.5rem 0 0 0.5rem;}
*[class*='p05000510']   {padding:0.5rem 0 0.5rem 1rem ;}
*[class*='p10000500']   {padding:1rem 0 0.5rem 0;}
*[class*='p00080000']   {padding-right:0.8rem;}
*[class*='p05001000']   {padding:0.5rem 0 1rem 0;}

*[class~='p1000'] {padding:1rem 0}
*[class~='p0010'] {padding:0 1rem ;}
*[class~='p0110'] {padding:0.1rem 1rem ;}
*[class~='p2000'] {padding:2rem 0;}

/************************************************************/

div[class~='p_2_0005']>div:nth-child(2){padding: 0 0.5rem;}
div[class~='_2_p0010']>div:nth-child(2){padding: 0 1rem;}

/**************************************************************/

*[class*='m00000500']   {margin-bottom: 0.5rem;}

*[class~='m0'] {margin:0}
*[class~='ml'] {margin-left:1rem}
*[class~='ml'] {margin-right:1rem}
*[class~='mt'] {margin-top:1rem}
*[class~='mb'] {margin-bottom:1rem}

*[class~='m1000'] {margin:1rem 0}
*[class~='m0010'] {margin:0 1rem ;}
*[class~='m0110'] {margin:0.1rem 1rem ;}
*[class~='m2000'] {margin:2rem 0;}
*[class~='m0500'] {margin-bottom:0.5rem ;}
*[class~='m0005'] {margin:0 0.5rem ;}

*[class~='mx']    {margin:0;}


*[class~='m05'] {margin:0.5rem;}
*[class~='m10'] {margin:1rem;}

*[class~='ma0'] {margin:auto 0;}
*[class~='m0a'] {margin:0 auto;}

*[class*='w100'] {width: 100%}

*[class~='s'] {font-size: small}
*[class~='sm'] {font-size: smaller}
*[class~='larger'] {font-size: larger}
*[class*='white'] {background: #fff;}

/****************************/

*[class~='tac'] {text-align: center;}
*[class~='bold'] {font-weight: bold;}

div[class*="textList"] {display:grid;grid:auto-flow/auto auto;grid-gap:0.5rem}
div[class*="textList"]>div {padding:0.5rem;}


div.rating_images {display: flex;background:transparent;}
div.rating_images img {}
div.rating_images img.full {
  opacity: 1;
}
div.rating_images img.tran {
  opacity: 0.6;
}

div[class*="empty"] {max-height: 1px;font-size: 0px;min-width: 100%;padding: 0;}
/*div[class*="empty"]:before {content: "\00A0"}*/
/********* special *****************/
 .submit {background: #f88;font-size: smaller;
          font-weight: bold;border: 1px solid darkred;
          cursor: pointer;padding: 2px;color: #fff;}


div[class^="autorenzeile"] {display: flex;justify-content: right;padding: 0.5rem;} 
div[class^="autorenzeile"] >div{display: inline;} 
div[class^="autorenzeile"]:not(div[class~="inv"]) div {color: #666;}
div[class^="autorenzeile"] a{font-style: italic;} 
div[class^="autorenzeile"]:not(div[class~="inv"]) a{color: #222;} 

.retro, div[class*="retro"]>div {background:moccasin;}