/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 */

/* Google Font API */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(./navigation/hlist.css);
@import url(./forms/gray-theme.css);

@import url(./screen/typography.css);
@import url(./screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(./print/print.css);

/* dme */
@import url(./navigation/vlist.css);


.language-link
{
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;

    color: #000000;
    text-decoration: none;
}

.language-link:hover
{
    text-decoration: underline;
}

.language-flag
{
    border: 0;
    display: block;
}


<style>
.contact-form {
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.contact-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.contact-form input,
.contact-form textarea {
  font: inherit;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 6px;
}

.contact-form button {
  width: fit-content;
  padding: 10px 18px;
  cursor: pointer;
}

.hidden {
  display: none;
}
</style>