/* Neue Startseite */

.widescreen {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.brand {
  font-family: 'Roboto Condensed', sans-serif;  
  color: rgba(41,41,41,0.7); 
  text-align: center;  
  
  display: table-cell;
  position: fixed;
  
  width: 100%;  
}

.logo {top: 33%;}

.logo h2 {font-size: 5.000em;}

.logo h3 {font-size: 2.000em; line-height: 2.000em;}

.language {top: 73%;}

.language p {line-height: 1.4000em; letter-spacing: 0.2000em;}

.citation {top: 53%;}

.citation p {font-family: 'Palatino', cursive; font-size: 1.600em; margin-top: 20px;}

.citation p {

  
  background-color: none;
  animation: 6s fadeIn;
  animation-fill-mode: forwards;
  
  visibility: hidden;
}

.citation p:hover {
  background-color: #123;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

#standartflag {display: block;}
#mobilflag {display: none;}

.flagposition {top: 77%;}

.flag {display: table; margin-left: auto; margin-right: auto;}

.flag a img {
  opacity: 0.5;
  width: 4.000em;
  
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;  
}

.flag a img:hover {
  opacity: 1;
  
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;    
}
.flag a {display: table-cell; vertical-align: middle; height: 5.000em; width: 5.000em;}

/*Anfang Kontaktformular */

/* CSS override for contact container "contact..."*/
.contactstart {
}

/* CSS overrride for contact field */

.contact h3, .contact p, .panel h3, .accordion-toggle {display: none;}

.contact-form {  
  display: inline-block;  
  position: relative;
    
  line-height: 2.500em;
  
  height: 100%;
  width: 100%;  
}

dd {
  display: inline-block;  
  position: relative;  
  width: 85%;
}
dt {
  display: inline-block;  
  position: relative;
  float: left;
  width: 15%;
}

#jform_contact_message-lbl span,  #jform_contact_emailmsg-lbl span, #jform_contact_email-lbl span, #jform_contact_name-lbl span, #jform_contact_email_copy-lbl {
  display: none;
}

#jform_contact_name,  #jform_contact_email, #jform_contact_emailmsg, .hasTooltip {
  width: 75%;
  height: 2.188em;
  
  color: rgba(41,41,41,0.7);
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.313em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;  
  
  margin-bottom: 1.000em;
  
  position: relative;
}

#jform_contact_message {
  width: 75%;
  height: 6.188em; /* Bestimmt die Ausgangshöhe des Textfeldes */
  
  color: rgba(41,41,41,0.7);
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.313em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;    
}

.control-label {margin-bottom: 1.000em;} /* definiert den container für die Titelschriften */
 
/* end CSS overrride for contact field */


.contactoverlay {
  background: rgba(41,41,41,0.99); 
  display: none;  
}

.contactkontakt {margin-left: 5.000em;}


/*Ende Kontaktformular */