body {
	background-color: rgb(205, 203, 182);
	font-family: 'Roboto', sans-serif;
}

.matabs {
	display: flex;
	flex-wrap: wrap;
	max-width: 56.5%;
	margin: 0px auto;
	padding: 2%;
}

.matabs input[type="radio"] {
	display: none;
}

.matabs label{
	padding: 3.3%;
        background:rgb(125,122,76);
	font-weight: bold;
}

.matabs label:hover{
	color: black;
	background-color: rgb(125,122,76);
	box-shadow: 0 0 15px rgb(125,122,76);
}
.matabs .tab{
	width: 100%;
	padding: 3%;
	background: rgb(221, 191, 155);
	order: 1;
	display: none;
}

.matabs .tab h2{
	font-size: 2em;
	color:rgb(141, 57, 21);
}

.matabs img{
    height: 320px;
    width: 710px;
}

.matabs .tab p{
	font-style: italic;
        color: rgb(46,46,46);
}
.matabs input[type='radio']:checked + label + .tab{
	display: block;
}

.matabs input[type='radio']:checked + label {
	background: rgb(102,100,62);
}
.matabs input:hover[type='radio']:checked + label {
	color: black;
	background-color: rgb(102,100,62);
	box-shadow: 0 0 50px rgb(125,122,76);
}

.firstbut button{
    position: absolute;
	top: 307.5%;
	left: 22.4%;
	height: 6%;
	width: 55.3%;
}

.langam{
	position: absolute;
    top: 0%;
	left: 87.5%;
	height: 3%;
	width: 3%;
    background-color: rgb(121,86,54);
}

.langam:hover{
	background-color: rgb(121,86,54);
    box-shadow: 0 0 25px rgb(126,55,25);
}

.langeng{
	position: absolute;
    top: 0%;
	left: 90.5%;
	height: 3%;
	width: 3%;
    background-color: rgb(196, 128, 66);
}

.langeng:hover{
	background-color: rgb(166,116,71);
    box-shadow: 0 0 25px rgb(166,116,71);
}

.langrus{
	position: absolute;
    top: 0%;
	left: 93.5%;
	height: 3%;
	width: 3%;
    background-color: rgb(196, 128, 66);
}

.langrus:hover{
	background-color: rgb(166,116,71);
    box-shadow: 0 0 25px rgb(166,116,71);
}

.langgerm{
	position: absolute;
        top: 0%;
	left: 96.5%;
	height: 3%;
	width: 3%;
    background-color: rgb(196, 128, 66);
}

.langgerm:hover{
	background-color: rgb(166,116,71);
        box-shadow: 0 0 25px rgb(166,116,71);
}

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

}
.langam{
	position: absolute;
    top: 0%;
	left: 83.5%;
	height: 3.5%;
	width: 4%;
}

.langgerm{
	position: absolute;
        top: 0%;
	left: 95.5%;
	height: 3.5%;
	width: 4%;
}

.langrus{
	position: absolute;
    top: 0%;
	left: 91.5%;
	height: 3.5%;
	width: 4%;
}

.langeng{
	position: absolute;
    top: 0%;
	left: 87.5%;
	height: 3.5%;
	width: 4%;
}
}