/**************/
/*Defaults*/
/*************/

    #wrappr{
        position: absolute;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100%;
        top: 0;
        right:0;
        z-index: 80;
    }


    html, body {
    background : #fff;
	overflow : auto;
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	color:#345C6E;
	font-size: 0.97em;
	line-height: 1.6em;
	font-family: 'Fira Sans', sans-serif;
    }

    #halign{
        margin:auto;
        margin-top:3%;
        max-width:1238px;
        height:73%;
        z-index:15;
    }
    a:link {
        color:#0a3455;
        background-color : transparent;
        font-size:0.95em;
        font-weight: 400;
    }
    a:visited {
        color:#dba128;
        background-color : transparent;
        font-weight: 600;
    }
    a:hover {
        color:#0a3455;
        background-color : transparent;
        font-weight: 400;

    }
    .plnk2tx{
        margin-top:8px;
    }

      h1,strong {
        margin: 0;
        margin-bottom:20px;
        padding: 0;
        font-size: 1.5em;
        line-height:1.6em;
        color:#dba128;
        font-weight:700;
    }

     h2 {
        margin: 0;
        margin-bottom:6px;
        margin-top:20px;
        padding: 0;
        font-size: 0.95em;
        line-height: 1.35em;
        color:#174454;
        font-weight:700;
    }
    h3 {
        margin: 0;
        padding: 0;
        font-size: 0.95em;
        line-height: 1.25em;
        color:#000;
        font-weight:700;
    }
    h4 {
        margin: 0;
        margin-bottom:3px;
        padding: 0;
        font-size: 1.2em;
        line-height: 1.3em;
        color:#000;
        font-weight:700;
    }





    /*neu*/
     /*************/
    /* Template */
    /*************/
    .template{
        display:flex;
    }
    .flx1 img{
        width:100%;
        height:auto;
    }

     .flx1:nth-child(1){
        width:29%;
        max-width:347px;
        height:auto;
}
 .flx1:nth-child(2){
     width:70%;
  }
.lgo9 {
    display:none;
}


     /*************/
    /* content */
    /*************/

    .content{
        display:flex;

    }
    .tx1{
        font-size:1.2em;
        line-height:1.6em;
        font-weight:400;

        margin-top:4%;
        width:100%;
    }


    /*************/
    /* footer */
    /*************/
    .footer{
        margin-top:24%;
    }
    .footer img{
        position:relative;
        margin-left:-15.8%;
        width:100%;
        height:auto;
        max-width:180px;

    }
    .lang{
        font-size:1.3em;
        font-weight:700;
    }
    .lang  a:link {
        color:#0a3455;
        text-decoration:none;
        background-color : transparent;
        font-size:0.95em;
        font-weight: 700;
    }
    .lang  a:visited {
        color:#0a3455;
        background-color : transparent;
        font-size:0.95em;
        font-weight: 700;
    }
    .lang  a:hover {
         color:#dba128;
        background-color : transparent;
        font-weight: 700;

    }
   .fzt8{
     display:block;
   }
   .fzt9{
     display:none;
   }

     /*************/
    /* Navigation */
    /*************/
  /*init hamburger*/
    /* menu btn */

      .header .menu-btn {
        display: none;
    }

    .header .menu-btn:checked ~ .menu {
        max-height: 800px;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon {
        background: transparent;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:before {
        transform: rotate(-45deg);
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:after {
        transform: rotate(45deg);
    }

    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
        top: 0;
    }
        .header .menu {
             position:relative;
            clear: none;
            left:-14.6%;
            margin-top:9%;
            max-height: none;
            z-index:700;


        }
        .header .menu-icon {
            display: none;
        }

    .sham7{
    display:none;
    }

    /* // init hamburger */


    /*************/
    /* hmnu */
    /*************/

    ul.navlist
    {
        max-width:96%;
        list-style: none;
        flex-direction:row;
        z-index:140;
        position:relative;
        margin:24% 8.5% 0 0;
        font-size:1.8em;
        line-height:1.6em;
    }

    ul.navlist li
    {
        display:block;
        background-color:transparent;
        text-decoration:none;
        padding:4px 9px 4px 9px;
    }


    ul.navlist li a
    {
         display:block;
         color:#dba128;
         font-weight:700;
         text-decoration:none;
    }


    ul.navlist li.active a
    {
        color:#dba128;
        position:relative;
        text-decoration:none;
    }
    ul.navlist li a:hover
    {
         color:#005060;
         text-decoration:none;
    }
   /*************/
    /* FX */
    /*************/
     /*Langsamer rollover bei divs */


    .clear{
        clear:both;
    }
    .ct8{
        -moz-hyphens: auto; /*auto umbruch im Content*/
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;

    }


/**********************/
/* Content Container */
/*********************/


.ctbx{
display:flex;
width:95.8%;
margin-bottom:96px;
}
.glu7{
    margin-top:-10%;
}

.flxit30{
    margin-right:12px;
    padding:24px 24px 24px 24px;
    text-align:left;
    font-size:1.2em;
    line-height:1.4em;
     width:99%;
}

.flxit20{
    margin-right:12px;
    padding:24px 24px 24px 24px;
    text-align:left;
    font-size:1.2em;
    line-height:1.4em;
     width:64.5%;
}

.flxit20:nth-child(2){
    border-right:2px solid #a91b13;
     padding-right:16px;
     padding-top:24px;
     width:29.6%;
}
.flxit21{
    border-left:2px solid #a91b13;
     padding-right:0px;
     padding-left:16px;
     padding-top:24px;
     width:29.6%;
}

.flxit21:nth-child(2){
    border-left:0px solid #a91b13;
    margin-left:12px;
    padding:24px 24px 24px 24px;
    text-align:left;
    font-size:1.2em;
    line-height:1.4em;
     width:64.5%;
}

.head6{
    font-size:1.2em;
    line-height:1.45em;
    font-weight:600;
    color:#a91b13;
    border-radius: 8px;
}
.spz30{
    margin-top:8%;
    font-size:0.7em;
    float:right;
}
.pct756{
    width:92%;
    height:auto;
}
.pct757{
    width:94%;
    height:auto;
    padding-left:6%;
    margin-top:-36px;
}

.glue{
    margin-bottom:24px;
}

.ctbx ul  {
    margin:24px 0 18px 24px;
    padding:0;
}
.ctbx ul li {
  color:#dba128;
  font-size:1.7em;

}
.ctbx ul li span {
  color:#345C6E;
  font-size:0.58em;
}

.ctbx em{
color:#305468;
}

.lnksec{
   margin:0 20px 18px 0;
}

.flexbx{
   display: flex;
   flex-wrap:wrap;
}
.fixeve{
    margin: 0;
}

.flxit{
    width:50%;
}
.flxit img{
 width:97%;
 height:auto;
 margin-bottom:0.2%;
}
.sm90{
    font-size:0.75em;
}

.ctbx2{
width:96%;
    margin-bottom:12px;
}
.flxit2{
    width:29.6%;
    margin: 0 1% 1% 0;
    background:#f6e9dc;

}
.flxit2:hover, .foot6:hover{
    opacity:0.7;
}

.bx19{
    color:#767676;
    font-weight:400;
}

.flxit2 img{
 width:100%;
 height:auto;
}
.subpc{
 padding:8px;
}
.lnkar{
    color:#767676;
    text-align:right;
    font-size:1.7em;
    padding:0 12px 12px 0;
}

.eve1{
   background:#f6e9dc;
   padding:12px;
   margin-bottom:12px;
   border-radius: 4px;
   width:56%;
}
.eve2{
    font-size:small;
    font-weight:bold;
}
.eve3{
    font-size:small;

}
.evepriv{
    color:#a4a4a3;
    background:#f0f0f0;
}

.c15{
    text-align:right;
    font-size:3.2em;
    padding-right:10%;
    opacity:0.7;
}
.flxit20 ul, .flxit21 ul{
    margin:15px 0 18px 15px;

}
.mob8{
    display:none;
}

/*************/
/* impress-galerie */
/*************/
.flxit93{
    display:flex;
    margin-left:24px;

}
.flxit94{
    width:50%;
    padding:0 12px 12px 0;
}

.flxit94 img {
    width:100%;
    height:auto;
}

/*************/
/* template-galerie */
/*************/

  #stage  img {
      position:absolute;
    background: #fff;
    width: 64%;
    max-width:891px;
    height:auto;
  }

  #stage img:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage img:nth-of-type(2) {
    z-index: 10;
  }
  #stage img:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }








/*************/
/* Screen bis 1375px)*/
/*************/
@media screen and (max-width: 1375px) {
 html, body {
	font-size: 0.87em;
	line-height: 1.5em;
}
.footer, #halign{
         max-width:1064px;
}
#halign{
   /*background:lime; */
    margin-top:3%;
}
 h1,strong {
        font-size: 1.4em;
    }
.footer img{
    width:50%;
}

.header .menu {
            left:-14.6%;
            margin-top:8%;
        }
  #stage  img {
    max-width:748px;
  }

}/*end*/
/*************/
/* Screen bis 1198px)*/
/*************/
@media screen and (max-width: 1198px) {
 html, body {
	font-size: 0.87em;
	line-height: 1.6em;
}
.footer, #halign{
         max-width:800px;
}

#halign{
    /*background:cyan;*/
    min-height:78%;

}
.header .menu {
   left:-19%;
}
  #stage  img {
    max-width:563px;
  }
}/*end*/
/*************/
/* Screen bis 859px)*/
/*************/
@media screen and (max-width: 859px) {
 html, body {
	font-size: 0.97em;
	line-height: 1.6em;
}
#halign{
   /*background:fuchsia;  */
    margin-top:6%;
}

.template{
    flex-wrap:wrap;
}
.fzt8{
    display:none;
}
.fzt9{
    display:block;
}

.flx1 {
    width:100%;
}
.flx1:first-child{
    padding-left:36px;
    margin-bottom:-12px;
}
.tx1{
    margin-top:38%;
}

.template .flx1:nth-child(2){
    width:100%;

}
  #stage  img {
      width:100%;
    max-width:788px;
  }
/*hamburger*/
/* header */


.header {
    position:absolute;
    right:5%;
    margin-top:-25%;
    z-index:99999;
    width:300px;

}

.header ul {
    padding: 0;
    margin-top:28%;
    list-style: none;
    overflow: hidden;
     background-color: #ecf0f3;
    webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}


ul.navlist li:first-child
{
  margin-top:36px;
    }



/* menu */

    .header .menu {
    position:absolute;
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
    right:0;
    margin-top:0;
        }


/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 20px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #dba128;
    display: block;
    height: 6px;
    position: relative;
    transition: background .2s ease-out;
    width: 28px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #dba128;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 9px;
}

.header .menu-icon .navicon:after {
    top: -9px;
}

.header .menu-btn:checked ~ .menu {
    position:relative;
    padding-bottom: 48px;
}
 .sham7{
    display:block;
    font-size:0.4em;
}


/*//hamburger*/

.content .flx1:nth-child(2){
    position:absolute;
    left:0;
    width:90%;
    padding-left:36px
}
.footer{
    margin:0;
    padding:0;

}

.footer img{
        position:relative;
        margin:0;
        padding:0;
        width:140px;

    }
.footer{
    position:absolute;
    right:0;
}
.lang{
    padding-left:30%;
    padding-bottom:40%;
}


}/*end*/
/*************/
/* Screen bis 730px)*/
/*************/
@media screen and (max-width: 730px) {
 html, body {
	font-size: 0.97em;
	line-height: 1.6em;
}
#halign{
   /*background:yellow; */
    min-height:90%;
    margin-top:6%;

}
.header {
    right:5%;
    top:4%;
    margin-top:0;
}

.template .flx1:first-child{
    width:217px;
}
.template, .tx1{
    margin-left:-14px;
}
.footer{
    position:absolute;
    right:24px;

}
ul.navlist
    {
        margin:24% 5.5% 0 0;
        font-size:1.4em;
        line-height:1.6em;
    }

.header ul {
    margin-left:100px;

}
  .template, #stage, #stage  img {
    width:100%;
    max-width:891px;
    margin:0;
    padding:0;

  }



}/*end*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE bis 11 Bug Fix kein Flexbox rechte boxen*/


}/*end*/