/*
document-code: UTF-8 without BOM;
document-language: CSS3;
document-release-candidate: 0;
document-release-date: 2018/05/26;
document-release-editor: mku;
design-strategy: layout-by-model;
template-ModulJunction: startseite ;
template-ModulTheme: standard-000;
layout-standard-viewports: - not defined - ;
*/


/* Background */

  body {
    background-image:url();
    background-origin:content-box;
    background-position:center;
    background-repeat:repeat;}
    
  /* -- DesignGround -- */

 .section-content-gold {
    background-color:rgb(175,107,31);
    color:#fff;
    display:block;
    margin: 20vw 10vw 20vw 10vw;
    padding: 5rem 10vw;}

  @media only screen and (max-width: 900px) {  /* --.section-content-gold-- only!! */
  }

  .section-content-lila {
    background-color:rgb(70,30,90);
    display:block;
    margin: 20vw 10vw 20vw 10vw;
    padding: 0 0;}

  .section-content-lila .pageTitel {
    color:#fff;
    font-size:4rem;
    font-weight:bold;
    line-height:1.0;
    margin: 0 0 8rem 0;
    padding: 0 0;
    text-align:center;}

  @media only screen and (max-width: 900px) {  /* --.section-content-lila-- only!! */
  }

  .section-navigator {
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    padding: 2rem 10vw;}

  @media only screen and (max-width: 900px) {  /* --.section-navigator-- only!! */
  }


  /* Eventobjects - Level 1 */

  .objectbox  {
    border: .2rem solid rgb(175,107,31);
    padding: .4rem;}

  .objectbox .teaserGrid {
    display:grid;
    grid-column-gap:0;
    grid-template-columns: 50% 50% ;
    grid-template-rows: 55% 45% ;
    height:auto;
      min-height:10rem;
    position:relative;}

  .objectbox  .teaserGrid .cell1 {
    background-color:rgb(175,107,31);/*Gold*/
    color:rgba(255,255,255,1);/*Weiß*/
    padding:3.5rem;
    position:relative;}

  .objectbox .teaserGrid .cell1 .content {
    position:absolute;
      top:.5rem; left:.5rem;}

  .objectbox .teaserGrid .cell2 {
    background-color:rgba(255,255,255,1);/*Weiß*/
    color:rgb(175,107,31);/*Gold*/
    padding: 1.2rem;}
      
  .objectbox .teaserGrid .cell2 .content  {
    border-bottom: .4rem solid rgb(175,107,31);
    border-top: .4rem solid rgb(175,107,31);
    font-size: 1rem;
    margin: .8rem auto;
    padding: .2rem 0;}

  .objectbox .teaserGrid .cell2 .content .titel {
    font-size: 1.4em;
    font-weight:bold;
    line-height:1.2;
    text-align-last: justify;
    text-justify:inter-character;}

  .objectbox .teaserGrid .cell2 .content .sub {
    font-size: 1em;
    font-weight:normal;
    line-height:1.2;
    text-align-last: justify;
    text-justify:inter-word;}

  .objectbox .teaserGrid .cell3 {
    background-color:rgb(255,255,255);/*Weiß*/
    color:rgb(70,30,90);/*dunkelLila*/
    font-size: 1rem;
    padding:.5rem 1rem;}

  .objectbox .teaserGrid .cell3 p {
    font-size: .8em;
    font-weight:normal;
    line-height:1.0;
    text-align-last: left;}


  .objectbox .teaserGrid .cell4 {
    background-color:rgb(70,30,90);/*dunkelLila*/
    border-bottom: .2rem solid rgb(175,107,31);
    border-right: .2rem solid rgb(175,107,31);
    color:rgb(255,255,255);/*Weiß*/
    padding:3.5rem;
    position:relative;}

  .objectbox .teaserGrid .cell4 .content {
    position:absolute;
      bottom:.5rem; left:.5rem;}


  .objectbox .teaserGrid > div > .content .textbig {
    font-size:1.2rem;
    font-weight:bold;}

  .objectbox .teaserGrid > div > .content .textsmall {
    font-size:1.0rem;
    font-weight:normal;}

  .objectbox .teaserGrid > div > .content .textsmallbold {
    font-size:1.0rem;
    font-weight:bold;}

  .objectbox .teaserGrid a.MoreDetails {
    border: .2rem solid rgb(175,107,31);
    border-radius:.7rem;
    color:rgb(175,107,31);
    font-size:1.0rem;
    font-weight:bold;
    padding: 0 1rem;
    position:absolute;
      bottom: 1rem;
      right: 1rem;
    text-decoration:none;}

  .objectbox .teaserGrid a.MoreDetails:hover {
    border: .2rem solid #fff;
    color:#fff;}

  .objectbox .teaserGrid a.MoreDetails::before {
    content: "Alle Details ...";}

  .objectbox .hiddenBlock {
    color:rgb(175,107,31);
    display:none;
    padding: 1rem 0 1.6rem 0;
    position:relative;}

  .objectbox .hiddenBlock .beschreibung {
    border: 0rem solid rgb(175,107,31);
    color:rgb(175,107,31);
    display:block;
    font-size:1.4rem;
    font-weight:normal;
    line-height:1.2;
    margin: .4rem 0 0 0;
    padding: 1rem 1.6rem;
    text-align:justify;}

  .objectbox .hiddenBlock .beschreibung p {}

  .objectbox .hiddenBlock p.navhead {
    color:rgb(175,107,31); 
    font-size:2rem;
    font-style:italic;
    font-weight:bold;
    line-height:1.0;
    text-align:center;}

  .objectbox .hiddenBlock .objLev2 {
    background-color:rgb(255,255,255);
    border:.2rem solid rgb(175,107,31);
    margin: .8rem 0 .8rem 0;
    padding: 0 0 0 0;
    overflow:hidden;
    text-align:center;}

  .objectbox .hiddenBlock .objLev2 a.boxtitel {
    background-color:rgba(175,107,31,0.6);
    color:#fff;
    display:block;
    font-size:1.6rem;
    font-weight:bold;
    line-height:1.0;
    margin: 0 0 0 0;
    padding: .4rem 1.2rem;
    text-decoration:none;}


  .objectbox .hiddenBlock .objLev2  a.boxtitel:hover {
    background-color:rgb(255,255,255);
    border: 0.2rem solid rgb(175,107,31);
    margin: -0.2rem;
    color:rgb(175,107,31);}

  .objectbox .hiddenBlock .objLev2  a.boxtitel::after {content:" ::";}
  .objectbox .hiddenBlock .objLev2  a.boxtitel::before {content:":: ";}

  .objectbox .hiddenBlock .objLev2 .content {
    display:none;
    font-size:1.4rem;
    font-weight:normal;
    line-height:1.0;
    margin: .4rem 1rem;
    padding:0;}

  .objectbox .hiddenBlock .objLev2 .content p {
    font-size:0.8em;
    font-weight:normal;
    line-height:1.0;}
    
  .objectbox .hiddenBlock .objLev2 .content p a {
    border-bottom: .1rem solid rgb(175,107,31);
    border-radius: .2rem;
    display:inline;
    color:rgb(175,107,31);
    font-size:.9em;
    font-style:italic;
    text-decoration:none;}
    
  .objectbox .hiddenBlock .objLev2 .content p a[target="_blank"]:after {
    background-clip:padding-box;
    background-image:url(symbol_ExternalLink_gold.png);
    background-repeat:no-repeat;
    background-size:contain;
    box-sizing:padding-box;
    content:' ';
    display:inline;
    line-height:1.0;
    margin: 0 0 0 .4em ;
    padding:0 1em 0 0;
    
  .objectbox .hiddenBlock .objLev2 .content p a:hover {
    background-color:#eee;}
    


  .objectbox .hiddenBlock .objLev2TypB {
    background-clip:content-box;
    background-color:#fff;
    border: .2rem solid #fff;
    color:rgb(70,30,90);
    font-size:1.0rem;
    line-height:1.2;
    margin: 0 0 .8rem 0;
    padding:.2rem;
    position:relative;}

  .objectbox .hiddenBlock .objLev2TypB p {
    color:rgb(70,30,90);
    font-size:1.0em;
    font-weight:normal;
    padding: .2rem 1rem;}

  .objectbox .hiddenBlock .objLev2TypB a.MoreDetails {
    background-color:rgb(70,30,90);
    border: .2rem solid rgb(70,30,90);
    border-radius:.9rem;
    color:#fff;
    padding: 0 1rem;
    font-size:1.0rem;
    font-weight:bold;
    padding: 0 1rem;
    position:absolute;
      bottom: 0.5rem;
      right: 0.5rem;
    text-decoration:none;}

    
  .objectbox .hiddenBlock .objLev2TypB a.MoreDetails:hover {
    background-color:#fff;
    border: .2rem solid rgb(175,107,31);
    color:rgb(175,107,31)}
    
  .objectbox .hiddenBlock .objLev2TypB a.MoreDetails::before {
    content: "mehr...";}

    
  .objectbox .hiddenBlock  a.CloseDetails {
    border-bottom: .2rem solid rgb(175,107,31);
    color:rgb(175,107,31);
    font-size:1.0rem;
    font-weight:bold;
    position:absolute;
      bottom: 0rem;
      right: 0rem;
    text-decoration:none;}

  .objectbox .hiddenBlock  a.CloseDetails:hover {
    border-bottom: .2rem solid #fff;
    color:#fff;}

  .objectbox .hiddenBlock  a.CloseDetails::before {
    content: "Details schließen";}


  @media only screen and (max-width: 900px) {

  .objectbox .hiddenBlock .beschreibung {}

  }

/* -end- */