@charset "UTF-8";
/*
Theme Name: Hans Christian Höfer
Author: Botond Csergoeffy <csergoeffy@number52.at>
Author URI: http://www.number52.at/
Version: 0.0.1
Text Domain: hoefer
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Copyright (C) 2017 - NUMBER52 // WEB SOLUTIONS
*/
@font-face {
  font-family: Telefon;
  src: url("Telefon-Normal.otf"); }
@font-face {
  font-family: Telefon;
  src: url("Telefon-Bold.otf");
  font-weight: bold; }
html, body {
  height: 100%;
  width: 100%; }

body {
  font-family: "Telefon", sans-serif;
  font-weight: bold !important;
  background-color: #d7d7d7;
  font-size: 18px; }

img {
  max-width: 100%; }
a {
  color: #d7d7d7;}

input,
select,
option {
  width: 100%;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #aae1ef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fffadd; }

select,
option {
  padding-top: 3px;
  padding-bottom: 3px; }

button {
  width: 80%;
  text-align: center;
  background-color: #d5b351;
  color: #cd094b;
  padding: 12px 20px;
  margin: 12px 0 12px 0;
  display: inline-block;
  border: none; }

button[type="submit"] {
  width: 100%; }

form {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

.hoefer-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-block;
  position: relative; }

.hoefer-box:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.hoefer-wappen {
  background-color: #8dbf64; }

.hoefer-text {
  background-color: #6b919a;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold; }

.hoefer-text2 {
  background-color: #c85fa0;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold; }

.hoefer-video {
  background-color: black; }

.hoefer-formular {
  background-color: #8dc064; }

.hoefer-bild {
  background-color: #eb5c24; }

.box_in_box,
.button_box {
  display: block;
  /* margin-bottom: -8px; */
  float: left; }

.box_in_box:hover,
.button_box:hover {
  cursor: pointer; }

.button_box_empty:hover {
  cursor: default; }

.box_in_box,
.button_box {
  position: relative; }

.box_in_box_title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  font-weight: 400;
  width: 85%;
  /* height: 100%; */
  padding: 0; }

.box_in_box_title:hover {
  cursor: pointer; }

.box_in_box_text {
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.open-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  display: none;
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-shadow: 1px 1px 1px black; }

.open-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.open-box:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.hoefer-button-home {
  height: 35px;
  margin-top: 20px;
  margin-bottom: 19px;
  text-align: center; }

.hoefer-button-home > div {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-block;
  cursor: pointer; }

.hoefer-button {
  height: 35px;
  margin-top: 13px;
  margin-bottom: 20px;
  text-align: center; }

.hoefer-button > div {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: inline-block;
  cursor: pointer; }

.hoefer-button > div:hover,
.hoefer-button-home > div:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.hoefer-button-neu {
	box-shadow: 0px 1px 4px 2px #6e2f57;
	background-color: #6c909a;
	border: 4px solid #c65e9e;
	display: inline-block;
	color: #ffffff;
	font-size: 17px;
	padding: 14px 25px; }

.hoefer-button-neu:hover {background-color:#7fa5b0; text-decoration: none; color: #ffffff;}
.hoefer-button-neu:active {position:relative; top:1px;}

.form-container {
  padding: 25px;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.hoefer-no-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none; }

.hoefer-no-shadow:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

#form-message,
#form-message > div.alert {
  border-radius: 0; }

div.video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%; }

iframe.video {
  width: 90%;
  max-width: 90%; }

/*# sourceMappingURL=hoefer.css.map */

@media only screen and (max-width: 800px) {
  .hoefer-text2 p {font-size: 12px;}
  div#unten-links p, div#unten-rechts p, div#oben-mitte p  {font-size: 10px;}
  .hoefer-button-neu {font-size: 10px; border-width: 2px; padding: 8px 12px;}
}