@charset "UTF-8";
/*------------------------------------*    SCREEN.SCSS
\*------------------------------------*/
/**
 * #BREAKPOINT & SUSY
 */
/**
 * #SETTINGS
 */
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/*------------------------------------*    # Typography with
    # Typi und Modular Scale
\*------------------------------------*/
/*------------------------------------*    SETTINGS COLORS
\*------------------------------------*/
/*------------------------------------*    #Icons
\*------------------------------------*/
/*------------------------------------*    SUSY SETTINGS
\*------------------------------------*/
/*------------------------------------*    #ZIndexes
\*------------------------------------*/
/* Abstände */
/**
 * #TOOLS
 */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*

Der REM-MAKER wandelt alle übergebene Werte wenn möglich in Rem mit px-Fallback um.
Dabei berücksichtigt er die keys aus $et-map_space (large, small, tiny, default).
EM und % werden durchgereicht (Kontextabhängig)
!important ist möglich


Was geht:

@include et-padding(large small);
@include et-padding;
@include left(small);

Alles das selbe:
@include bottom(default);
@include bottom();
@include bottom;

@include bottom( 20px );

oder gar
@include et-padding(51px 3em large default, !important);
liefert:
padding: 51px 3em 30.8px 15.4px !important;
padding: 3.6428571429rem 3em 2.2rem 1.1rem !important;

... mögliche mixins siehe unten! Kann natürlich beliebig erweitert werden.

---

!important immer mit Komma trennen!
@include left(large, !important);


Wenn ein mixin fehlt, kann man auch selbst Werte in rem/px umwandeln, z.B. ein Border:
@include rem-maker(border-bottom, large);

*/
/**
 * #ELEMENTS
 */
/* line 1, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.html.scss */
html {
  font-size: 100%;
  line-height: 1.5;
  font-family: "DroidSerif-regular", Georgia, "Times New Roman", serif;
}

@media (min-width: 87.5625em) {
  /* line 1, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.html.scss */
  html {
    font-size: 100%;
    line-height: 1.65;
  }
}

@media (max-width: 87.5em) {
  /* line 1, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.html.scss */
  html {
    font-size: 100%;
    line-height: 1.5;
  }
}

@media (max-width: 49.125em) {
  /* line 1, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.html.scss */
  html {
    font-size: 93.75%;
    line-height: 1.5;
  }
}

/*------------------------------------*    #Things that do not fit
    #somewhere else....
\*------------------------------------*/
/* line 14, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.type.scss */
figure {
  margin: 0;
}

/* line 23, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.type.scss */
ul,
ol,
dd {
  padding-left: 1.25em;
}

/*------------------------------------*    # Links
\*------------------------------------*/
/* line 7, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
a {
  font-family: "DroidSerif-bolditalic", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #00548e;
}

/* line 17, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-be a {
  color: #F18800;
}

/* line 19, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-be a:hover {
  background-color: rgba(241, 136, 0, 0.05);
}

/* line 24, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-fi a {
  color: #B90748;
}

/* line 26, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-fi a:hover {
  background-color: rgba(185, 7, 72, 0.05);
}

/* line 31, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-hg a {
  color: #76AD40;
}

/* line 33, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-hg a:hover {
  background-color: rgba(118, 173, 64, 0.05);
}

/* line 38, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-in a {
  color: #CF007F;
}

/* line 40, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-in a:hover {
  background-color: rgba(207, 0, 127, 0.05);
}

/* line 45, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-ku a {
  color: #8A0050;
}

/* line 47, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-ku a:hover {
  background-color: rgba(138, 0, 80, 0.05);
}

/* line 52, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-smb a {
  color: #A2C617;
}

/* line 54, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-smb a:hover {
  background-color: rgba(162, 198, 23, 0.05);
}

/* line 59, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-smk a {
  color: #427f9c;
}

/* line 61, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-smk a:hover {
  background-color: rgba(66, 127, 156, 0.05);
}

/* line 66, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-uk a {
  color: #00548e;
}

/* line 68, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-uk a:hover {
  background-color: rgba(0, 84, 142, 0.05);
}

/* line 73, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-wo a {
  color: #236A20;
}

/* line 75, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
.t-stwm-wo a:hover {
  background-color: rgba(35, 106, 32, 0.05);
}

/* line 81, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

/* line 91, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
li a {
  border-bottom: 1px solid;
  /*------------------------------------*            # Seite 60 im PDF
            # inclusive design patterns
        \*------------------------------------*/
}

/* line 116, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.links.scss */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
li a:hover {
  border-bottom: 0;
}

/*------------------------------------*    # Headings
\*------------------------------------*/
/* line 6, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #00548e;
}

/* line 25, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-be h1, .t-stwm-be
h2, .t-stwm-be
h3 {
  color: #F18800;
}

/* line 29, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-fi h1, .t-stwm-fi
h2, .t-stwm-fi
h3 {
  color: #B90748;
}

/* line 33, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-hg h1, .t-stwm-hg
h2, .t-stwm-hg
h3 {
  color: #76AD40;
}

/* line 37, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-in h1, .t-stwm-in
h2, .t-stwm-in
h3 {
  color: #CF007F;
}

/* line 41, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-ku h1, .t-stwm-ku
h2, .t-stwm-ku
h3 {
  color: #8A0050;
}

/* line 45, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-smb h1, .t-stwm-smb
h2, .t-stwm-smb
h3 {
  color: #A2C617;
}

/* line 49, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-smk h1, .t-stwm-smk
h2, .t-stwm-smk
h3 {
  color: #427f9c;
}

/* line 53, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-uk h1, .t-stwm-uk
h2, .t-stwm-uk
h3 {
  color: #00548e;
}

/* line 57, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-stwm-wo h1, .t-stwm-wo
h2, .t-stwm-wo
h3 {
  color: #236A20;
}

/* line 62, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.t-07-stwm-braun h1, .t-07-stwm-braun
h2, .t-07-stwm-braun
h3 {
  color: #5D2F00;
}

/* line 69, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h1 {
  font-size: 2.31306rem;
  line-height: 1.15;
  font-family: "Arial Black", "Helvetica Black", "ArchivoBlack", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

@media (min-width: 87.5625em) {
  /* line 69, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h1 {
    font-size: 3.51788rem;
    line-height: 1.15;
  }
}

@media (max-width: 87.5em) {
  /* line 69, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h1 {
    font-size: 3.05902rem;
    line-height: 1.15;
  }
}

@media (max-width: 49.125em) {
  /* line 69, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h1 {
    font-size: 1.61051rem;
    line-height: 1.15;
  }
}

/* line 75, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h2 {
  font-size: 1.74901rem;
  line-height: 1.25;
  font-family: "Arial Black", "Helvetica Black", "ArchivoBlack", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

@media (min-width: 87.5625em) {
  /* line 75, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h2 {
    font-size: 2.01136rem;
    line-height: 1.25;
  }
}

@media (max-width: 87.5em) {
  /* line 75, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h2 {
    font-size: 1.74901rem;
    line-height: 1.25;
  }
}

@media (max-width: 49.125em) {
  /* line 75, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h2 {
    font-size: 1.4641rem;
    line-height: 1.25;
  }
}

/* line 81, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h3 {
  font-size: 1.52087rem;
  line-height: 1.25;
  font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 87.5625em) {
  /* line 81, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h3 {
    font-size: 1.52087rem;
    line-height: 1.25;
  }
}

@media (max-width: 87.5em) {
  /* line 81, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h3 {
    font-size: 1.52087rem;
    line-height: 1.25;
  }
}

@media (max-width: 49.125em) {
  /* line 81, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h3 {
    font-size: 1.331rem;
    line-height: 1.25;
  }
}

/* line 86, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
.c-page__aside-content h3 {
  font-size: 1.15rem;
  line-height: 1.25;
}

@media (min-width: 87.5625em) {
  /* line 86, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  .c-page__aside-content h3 {
    font-size: 1.15rem;
    line-height: 1.25;
  }
}

@media (max-width: 87.5em) {
  /* line 86, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  .c-page__aside-content h3 {
    font-size: 1.15rem;
    line-height: 1.25;
  }
}

@media (max-width: 49.125em) {
  /* line 86, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  .c-page__aside-content h3 {
    font-size: 1.1rem;
    line-height: 1.25;
  }
}

/* line 92, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h4 {
  font-size: 1.3225rem;
  line-height: 1.25;
  margin-bottom: 0.25em;
  margin: 0 0 4px 0;
  margin: 0 0 0.25rem 0;
}

@media (min-width: 87.5625em) {
  /* line 92, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h4 {
    font-size: 1.3225rem;
    line-height: 1.25;
  }
}

@media (max-width: 87.5em) {
  /* line 92, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h4 {
    font-size: 1.3225rem;
    line-height: 1.25;
  }
}

@media (max-width: 49.125em) {
  /* line 92, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h4 {
    font-size: 1.21rem;
    line-height: 1.25;
  }
}

/* line 100, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h5 {
  font-size: 1.15rem;
  line-height: 1.25;
}

@media (min-width: 87.5625em) {
  /* line 100, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h5 {
    font-size: 1.15rem;
    line-height: 1.25;
  }
}

@media (max-width: 87.5em) {
  /* line 100, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h5 {
    font-size: 1.15rem;
    line-height: 1.25;
  }
}

@media (max-width: 49.125em) {
  /* line 100, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h5 {
    font-size: 1.1rem;
    line-height: 1.25;
  }
}

/* line 104, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
h6 {
  font-size: 0.86957rem;
}

@media (min-width: 87.5625em) {
  /* line 104, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h6 {
    font-size: 0.86957rem;
  }
}

@media (max-width: 87.5em) {
  /* line 104, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h6 {
    font-size: 0.86957rem;
  }
}

@media (max-width: 49.125em) {
  /* line 104, /var/www/typo3/stwm-www/_folder_stwm-www_a/Web/typo3conf/ext/etthemestwmwwwresponsive/Resources/Private/Dyncss/40__elements/_elements.headings.scss */
  h6 {
    font-size: 0.90909rem;
  }
}

/*# sourceMappingURL=maps/screen-20-elements.css.map */