/*
document-code: UTF-8 without BOM;
document-language: CSS3;
document-release-candidate: 0;
document-release-date: 2019/03/27;
document-release-editor: mku;
design-strategy: layout-by-model;
template-ModulJunction: **local*home** ;
template-ModulTheme: standard-000;
layout-standard-viewports: - not defined - ;

*/

body{
 background-image:url(background_001_v2.jpg);
 background-attachment:fixed;
 background-position:center center;
 background-size:cover;}


 /* teaser */
 
.teaser {
  background-color:rgba(111,111,111,.5);
  color:#fefff7;
  font-size:4.5rem;
  font-weight:bold;
  margin-top:5vw;
  padding:5vw 10vw;
  text-align:justify;
  text-align-last:justify;
  text-justify:inter-character;}

 /*
 
 */

[onclick] { cursor:pointer;}

h2 {
  color:#fefff7;
  font-size:1.5rem;
  padding: 5vw 10vw 0vw 6vw;}

.headline {
  color:#fefff7;
  display:block;
  font-size:2.5rem;
  font-weight:bold;
  margin: 1vw 0vw;
  padding: 1vw 10vw;}

.headline.pre {
  margin-left: -2vw;}

.headline.pre::before {
  content:'... ';
  font-size:.8em;}

.section {
  display:none;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  height:auto;
    min-height:initial;
  padding: 0 10vw 5vw 10vw;}

.section.active{
  display:flex;}

.section > .info {
  background:rgba(111,111,111,.5);
  border-radius:0;
  display:flex;
  flex-basis:80vw;
  flex-direction:column;
  margin-bottom:2rem;
  padding:2rem;}

.section > .info img {
  object-fit:contain;
  height:80vh;
  width:auto;
  margin: 0 0 1rem 0;}

.section > .info img.maxWidth {
  object-fit:initial;
  height:auto;
  width:60vw;
  margin: 0 auto 1rem auto;}

.section > .info img.maxHeight {
  object-fit:initial;
  height:60vh;
  width:auto;
  margin: 0 auto 1rem auto;}

.section > .info p {
  color:#fff;
  font-size:1rem;
  font-weight:normal;
  line-height:1.5;
  text-align:center;}

.section > .info p a {
  background-color:rgba(255,255,255,.3);
  border-radius:.2rem;
  color:#fefff7;
  font-weight:bold;
  margin:0;
  padding: .4rem .8rem;
  text-decoration:none;}

.section >  .info:hover p a {
  background-color:rgba(255,255,255,.5);}

.section >  .info  p a:hover {
  background-color:rgba(255,255,255,.15);
  background-image: linear-gradient(
    to bottom,
    rgba(255,255,255,.5) 0.0rem,
    rgba(255,255,255,.5) 0.5rem,
    rgba(255,255,255,.0) 0.5rem,
    rgba(255,255,255,.0) 1.4rem,
    rgba(255,255,255,.5) 1.4rem,
    rgba(255,255,255,.5) 1.8rem
  );}


/* --rwd-- .section :: mobile devices */

  @media screen and (max-width:800px) {
  
    .section > .info img {
      object-fit:contain;
      height:auto;
      width:80vw;
    }

  }

/* --rwd-- .section :: mobile devices -end- */



/* -end- */