@font-face {
font-family:'FrutigerLTPro';
font-weight: 45;
src:url(links/FrutigerLTPro-Light.woff) format('woff'),
url(links/FrutigerLTPro-Bold.woff) format('woff');
}

*{
	border-radius: 5px;
	font-family: FrutigerLTPro;
}

p,
label,
legend{
	font-size: 14px;
	font-weight: bold;
}

textarea,
button,
select,
input {
	font-size: 14px;
}

h1 {
	font-size: 25px;
	font-weight: bold;
}
.img_right {
	float: right;
	padding: 10%;
	width: 200px;
}

input,
select {
	height: 30px;
	border: 1px solid;
	margin-bottom: 20px;
	opacity: 60%;
}
textarea {
	margin-bottom: 20%;
	border: 1px solid;
	opacity: 60%;
}

input[type ='checkbox']{
	appearance: none;
	display: inline-block;
  height: 20px;
  width: 20px;
  margin-top: 15px;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid white;
  margin-left: auto;
}

input[type="checkbox"]:checked{
	background-image: url("links/kreuz.png");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}


label {
	margin-right: 20px;
}

legend{
	margin-bottom: -10px;
}


input[type ='radio'] {
	vertical-align: middle;
	margin-top: 15px;
	margin-left: auto;
}

.anrede {
	margin-bottom: -15px;
}

.formular {
	box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.3);
  width: 70%;
 	margin: auto;
}

.anliegen {
	background-color: rgb(0, 95, 168);
	color: white;
	input-color: white;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
 	padding: 10%;
 	margin-top: 5%;
 	margin-bottom: 10%;
}

.negativ{
	background-color: transparent;
	border-color: white;
	color: white;
}

option {
  color: black;
}

.adressdaten {
	padding: 15% 10% 10% 10%;
	margin-top: 10%;
 }

.inputboxen{
	display: flex;
}

.inputbox{
	margin: 2% 5% 0 0;
}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

button {
  background-color: white; 
  color: rgb(0, 95, 168); 
  border:1px solid white;
  height: 30px;
}

button:hover {
  background-color: rgb(0, 95, 168);
  color: white;
}

.resetbutton {
  background-color: rgb(0, 95, 168);
  color: white;
}

.resetbutton:hover {
	background-color: white;
 	color: rgb(0, 95, 168);
}

#advertisement-form,
#print-form,
#misc-form {
	display: none;
}

img {
	width: 200px;
}

.bestaetigung {
	padding: 20px;
}

.light {
	font-weight: lighter;
}
 .zurueck {
 	background-color: rgb(0, 95, 168);
  color: white;
  border: 5px solid rgb(0, 95, 168);
 }

 .zurueck:hover {
 	opacity: 80%;
 }


@media only screen and (min-width: 1024px) {
p {
	font-size: 20px;
}
h1 {
	font-size: 30px;
}
.img_right {
	width: 250px;
}	

textarea,
button,
select,
input,
legend,
label {
	font-size: 20px;
}

input,
select {
	height: 40px;
}

button {
	height: 40px;
}
input[type='checkbox']{
    height: 30px;
    width: 30px;
}
}

@media only screen and (min-width: 1200px){ 

.img_right {
	width: 300px;
}
}

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

h1 {
	font-size: 25px;
	white-space: nowrap;
	margin-top: 40px;
}

.inputboxen{
	display: flex;
	flex-direction: column;
}

textarea {
	width: 100%;
}

select,
input[type ='date'],
input[type ='text'],
input[type ='tel'] {
	width: 100%;
}

}