/***************** page defaults *******************/
/*********************  Variable ****************/
:root {
  --scale: 1;
}
/***************************************************/

*,
*:before,
*:after {
  box-sizing: inherit; }


html {
  box-sizing: border-box; 
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

body{
      background:#8B0303;
      font-size: 18px;margin:0;
      
    }

html, 
body,
.content {
    min-height: 100%;

}
.content {max-width: 930px;}

#map_canvas { height: 100%; }




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

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


.content {}
a { text-decoration: none}


.lupe:after{content: "🔍";}


.font-stretch {
    display: inline-block;
    -webkit-transform: scale(1,.9);
    -moz-transform: scale(1,.9);
    -ms-transform: scale(1,.9);
    -o-transform: scale(1,.9);
    transform: scale(1,.9);
}


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


.footer{
  display:flex;
  flex-wrap: wrap;
  border-top: 3px double red;
  justify-content: space-around;
  background-color: #cc0000;
  padding: 0.1rem 1rem;
}

.footer, .footer>a { color: white;}
.footer > * {min-width: 15%}

.subfooter { background: transparent;text-align: center;color: #fff;}
.subfooter:before {content:" © ";}
.subfooter:after{content:"   Filmreporter.de";}

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

div[class ^= 'prefooter']{
  padding: 0.1rem 0.5rem;width: 100%;
  color:white; background: #000;
  font-weight:bold;text-decoration:none;
}

div.prefooter a,
.flex.inv.media a{color: #fc5151;}

div.prefooter a:hover {color: #fba;}

div.subfooter {
  background-color:transparent; 
}

div[class *= 'inv'] a:hover {color: #fba !important;}





/***************************************/
/*@charset "utf-8";
@namespace "http://www.w3.org/1999/xhtml";*/

a.tr {
  display: block;
  position: absolute;
  top: 7px;
  right: 7px;
}

a.br {
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
}
a.br0p {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
a.bl0p {
  display: block;
  bottom: 0;
  left: 0;
  text-align: left;
}


div.toptext {
  font-size:12px;
  padding: 2px;
  color: white;
  text-align: left;
}


div[class*='media'] {}
div[class*='media']:not(div[class*='media__']) {display: flex;flex-wrap: wrap;justify-content: space-between;}
div[class*='media']:not(div[class*='media__']):not(div[class~='inv']) {background: #fff;}
div[class*='media'] > div {flex-grow:1;}
div[class*='media']:not(div[class*='media--']) > div[class*='media__body'] {padding: 0 1rem;flex-grow:1;}

div[class*='media']:not(div[class*='media__']):not(div[class~='inv']) {background: #fff;}

div[class^='linkbar'] {display: flex;flex-wrap: wrap;}
div[class^='linkbar'] > * {padding: 0 1rem;color: #fff;font-weight: bold;}

*[class*='media__title'] {font-size: 2rem}
*[class*='media__subtitle'] {font-weight: bold;padding-top: 1rem;}

/**************    @media queries                *****************/
@media only screen and (orientation: landscape) {}
/******************************************************************/

@media only screen and (max-width: 600px) {
img {  width: 100%;
      height: auto;}
  .c-cols-2                   {min-width: 100%;}

  h1.page                     { font-size: 2rem;}
  #mn .search                 { left:70vw;top:0.2em;font-size:20px;}
  div[class*='media']>div:nth-child(1){ order: 2;}
  div[class*='media']>div:nth-child(2){ order: 1;}

  .linkbar > a                {min-width: 100px;}
  .linkbar > span             {display: none;}
  .c-img                      {margin:0 auto;order:2;}
  .c-xheader                  {flex-direction: column;}

  .c-xheader__body            {margin:0 auto;order:1;}
  *[class*='page__title']     {font-size:1.8rem}    


  div[class^="c-f--details"]>div,
  div[class^="c-f--details"]>div>div{max-width: 98%;}
  div[class^="c-f--details"]>div[class^="row-img--left"]>div:nth-child(1){order: 2;}
  div[class^="c-f--details"]>div[class^="row-img--left"]>div:nth-child(2){order: 1;padding-top: 0.5rem;padding-bottom: 0.5rem;}

/*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-2-flip"]{}

  div[class^="kinostarts"]    {width: 100%;}

  div[class*="iwrapper"] >div {margin: 0 auto;}
  div[class^="row-img"]>div:nth-child(1), 
  div[class^="row-img"]>div:nth-child(2)        {min-width: 30%;}  
}

 /*@media only screen and (max-width: 812px) {}*/
@media only screen and (min-width: 601px) {
  .linkbar > a                                  {padding: 0 1rem}
  .linkbar > span                               {display: block;color: #fff}
  

/*  div[class^="row-img--right"]>div:nth-child(1) {order:2;}
  div[class^="row-img--right"]>div:nth-child(2) {order:1;}*/

  div[class^="row-img"]>div{flex: 1;}
  div[class^="row-img--left"]>div:nth-child(2) {padding: 0 1rem;}

  div[class^="c-f--home"]>div:nth-child(1)      {width: 635px;min-width: 60%;}
  div[class^="c-f--home"]>div:nth-child(2)      {flex: 1;}
  div[class^="c-f--home"]>div:nth-child(3)      {width: 200px}
  div[class^="c-f--home"]>div:nth-child(4)      {width: 430px}
  div[class^="c-f--home"]>div:nth-child(5)      {flex: 1;}
  div[class^="c-f--home"] {gap: 0 0.3rem;}

/*  div[class^="c-f--details"]>div:nth-child(3){width: 42%;}*/

  div[class^="c-f--details"]>div:nth-child(2n):not(div[class*='cross']):not(div[class*='w100']){width: 65%;}
  div[class^="c-f--details"]>div:nth-child(2n+1):not(div[class*='cross']):not(div[class*='w100']){flex: 1;}
  div[class^="c-f--details"]                    {gap: 0 0.3rem;} 
  div[class^="c-f--details"]>div:nth-child(1)   {gap: 0 1rem;}     

  div[class^="c-2-hd-flip"]>div:nth-child(2n):not(div[class*='cross']){width: 65%;}
  div[class^="c-2-hd-flip"]>div:nth-child(2n+1):not(div[class*='cross']):not(div[class*='w100']){flex: 1;}
  div[class^="c-2-hd-flip"]                    {gap: 0 0.3rem;} 
  div[class^="c-2-hd-flip"]>div:nth-child(1)   {gap: 0 1rem;}   
  div[class|="flip"]                               {display: flex;}

}


/*@media only screen and (min-width: 980px ) {}
@media only screen and (min-width: 1260px ) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) {

    //high resolution images go here

}*/