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

.contact_picture {
  position: fixed;
  top: 8em;
  right: 0;
  width:23%;
  overflow: hidden;
  animation: slide_animation cubic-bezier(0.75, 0, 0.75, 0) 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
}

.contact_picture img {
  width:100%; 
  height:auto; 
  margin-bottom:20px;
}

.impressum {
  letter-spacing: 2px;
  margin-left:-0.1em !important;
  padding-right:0em;
  float:left;
  font-size: 80%;
  padding-top: 6em !important;
  padding-bottom: 3em !important;
}

.contact_titel {
  font-family: 'montserratlight', Helvetica, Arial, sans-serif;
  position: absolute;
  top: 6.2em;
  color:#9303d6;
  transition: all ease .5s;
  text-transform:uppercase;
  line-height: 150%;
  font-size: 2.4em;
  letter-spacing: 9px !important;
  margin-left: 13.9em;
  display: block;
  text-align: left;
  animation: slide_animation cubic-bezier(0.75, 0, 0.75, 0) 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
}

.contact_titel:hover {
  color:#7f39ff !important;
}

.contact_text {
  font-family: 'montserratregular', Helvetica, Arial, sans-serif;
  position: absolute;
  top: 27em;
  color: #000;
  transition: all ease .5s;
  text-transform:uppercase;
  line-height: 180%;
  font-size: 76%;
  letter-spacing: 2px;
  margin-left: 44em;
  width:31%;
  display: block;
  text-align: left;
  animation: slide_animation cubic-bezier(0.75, 0, 0.75, 0) 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
}

.contact_text a {
  -webkit-appearance:none !important;
  color:inherit !important;
  text-decoration:inherit !important;
}

.contact_box {
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}

.contact_content {
  overflow:hidden;
}

.formular_box {
  position:absolute;
  top: 15.5em;
  left:0em;
  margin-left:4.6em;
  margin-right:2em;
  float:left;
  width:350px;
  animation:slide_animation cubic-bezier(0.75, 0, 0.75, 0) 1.5s;
  animation-timing-function:ease;
  animation-delay:0s;
  background-color:#FFFCFB;
}

/* Listen */
ul {
  list-style-type:none;
  background-color:#FFFCFB;
/* kein auflistungszeichen */
}

input {
  font-family: 'montserratregular', Helvetica, Arial, sans-serif;
  font-size:76%;
  margin-top:1.2em;
  margin-bottom:1em;
  letter-spacing:2px;
  border-style:none none;
  border-bottom:1px dotted #666;
  padding-bottom:5%;
  line-height: 150%;
  text-transform:uppercase;
  color:#000 !important;
}

input:focus {
  opacity: 0.3;
}

input[type="submit"] {
  background-color:#FFFCFB;
  color: black;
  font-size: 76%;
  letter-spacing: 2px;
  width: 100%;
  height: auto;
  border: none;
  text-align:left;
  border-top: none;
  padding-top: 1em;
}

input[type="submit"]:hover {
  color:#7f39ff;
}

textarea {
  font-family: 'montserratregular', Helvetica, Arial, sans-serif;
  margin-top: 1em;
  font-size: 76%;
  letter-spacing: 2px;
  border-style: none none;
  border-top: none;
  resize: none;
  line-height:120%; 
  background-color:#FFFCFB;
  border-bottom: 1px dotted #666;
}

textarea:focus {
  border-bottom: 1px dotted #000;
  opacity: 0.3;
}


@media screen and (max-width:1300px) {
.contact_titel {
  margin-left: 13em;
}

.contact_text {
  margin-left: 41em;
}
}

@media screen and (max-width:1200px) {
.contact_titel {
  margin-left: 12.4em;
}

.contact_text {
  margin-left: 39em;
  width:29%;
}

.formular_box {
  width:340px;
}

.contact_picture {
  width:26%;
}
}


@media screen and (max-width:1100px) {
.contact_titel {
  margin-left: 11.5em;
}

.contact_text {
  margin-left: 36em;
  width:29%;
}

.formular_box {
  width:300px;
}

.contact_picture {
  width:26%;
}
}


@media screen and (max-width:1025px) {
.contact_titel {
  margin-left: 10.8em;
}

.contact_text {
  margin-left: 34em;
  width:26%;
}

.formular_box {
  width:280px;
}

.contact_picture {
  top:13em;
  width:26%;
}
}

@media screen and (max-width:950px) {
.contact_titel {
  padding-top: 5.5em;
  margin-left: 11.5em;
}

.contact_text {
  margin-left: 39.5em;
  top: 48em;
  width:45%;
  font-size: 70%;
}

.formular_box {
  width:280px;
}

.contact_picture {
  left:28em;
  top:0em;
  width:26%;
}
}

@media screen and (max-width:950px) {
.contact_titel {
  padding-top: 5.5em;
  margin-left: 11.5em;
}

.contact_text {
  margin-left: 39.5em;
  top: 48em;
  width:40%;
  font-size: 70%;
}

.formular_box {
  width:280px;
}

.contact_picture {
  left:28em;
  top:0em;
  width:240px;
}
}

@media screen and (max-width:750px) {
.contact_titel {
  padding-top: 5.5em;
  margin-left: 10.8em;
}

.contact_text {
  margin-left: 37em;
  top: 48em;
  width:40%;
  font-size: 70%;
}

.formular_box {
  width:280px;
}

.contact_picture {
  left:26em;
  top:0em;
  width:240px;
}
}

@media screen and (max-width:700px) {
.contact_titel {
  padding-top: 0em;
  margin-left: 8.1em;
}

.contact_text {
  margin-left: 28em;
  top: 29em;
  width:40%;
  font-size: 70%;
}

.formular_box {
  top:40em;
  width:80%;
  margin-left: 0em;
}

.contact_picture {
  left:0em;
  top:10em;
  width:260px;
}

input {
  margin-top:1.5em;
  margin-bottom:1em;
  margin-left:5em;
}

textarea {
  margin-left:5em;
  margin-bottom:0em;
}

input[type="submit"] {
  padding-top:0em;
  padding-bottom:11em;
}

ul {
  padding-top: 2em;
}

.impressum {
  letter-spacing: 2px;
  margin-left:4.7em !important;
  float:left;
  font-size: 80%;
  padding-top: 0em !important;
  padding-bottom: 5em !important;
}
}

@media screen and (max-width:600px) {
.contact_titel {
  top: 4.5em;
  margin-left: 6.6em;
}

.contact_text {
  margin-left: 23em;
  top: 24em;
  width:40%;
  font-size: 70%;
}

.formular_box {
  top:40em;
  width:80%;
}

.contact_picture {
  left:0em;
  top:10em;
  width:220px;
}

input {
  margin-top:1.5em;
  margin-bottom:1em;
  margin-left:5em;
}

textarea {
  margin-left:5em;
  margin-bottom:0em;
}

input[type="submit"] {
  padding-top:0em;
}

ul {
  padding-top: 0em;
}
}

@media screen and (max-width:560px) {
.contact_picture {
  position: relative !important;
  top: 3.6em;
  left: 0em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4.5em;
  width:75%;
}

.contact_titel {
  position: relative !important;
  top: 0em !important;
  color:#9303d6;
  transition: all ease .5s;
  text-transform:uppercase;
  line-height: 150%;
  font-size: 2em !important;
  letter-spacing: 9px !important;
  margin-left: 2.05em;
  z-index: 5;
}

.contact_text {
  position: relative !important;
  z-index: 5;
  padding-top: 2em;
  top: 0em !important;
  color: #000;
  transition: all ease .5s;
  text-transform:uppercase;
  line-height: 180%;
  font-size: 70%;
  letter-spacing: 2px;
  margin-left: 6.1em;
  width:75%;
}

.formular_box {
  position:relative !important;
  top: 0em !important;
  left:0em;
  padding-top: 4em;
  margin-left:4.3em;
  margin-right:2em;
  margin-bottom: none !important;
  float:left;
  width:74%;
}

input[type="submit"] {
  background-color:none !important;
  color: #9303d6 !important;
  font-size: 75% !important;
  letter-spacing: 2px;
  height: auto;
  border: none;
  text-align:left;
  border-top: none;
  padding-top: 1em;
  padding-bottom:9em !important;
  -webkit-appearance: none !important;
}

textarea {
  margin-top: 2%;
  font-size: 75% !important;
  letter-spacing: 2px;
  border-style: none none;
  border-top: none;
  resize: none;
  line-height:120%; 
  background-color:#FFFCFB;
  border-bottom: 1px dotted black;
  margin-left: 0em;
}

input {
  margin-left: 0em;
  font-size: 75% !important;
  margin-top:1.2em;
  margin-bottom:1em;
  letter-spacing:2px;
  border-style:none none;
  border-bottom:1px dotted #666;
  padding-bottom:3%;
  line-height: 150%;
  text-transform:uppercase;
  color:#000 !important;
}

.impressum {
  margin-left:0em !important;
  font-size: 75% !important;
}
}


@media screen and (max-width:410px) {
.contact_titel {
  margin-left: 1.8em;
}

.contact_text {
  margin-left: 5.3em;
}

.formular_box {
  margin-left:3.8em;
  width:72%;
}
}

@media screen and (max-width:360px) {
.contact_titel {
  margin-left: 1.5em;
}

.contact_text {
  margin-left: 4.6em;
  width:70%;
}

.formular_box {
  margin-left:3.3em;
  width:72%;
}
}

@media screen and (max-width:320px) {
.contact_titel {
  margin-left: 1.4em;
}

.contact_text {
  margin-left: 4.3em;
}

.formular_box {
  margin-left:3.1em;
  width:70%;
}
}