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

#wrappr{
    bottom: 0;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 80;
        background: url('../_tmc_daten/Image/_hd_spltscreen.jpg') center no-repeat;
        background-size: cover;

}
html, body {
    background : #fff;
    overflow : auto;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align:center;
    border: none;
    color:#000;
    font-size: 0.95em;
    line-height: 1.45em;
    font-family: 'Source Sans pro', sans-serif,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}




.halign, #spltscreen1{
    margin:auto;
    max-width:1680px;
    width:99%; /*proportion breite*/
    min-height:850px;
    height:100%; /*proportion hoehe*/
    /*background-color:aqua;*/
    z-index:15;
    /*opacity:0.9;  */
    /*transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */

}


a:link {
    color:#233588;
    text-decoration : none;
    background-color : transparent;
    font-size:1.0em;
    font-weight: 600;
}
a:visited {
    color:#233588;
    text-decoration : none;
    background-color : transparent;
    font-weight: 600;
}
a:hover {
    color: #666666;
    text-decoration : none;
    background-color : transparent;
    font-weight: 600;

}


 h2 {
    margin: 0;
    margin-bottom:18px;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.35em;
    color:#000;
    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;
}


/*************/
/* FX */
/*************/
 /*Langsamer rollover bei divs */

a:hover, div:hover {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.clear{
    clear:both;
}
.ct8{
    -moz-hyphens: auto; /*auto umbruch im Content*/
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;

}
/*init hamburger*/
/* menu btn */

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

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

.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:absolute;
        clear: none;
        right:0;
        max-height: none;
        width:100%;
    z-index:700;
    font-weight:600;
    }
    .header .menu-icon {
        display: none;
    }



/* // init hamburger */
/*************/
/* Template */
/*************/

#template{
    padding-top:3%;
    /*background-color:#fff;  */


}
.logo{
    position:relative;
    text-align:left;
    z-index:500;

}
.logo img{
    position:relative;
   width:26.95%;
   height:auto;
   max-width:446px;
    z-index:550;
}
.adresse{
    float:right;
    position:relative;
}


/*************/
/* Content sortieren */
/*************/
.flexsort {
    width:100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

}


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


ul.navlist
{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    position:relative;
    list-style: none;
 	padding:0;
    margin:2% 0 0 0;
    z-index:2000;

}


ul.navlist li
{
    position: relative;
    width: 9%;
    display:block;
    background-color:blue;
    text-indent:0;
    font-size:1.5em;
    line-height:1.1em;
    margin:3px;
    display:inline-block;
    text-decoration:none;
    text-align:left;
    margin:0 0.5% 0 0;
}



ul.navlist li:nth-child(1){
   background:#CCC203;
}
ul.navlist li:nth-child(2){
    background:#76B82A;
}
ul.navlist li:nth-child(3){
    background:#F0822E;
}
ul.navlist li:nth-child(4){
    background:#9F5098;
}
ul.navlist li:nth-child(5){
    background:#57C7BC;
}


ul.navlist li a
{
     display:block;
     font-weight:300;
     color:#fff;
     border:0px solid #dcdcdc;
     padding:38% 12px 36% 16px;
}



ul.navlist li.active a
{
    color:#fff;
    position:relative;

}
ul.navlist li a:hover
{
    Background-color:#233588;
       color:#fff;



}

.claimtext{
    width:63%;
    margin-top:13%;
     font-size: 1.5em;
    line-height: 1.45em;
    text-align:left;

}

/*************/
/* accordion */
/*************/


#accord:not(:target) .inaccord,
#accord:not(:target) .hide,
#accord:target .show {display: none;}
#accord:target .inaccord {display: block;}

.inaccord {
border:1px solid grey;
 margin-bottom:4%;

}

.show,
.hide {

box-shadow:none!important;
color:red;
font-weight:bold;
}

.show:hover,
.hide:hover {

color:red!important;
transition:0.2s all ease-in-out!important;
}
.sbnv7{
    position:relative;
    margin-top:-1.8%;
    margin-bottom:4%;
    width:100%;
    text-align:center;
    background:#233588;

}
.sbnv7 a{
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    opacity:0.8;
}
.ico54{
    font-size:1.8em;
    padding: 4px 0 4px 0;
    margin-right:12px;
}

.pre5 i{
    font-size:1.5em;
}

/*************/
/* flc_boxen */
/*************/


.flxc1{
    position:relative;
    display: -webkit-flex;
    display: -ms-flex;
    margin-top:3%;
    text-align:left;
    width:66.5%;
}

.bxrgh7{
    background:#233588;
    color:#fff;
    margin:0 1% 0 0;
    padding:12px;
    display:block;
    line-height:1.4em;
     position:relative;
    min-height:390px;
    max-width:241px;
    height:auto !important;
    width:30%;



}
.bxrgh7 a{
    color:#fff;
}

.bxrgh7:hover{
    opacity:0.7;
}

.pc36{
    position:relative;
    width:100%;
    height:auto;
    max-width:307px;
    padding:0 0 12px 0;
}
.pre3{
    font-size: 0.9em;
}
.pre4{
    font-weight:bold;
}

.pre5{
    padding-left:14px;
    font-weight:bold;
    font-size: 1.2em;
}
.flxc1 h2 {
    margin: 0;
    padding: 0;
    padding-bottom:4px;
    font-size: 1.2em;
    line-height: 1.38em;
    color:#fff;
    font-weight:700;
}
.pric3{
    position:absolute;
    bottom:4%;
    right:4%;
    color:#fff;


}


/*************/
/* flexbox content */
/*************/
.flxbx{
    position:relative;
    display: flex;
    flex-wrap: wrap;
    width:100%;
    margin:2% 0 3% 0;


}
.flxctnbx a:link{
    color:#000;
    font-size: 0.95em;
    line-height: 1.35em;
    font-family: 'Source Sans pro', sans-serif,Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    }
.flxctnbx a:visited{
    color:#000;
    }

.flxctnbx{
    position:relative;
    min-height:300px;
    height:auto !important;
    width:30%;
    padding:36px 24px 96px 26px;
    line-height: 1.35em;
    border-right: 2px solid #ccc;

}

.bxclaim{
    height:200px;
}
.flxctnbx:nth-child(1n){
    padding-left:12px;
}
.flxctnbx:nth-child(3n){
     border-right: 0px solid #ccc;

}
.flxctnbx:nth-child(4),.flxctnbx:nth-child(5),.flxctnbx:nth-child(6){
    background:#F5F5F5;
}
.flxctnbx:nth-child(10),.flxctnbx:nth-child(11),.flxctnbx:nth-child(12){
    background:#F5F5F5;
}
.flxctnbx:nth-child(16),.flxctnbx:nth-child(17),.flxctnbx:nth-child(18){
    background:#F5F5F5;
}
.flxctnbx:nth-child(22),.flxctnbx:nth-child(23),.flxctnbx:nth-child(24){
    background:#F5F5F5;
}





.flxctnbx:hover{
    opacity:0.7;
    }

.flxctnbx a{
    display:block;
    color:#233588;
    font-weight:400;
    font-size: 0.75em;
    line-height:1.2em;
}

.flxctnbx img{
    width:100%;
    height:auto;
    margin: 12px 0 18px 0;
}
.flxctnbx h3 {
    margin: 0;
    padding: 0;
     color:#233588;
    font-weight:700;
    font-size: 1.6em;
    margin-bottom:12px;
    line-height: 1.2em;
}

.flxctnbx .c14{
    font-size: 0.9em;
    line-height: 1em;
    color:#333333;
}

.ico9 {
    position:absolute;
    bottom:3%;
    right:4%;
    font-weight:400;
    font-size: 1.8em;
}

.ico10 {
    padding-left:36px;
    padding-right:8px;

    }
.ico12 {
    position:relative;
    padding-left:8px;
    font-size:1.1em;
    font-weight:400;
    color: #233588;
    float:right;
}



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

.content{
    position:relative;
    width:92%;
    margin-top:4.2%;
    padding:2% 2% 2% 6%;
    font-size:1.4em;
    text-align:left;
    line-height:1.3em;
    z-index:850;
    background:#fff;
    opacity:0.9;


}
.hb3{
    margin-right: 4px;
    width:97%;
    height:auto;
}

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

.wpmid{
    width:95.6%;
    font-size:1em;
    border-right: 0px solid #ccc;
    padding:48px 24px 26px 0;

}
.wpmid a:hover {
    opacity:0.7;
    color: red;

}


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

.ctbx{
    font-size:1em;
    line-height:1.2em;
    margin:0 0 36px 0;
    padding-bottom:24px;
    border-bottom: 2px #ccc solid;

}
.lnkb9{
    text-align:right;
}
.lnkb9 i{
  margin: 0 16px 0 8px;
}
.lnkb9 a{
    color:#233588;
    font-weight:400;
    font-size:0.95em;
}

.spa5{
    margin-top:3%;
     -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
    -webkit-column-width: 350px;
    -moz-column-width: 300px;
        column-width: 300px;
}
.inspa5{
    min-height:50px;
}

.ctbx h1 {
   margin: 0;
    padding: 0;
    color:#233588;
    font-weight:300;
    font-size: 1.6em;
    margin-bottom:2px;
    line-height: 1.2em;
}
.ctbx h3 {
    margin: 0;
    margin-bottom:1%;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.15em;
    color:#233588;
    font-weight:300;
}
.ctbx strong {
    margin: 0;
    margin-bottom:1%;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.15em;
    color:#233588;
    font-weight:300;
}
.ctbx8{
    font-size:1.1em;
    line-height:1.1em;
    width:97.2%;
    background-color:#F5F5F7;
    padding:16px;

}

.ctbx8 h3 {
   margin: 0;
    padding: 0;
    color:#233588;
    font-weight:300;
    font-size: 1.3em;
    margin-bottom:12px;
    margin-top:24px;
    line-height: 1.2em;
}
.ctbx8:hover{
    background-color:#8D8E8F;

    }

.ctbx8:nth-child(odd){
    background-color:#fff;
    margin-bottom:0;
}

.ctbx8:nth-child(odd):hover{
    background-color:#8D8E8F;
}
.lnkz{
    width:100%;
    margin-top:24px;

}

.c15{
    float:right;
    font-size:0.95em;
    line-height:1.4em;
    color:#233588;
    margin:0;

}

.c16{
    width:100%;
    margin: 24px 0 18px 0;
}
.cl7{
    width:100%;

}
.cl8{
    float:left;
    width:100%;

}

.c31{
    color:#000;
}

 .pct102{
    float:left;
    display:block;
    width:142px;
    height:auto;
    margin: -5px 24px 20px 0;
}
 .pct103{
    float:left;
    display:block;
    width:22%;
    max-width:307px;
    padding:0 0 12px;
    height:auto;
    margin: 15px 24px 20px 0;
}
.claim{
    font-style:italic;
    color: #4C4C4C;
    font-size:2.3em;
    margin:0;
    padding:36px 0 12px 0;
}
.cl3{
    font-size:small;
}
.c14{
    font-size:0.90em;
    color:#233588;
    font-weight:700;
}



/*************/
/* footer */
/*************/
.footer{
    padding:4%;
    margin-bottom:48px;
    background-color:#233588;
    color:#fff;
    font-size: 1.0em;
    line-height: 1.4em;
    text-align:left;

}

.footer a{
    color:#fff;
}

.footer a:hover{
    opacity:0.7;
}
.ico13{
    font-size:1.6em;
    padding-right:24px;
}


/*************/
/* Screen 12400px bis 1700px)*/
/*************/
@media screen and (max-width: 1632px) {
html, body {
    font-size: 0.9em;
    line-height: 1.45em;
}
 .halign{
    width:98%;
    padding-left:20px;
}
ul.navlist li
{
    width: 10%;
    text-indent:0;
    font-size:1.6em;
    margin:3px;
    margin:0 0.5% 0 0;
}
.bxrgh7{
    margin:0 1% 0 0;
    padding:12px;
    line-height:1.4em;
    min-height:390px;
    width:30%;
}

.content{
    width:97.4%;
    margin-top:4.2%;
    padding:1% 2% 2% 0.65%;
    font-size:1.4em;
    text-align:left;
    line-height:1.3em;
    /*background:fuchsia;*/

}
.flxbx{
    width:100%;
    margin:2% 0 0 0;
}

.flxctnbx{
    min-height:300px;
    width:30%;
    padding:36px 24px 96px 26px;
    line-height: 1.35em;

}
 }/*end*/
/*************/
/* Screen kleine Tablets  */
/*************/
@media screen and (max-width: 1431px) {
 .halign{
    width:97%;
    padding-left:20px;
}
.content {
/*background-color:red; */
}
ul.navlist li
{
    width: 11.5%;
}
ul.navlist li a
{
    padding:40% 0px 38% 16px;
}
.bxrgh7{
    min-height:370px;
    width:33%;
}
.pric3{
    bottom:4%;
    right:5%;
}
.bxclaim{

    height:240px;
}
.wprgh{
    width:28%;
}
.claimtext{
    padding-top:24px;

}
}/*end*/


/*************/
/* Screen 500px bis 762px Mobilephone  */
/*************/
@media screen and (max-width: 1235px) {

.halign{
    width:96%;
    padding:2% 0 0 20px;
}
ul.navlist li
{
    width: 13%;
}
.claimtext{
    padding-top:24px;
    width:65%;
    line-height: 1.35em;
}
.flxc1{
    width:79%;
}

.content {
 width:97.5%;
 padding-left:20px;
 padding-right:0;
/*background-color:aqua;*/

}
.flxctnbx{
    min-height:300px;
    width:29%;
    line-height: 1.35em;

}
.bxclaim{
    height:280px;
}

.bxrgh7{
    min-height:370px;
    width:90%;
}



}/*end*/


  /*************/
/* Screen 0px bis 1004px Mobilephone  */
/*************/
@media screen and (max-width: 1004px) {
#wrappr{
    overflow-x: hidden;
 }
.content {
/*background-color:green;*/
}
.logo img{
    position:relative;
   width:38.95%;
   margin-bottom:24px;
}
.adresse{
    padding-right:12px;
}
ul.navlist li
{
    width: 17%;
    font-size:1.4em;
}

.claimtext{
    width:70%;
    margin-top:19%;
    margin-bottom:5%;
}
.flxc1{
    width:100%;
}
.flxctnbx{
    min-height:300px;
    width:44%;
    line-height: 1.35em;

}
.flxctnbx h3 {
    font-size: 1.3em;
}

.bxclaim{
    height:200px;
}
.flxctnbx:nth-child(1n){
    padding-left:12px;
}
.flxctnbx:nth-child(2n){
    border-right: 0px solid #ccc;
}

.flxctnbx:nth-child(3),.flxctnbx:nth-child(7),.flxctnbx:nth-child(11),.flxctnbx:nth-child(15),.flxctnbx:nth-child(19),.flxctnbx:nth-child(23){
    background:#F5F5F5;
     border-right: 2px solid #ccc;
}
.flxctnbx:nth-child(4), .flxctnbx:nth-child(8),.flxctnbx:nth-child(12),.flxctnbx:nth-child(15),.flxctnbx:nth-child(20),.flxctnbx:nth-child(24){
     background:#F5F5F5;
}
.flxctnbx:nth-child(5),.flxctnbx:nth-child(9),.flxctnbx:nth-child(13),.flxctnbx:nth-child(17),.flxctnbx:nth-child(21){
    background:#fff;
    border-right: 2px solid #ccc;
}
.flxctnbx:nth-child(6),.flxctnbx:nth-child(10),.flxctnbx:nth-child(14),.flxctnbx:nth-child(18),.flxctnbx:nth-child(22){
     background:#fff;
}
.wprgh{
    width:28%;
        padding:5px 12px 26px 12px;
}


}/*end*/
/*************/
/* Screen 0px bis 600px Mobilephone  */
/*************/
@media screen and (max-width: 767px) {

#wrappr{
    overflow-x: hidden;
 }
.halign, #spltscreen1{
    margin:auto;
    max-width:1680px;
    width:99%; /*proportion breite*/
    height:auto;
    /*background-color:aqua;*/
    z-index:15;
    /*opacity:0.9;  */
    /*transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */

}

.content {
    position:relative;
    margin-top:-20%;
    display:block;
  /* background-color:yellow; */
    overflow:hidden;


}
.logo img{
    position:absolute;
    top:-75px;
    width:80%;
}
.adresse{
    float:inherit;
    margin-top:70px;
    margin-bottom:20px;
}
ul.navlist li
{
    width: 18%;
    font-size:1.2em;
    margin:3px;
    margin:0 1% 1% 0;


}
ul.navlist li a
{
    font-weight:400;
    padding:33% 18px 30% 11px;
}

.claimtext{
    width:95%;
    margin-top:23%;
    margin-bottom:9%;
    font-size: 1.25em;
    line-height: 1.4em;

}
.flxc1{
    flex-direction: column;
    flex-flow: column wrap;
    margin-top:-2.5%;
    margin-bottom:2.5%;
    text-align:left;
    font-size:1.2em;
   width:94%;

}
.pc36{
    position:relative;
    float:left;
    width:10%;
    height:auto;
    max-width:307px;
    padding:0 18px 12px 0;
}

.bxrgh7{
    font-size:0.8em;
    margin:0 0 1% 0;
    padding-bottom:0;
    min-height:50px;
     max-width:600px;
    height:auto !important;
    width:96%;


}
.bxrgh7 h2{
    font-weight: 400;

}
.pre4{
    font-weight: 400;
}

.mob8{
    display:none;
}
.pric3{
    position:relative;
    float:right;
    bottom:0;
    right:0;
    color:#fff;
    margin-top:-8%;


}

.flxbx{
    position:relative;
    display: flex;
    flex-wrap: wrap;
    width:95%;
    margin:-10% 0 0 0;
    padding:0;


}

.flxctnbx{
    min-height:300px;
    width:93%;
    line-height: 1.35em;
    margin-bottom:3.5%;

}
.flxctnbx h3 {
    font-size: 1.1em;
}

.bxclaim{
    height:auto;
}
.flxctnbx:nth-child(1n){
    padding-left:12px;
    border-right: 0px solid #ccc;
    background:#fff;
}
.flxctnbx:nth-child(2n){
    border-right: 0px solid #ccc;
    background:#F5F5F5;
}

.wpmid{
    float:inherit;
    width:95%;
}


.wprgh{
    float:inherit;
    width:97%;
    padding:5px 0 26px 0;
    margin-top:0;

        /*background-color:lime;*/

}

}/*end*/

/*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 500px) {

#wrappr{
    overflow-x: hidden;
 }
 .halign{
      transform: scale(0.95); /* Equal to scaleX(0.9) scaleY(0.9) */
 }

.content {
   margin-top:0;
    /*background-color:maroon;*/
    overflow:hidden;
    width:96%
}
.ctbx8{
    font-size:1.1em;
    line-height:1.1em;
    width:92%;
    background-color:#F5F5F7;
    padding:16px;

}

.logo img{
    position:absolute;
    top:-75px;
    width:80%;
}
.adresse{
    float:inherit;
    margin-top:70px;
    margin-bottom:20px;
}
ul.navlist li
{
    width: 30%;
    font-size:1.2em;
    margin:3px;
    margin:0 2% 2% 0;

}
ul.navlist li a
{
    font-weight:400;
    padding:39% 12px 36% 11px;
}

.claimtext{
    width:95%;
    margin-top:79%;
    margin-bottom:10%;
    font-size: 1.25em;
    line-height: 1.4em;

}
.flxc1{
    padding:0;
    }

.bxrgh7{
    font-size:0.8em;
    transform: scale(0.95);
    margin:0 0 1% -3%;
    padding-bottom:0;
    min-height:50px;
     max-width:400px;
    height:auto !important;
    width:98%;

}

.pre5 i{
    display:none;
}
.pric3{
    position:relative;
    margin-right:-4px;
    margin-top:-13%;

}
.pc36{
    width:11%;
    padding:0 11px 12px 0;
}


}/*end*/
/*************/
/* Screen 0px bis 500px Mobilephone  */
/*************/
@media screen and (max-width: 500px) {


.logo img{
    position:absolute;
    top:-65px;
    width:90%;
}
}/*end*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE bis 11 Bug Fix kein Flexbox rechte boxen*/
.bxrgh7{
  	display: block;
  	float:left;
  	min-height:195px;
}

}/*end*/