* {
  box-sizing : border-box;
}
body {
  display: flex;
  justify-content: center;
  font-family: buw_fira_sansbook, sans-serif;
  color: #333;
/*  letter-spacing: 1.6px; -passt nicht */
}
p {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
}
a {
  color: #b71a49;
  font-weight: bold;
  text-decoration: none;
}
.tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;
  padding: 15px 10px;
  background: #b71a49;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  border-bottom: 2px solid #fff;
  transition: background 0.1s, color 0.1s;
  text-transform: uppercase;
}
.label:hover {
  background: #b71a49;
   border-radius: 10px 10px 0 0;
  color: #fff;
}
.label:active {
  background: #ccc;
}
.input:checked + .label {
  background: #fff;
  color: #b71a49;
  font-weight: bold;
  margin-bottom: -20px;
/*  margin-left:-3px; */
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .label {
    width: auto;
    border-bottom: 2px solid #b71a49; 
    background: #fff;
    color:  #000000;
  }
  .input:checked + .label {
   border-radius: 10px 10px 0 0;
   border: 2px solid #b71a49;
   border-bottom: 2px solid #fff;
  }
}
.panel {
  width: 100%;
  display: none;
  background: #fff;
  font-size: 12px;
  padding: 0px 20px 10px 10px; 
}
.paneltitle {
  font-weight: bold;
}
@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}
.input:checked + .label + .panel {
  display: block;
/*  border-bottom: 1px dotted black;
  padding: 0px 0px 20px 0px; */
}

/* ===========================
   ====== Search Box ====== 
   =========================== */

.search
{
	border: 2px solid #b71a49;
	overflow: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.search input[type="text"]
{
	font-family: buw_fira_sansbook, sans-serif;
	font-size: 12px;
	border: 0px;
	width: 67%;
	padding: 10px 10px;
	letter-spacing: -0.03em;
}

.search input[type="text"]:focus
{
	outline: 0;
}
@media (min-width: 600px) {
.search input[type="text"]
   {
	letter-spacing: 0.1em;
   }
}
.search input[type="submit"]
{
	font-family: buw_fira_sansbook, sans-serif;
	font-size: 12px;
	border: 2px solid #b71a49;
	background: none;
	background-color: #b71a49;
	color: #fff;
	float: right;
	padding: 10px;
/*	border-radius-top-right: 5px;
	-moz-border-radius-top-right: 5px;
	-webkit-border-radius-top-right: 5px;
	border-radius-bottom-right: 5px;
	-moz-border-radius-bottom-right: 5px;
	-webkit-border-radius-bottom-right: 5px; */
        cursor:pointer;
}

/* ===========================
   Medua Query for Search Box  
   =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px)
{
	{}
	.search
	{
		width: 85%;
		margin: 0 auto 0 0;
	}

}