/*
 * Document
 */

html { cursor: default; }

body {
  padding: 32px;

  &.container-fixed {
    max-width: 1200px;
    margin: 0 auto;
  }
}



/*
 * Various
 */

h3 small { font-size: 1rem; }

.alert { margin-bottom: 32px; }

div.radio label,
div.checkbox label {
  font-weight: var(--font_weight_frontend_default);
}



/*
 *  Header
 */

header {
  text-align: center;

  h1 {
    display: block;

    margin: 0;
    margin-bottom: 16px;
    padding: 0;

    a,
    a:link,
    a:visited {
      display: inline-block;

      width: 400px;
      max-width: 100%;
      height: 92px;

      background-image: url("/assets/duef_logo_2017_green-85dd6ada.jpg");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: contain;

      text-indent: -9999em;

      &.logo-babelwerk {
        width: 650px;
        height: 100px;
        background-image: url("/assets/logo_babelwerk-7a637203.jpg");
      }

      &.logo-toledo {
        width: 650px;
        height: 100px;
        background-image: url("/assets/logo_toledo-4a9d58ff.jpg");
      }
    } /* /a */
  } /* /h1 */


  h2 { display: none; }


  ul {
    margin: 0;
    padding: 0;
    list-style: none;

    li {
      display: inline;

      a,
      a:link,
      a:visited {
        display: inline-block;

        font-size: 2.4rem;
        text-decoration: none;
        color: var(--color_black);
      } /* /a */
    } /* /li */
  } /* /ul */
} /* /header */



label small,
dl dt small {
  display: block;
  font-weight: var(--font_weight_regular);
}



/* Media Query: lg */
@media (min-width: var(--media_query_lg)) {
  .three-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}



footer
{
  font-size: 1.2rem;
  color: var(--footer_color);

  p { font-size: 12px; }

  a,
  a:link,
  a:visited {
    text-decoration: none;
    color: var(--footer_color);
  }

  a:hover,
  a:active,
  a:focus {
    border-bottom: 1px dotted var(--footer_color);
  }
}


span.application_form_icon
{
  width: 128px;
  box-sizing: border-box;
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--color_gray_eee);
  border-radius: 4px;
  text-align: center;
  font-size: 4rem;
  font-weight: var(--font_weight_semibold);
}

.text-duef { color: var(--color_duef); }

.btn-duef {
  background-color: var(--color_duef);
  color: var(--color_white);
}


/* Custom Media Query */
@media screen and (max-width: 767px) {
  header h1 {
    a,
    a:link,
    a:visited {
      width: 300px;
      height: 56px;
    } /* /a */
  } /* /header h1 */
} /* /media query */


/* Forms */

label.required::after {
  content: '*';
  margin-left: 1px;
  color: var(--color_muted);
}