/* AUTOMATISCHE TABS */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12
{
  display: block;}
.Sectionstreifen {margin-bottom: -1px;}

/* ############### */
.profil section {display: none;text-align: justify;}
.profil input {display: none;}
.profil label {width: 50px;
	height: 50px;
	box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 10px 11px;
    font-size: 8px;
    margin: 4px;
    text-align: center;
    letter-spacing: 1px;
    border: 1px solid #222;
    border-radius: 100%;
    background-image: none;
    background-color: #4e4c3d;
    color: #ddd;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    line-height: 1em;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;}
.profil label:hover {opacity: 0.6;color: #505050;}
.profil input:checked + label {opacity: 0.9;color: #88931a;}
@media screen and (max-width: 650px) { .profil label { font-size: 0;}.profil label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .profil label {padding: 15px;}}

/* ############### */
.lbox section {display: none;text-align: justify;}
.lbox input {display: none;}
.lbox label {
    position: relative;
    display: inline-block;
    width: 272px;
    margin-top: 5px;
    margin-left: 4px;
	margin-bottom: 5px;
    letter-spacing: 1px;
    height: auto;
    box-sizing: border-box;
    background-color: #4e4c3d;
    border: 1px solid rgb(126, 123, 96);
    padding: 8px 11px;
    color: #ddd;
    font-weight: bold;
    font-size: 8px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1em;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.lbox label:hover {opacity: 0.6;color: #fff;}
.lbox input:checked + label {
    opacity: 0.9;
    color: #fff;
    background: rgba(78, 76, 61, 0.24);
    border: 1px solid rgba(126, 123, 96, 0.26);
}
@media screen and (max-width: 650px) { .lbox label { font-size: 0;}.lbox label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .lbox label {padding: 15px;}}

.lbox #tab1:checked ~ #content1,
.lbox #tab2:checked ~ #content2,
.lbox #tab3:checked ~ #content3,
.lbox #tab4:checked ~ #content4,
.lbox #tab5:checked ~ #content5,
.lbox #tab6:checked ~ #content6,
.lbox #tab7:checked ~ #content7,
.lbox #tab8:checked ~ #content8,
.lbox #tab9:checked ~ #content9,
.lbox #tab10:checked ~ #content10,
.lbox #tab11:checked ~ #content11,
.lbox #tab12:checked ~ #content12
{     min-height: 200px;
  display: block;}


/* ############### */
.jobliste .con {}
.jobliste section {display: none;text-align: justify;}
.jobliste input {display: none;}
.jobliste label {
    position: relative;
    display: inline-block;
    width: 197px;
    margin-bottom: 10px;
    height: auto;
    box-sizing: border-box;
    background-color: #222222;
    border: rgb(68, 68, 68) 4px double;
    padding: 7px;
    color: #ddd;
    font-weight: bold;
    font-size: 8px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1em;
}
.jobliste label:hover {opacity: 0.6;color: #fff;}
.jobliste input:checked + label {
    opacity: 0.9;
    color: #969277;
    background: rgb(34, 34, 34);
    border: rgb(68, 68, 68) 4px double;
}
@media screen and (max-width: 650px) { .jobliste label { font-size: 0;}.jobliste label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .jobliste label {padding: 15px;}}

.jobliste #tab1:checked ~ #content1,
.jobliste #tab2:checked ~ #content2,
.jobliste #tab3:checked ~ #content3,
.jobliste #tab4:checked ~ #content4,
.jobliste #tab5:checked ~ #content5,
.jobliste #tab6:checked ~ #content6,
.jobliste #tab7:checked ~ #content7,
.jobliste #tab8:checked ~ #content8,
.jobliste #tab9:checked ~ #content9,
.jobliste #tab10:checked ~ #content10,
.jobliste #tab11:checked ~ #content11,
.jobliste #tab12:checked ~ #content12
{     min-height: 320px;
  display: block;}

/* ############### */
.memprof section {display: none;text-align: justify;}
.memprof input {display: none;}
.memprof label {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-left: 4px;
	margin-bottom: 5px;
    letter-spacing: 1px;
    height: auto;
    box-sizing: border-box;
    background-color: #4e4c3d;
    border: 1px solid rgb(126, 123, 96);
    padding: 8px 11px;
    color: #ddd;
    font-weight: bold;
    font-size: 8px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1em;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.memprof label:hover {opacity: 0.6;color: #fff;}
.memprof input:checked + label {
    opacity: 0.9;
    color: #fff;
    background: rgba(78, 76, 61, 0.24);
    border: 1px solid rgba(126, 123, 96, 0.26);
}
@media screen and (max-width: 650px) { .memprof label { font-size: 0;}.memprof label:before {margin: 0;font-size: 18px;}}
@media screen and (max-width: 400px) { .memprof label {padding: 15px;}}

.memprof #tab1:checked ~ #content1,
.memprof #tab2:checked ~ #content2,
.memprof #tab3:checked ~ #content3,
.memprof #tab4:checked ~ #content4,
.memprof #tab5:checked ~ #content5,
.memprof #tab6:checked ~ #content6,
.memprof #tab7:checked ~ #content7,
.memprof #tab8:checked ~ #content8,
.memprof #tab9:checked ~ #content9,
.memprof #tab10:checked ~ #content10,
.memprof #tab11:checked ~ #content11,
.memprof #tab12:checked ~ #content12
{     min-height: 525px;
  display: block;}

.memprof {
	margin-top: 5px;}