@viewport {
  width:device-width;
}

#toplogo {
  position: absolute;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 8;
  font-size: 0;
}

#toplogo img {
  vertical-align: middle;
  display: inline-block;
}

#toplogopic {
  height: 100%;
  
}

#toplogopic0 {
  height:100%;
  width:4%;
}

#toplogopic2 {
  height:100%;
  width:100%;
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.9) 10%,
    rgba(0, 0, 0, 0.7) 30%,
    rgba(0, 0, 0, 0.5) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.9) 10%,
    rgba(0, 0, 0, 0.7) 30%,
    rgba(0, 0, 0, 0.5) 100%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/*
#toplogopic2 {
  height:100%;
  width:100%;
  opacity: 0.5;
  background-repeat: repeat-x;
}
*/
#header {
  background-image:url(../img/headers/header-castle.jpg);
  background-position:0px 28%;
  position:relative;
  width:100%;
  background-size:100%;
  background-repeat:no-repeat;
  background-color:#000;
  border-bottom:2px solid #111;
  overflow:hidden;
  top:0px;
  z-index:6;
}

#firstmenu {
  font-size:20px;
  padding-top:6px;
  padding-bottom:4px;
  position:absolute;
  z-index:999;
  width:100%;
  overflow:hidden;
  bottom:0px;
}

/* Transparenter Hintergrund. */
#firstmenu::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

/* Teilbar durch 4 = scharf! */
.iconpic {
  height:24px;
  width:24px;
  float:left;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:3px;
}

.iconpic2 {
  height:17px;
  width:17px;
  margin-bottom:-4px;
}

#menu_main_dropdown {
  color: #fff;
  float:left;
  position:absolute;
  overflow:visible;
  top:170px;
  left:6px;
  padding-top:1px;
  padding-left:1px;
  height:17px;
  z-index:6;
  font-size:16px;
}

#headerinfobox {
  width:90%;
  margin:5%;
  color:#eee;
  overflow:visible;
  position:absolute;
  bottom:13%;
  z-index:6;
  font-size:16px;
  text-shadow:
  0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000, /* Kontur */
  1px 1px #000,
  2px 2px #333,
  3px 3px #444;
  background:#000;
  opacity: .85;
  background: rgba(0, 0, 0, .6);
  padding:5px;
  border:5px;
  border-radius:12px;
}

#firstmenu_high {
  display:none;
}

#menu {
  z-index:2;
  font-size:22px;
}

.txtdiv{
  text-align:left;
  float: none;
  width:92%;
  margin-left:4%;
}

.txtdiv_line {
  border-bottom:1px solid #888;
  padding-top:10px;
  padding-bottom:14px;
}

.setvisivle {
 display:none;
}

.footerlink {
  float:left;
  text-align:left;
  min-width:120px;
  padding-right:30px;
  padding-bottom:10px;
}

input[type="text"], input[type="email"], select  {
  width:96%;
  height:1.1em;
  padding:5px;
  font-family: "Segoe UI",osans,"Open Sans", Arial, sans-serif;
  font-size:15px;
}

select  {
  height:auto;
}

textarea {
  width:96%;
  height:7em;
  padding:5px;
  font-family: "Segoe UI",osans,"Open Sans", Arial, sans-serif;
  font-size:15px;
}

input[type="submit"] {
  background-color: #75d1ff;
  padding:3px;
  height:30px;
  width:150px;
  border: 1px solid #000000;
  font-weight:bold;
  border-radius:3px;
  font-family: "Segoe UI",osans,"Open Sans", Arial, sans-serif;
}

input[type="submit"]:hover {
  background-color: #63b2d9;
}

.txtdiv_half{
  text-align:left;
  float:none;
  margin-left:4%;
  height:auto;
  width:92%;
}

.txtdiv_half_description{
  text-align:left;
  float:none;
	margin-left:0;
  height:auto;
  width:100%;
}

.txtdiv_half_description h2 {
  margin-top:10px;
}