@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6 {font-family: "verdana", sans-serif}
.w3-bar,h1,button {font-family: "verdana", sans-serif}

a {
    color: inherit;
	text-decoration: none;
}

.responsive {
max-width: 100%;
height: auto;
}
.w3-padding-xlarge{padding:30px 30px 30px 30px!important}
.w3-padding-ueber{padding:50px 0px 0px 0px!important}
.w3-orangebl,.w3-hover-orangebl:hover{color:#fff!important;background-color:#ff6600!important}
.w3-orangeblue,.w3-hover-orangeblue:hover{color:#fff!important;background-color:#0885ae!important}
.w3-text-orangebl,.w3-hover-orangebl:hover{color:#ff6600!important;}
.w3-bg,.w3-hover-bg:hover,.w3-bg,.w3-hover-bg:hover{color:#000!important;background-color:#bbbbbb!important}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 3600px) {
.myButton {
border-radius: 15px;
margin-top: 0px;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=checkbox] {
   border: 2px solid #333;
  border-radius: 3px;
  padding: 8px;
  background-color: #f2f2f2;
}
  }
@media only screen and (max-width: 400px) {
.myButton {
border-radius: 15px;
margin-top: 15px;
width: 200px;	
}
input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=checkbox] {
   border: 2px solid #333;
  border-radius: 3px;
  padding: 8px;
  background-color: #f2f2f2;
	width: 100%;
}
}