.infos {
    margin: auto;
}
.infos section {
  display: none;
	text-align: justify;
}

.Sectionstreifen {
margin-bottom: -1px;
}

.infos input {
  display: none;
}

.infos label {
display: inline-block;
border: 3px solid #eae7e2;
outline: 1px solid #afafaf;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 0px;
font-family: Calibri;
font-size: 9px;
margin-bottom: -3px;
cursor: pointer;
background-color: #dddad6;
text-align: center;
width: 26px;
position: absolute;
margin-top: 690px;
margin-left: 415px;
}

.infos input:checked + label {
color: #eae7e2;
background-image: url(http://gtbt.fabulousworld.de/images/meadow/kategorien.png);
}

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

@media screen and (max-width: 650px) {
 .infos label {
    font-size: 0;
  }
 .infos label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
 .infos label {
    padding: 15px;
  }
}

.infos2 input {
  display: none;
}

.infos2 label {
display: inline-block;
margin: 0 0 -1px;
padding: 0px 13px 2px;
text-align: center;
border: 1px solid transparent;
font-family: calibri;
font-size: 8.5px;
	margin-left: 55px;
letter-spacing: 1px;
text-transform: uppercase;
opacity: 0.4;
font-weight: bold;
color: #505050;
}

.infos2 label:hover {
  opacity: 0.6;
	color: #505050;
}

.infos2 input:checked + label {
opacity: 0.9;
color: #88931a;
}

#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{
  display: block;
}

@media screen and (max-width: 650px) {
 .infos2 label {
    font-size: 0;
  }
 .infos2 label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
 .infos2 label {
    padding: 15px;
  }
}
		

.kurzgesuch1 {
    width: 102%;
}

.kurzgesuch {
background-color: #eae7e2;
outline: 1px solid #afafaf;
width: 200px;
float: left;
padding: 15px;
margin-right: 5px;
margin-bottom: 5px;
	height: 215px;
}

.kurzgesuch .titel {
display: block;
text-align: center;
font-family: Playfair Display SC, serif;
font-size: 12pt;
font-weight: lighter;
color: #0a0a0b;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #afafaf;
}

.kurzgesuch .sub {
text-align: center;
font-size: 8.5px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: calibri;
padding-top: 3px;
margin-bottom: 2px;
line-height: 110%;
}

.kurzgesuch .sub1 {
text-align: center;
font-size: 8.5px;
text-transform: uppercase;
letter-spacing: 1px;
border-top: 1px solid #afafaf;
font-family: calibri;
padding-top: 2px;
margin-top: 5px;
}

.kurzgesuch #kurzinfos{
font-size: 11px;
font-family: calibri;
letter-spacing: 0.5px;
line-height: 110%;
height: 135px;
margin-bottom: 2px;
}


.naviglistPic {
    box-sizing: border-box;
    background-color: #eae7e2;
    outline: 1px solid #afafaf;
    letter-spacing: 1px;
    text-align: center;
    line-height: 150%;
    font-family: Playfair Display SC, serif;
    font-size: 10pt;
    margin-bottom: 5px;
    margin-top: -3px;
    height: 80px;
    overflow: hidden;
    border: 5px solid #eae7e2;
}