@charset "UTF-8";
/***************
 * Szabvány:    3.0
 * Név:         screen.css
 * Projekt:     plazazo
 * Leírás:      
 * Keletkezés:  2018.08.01
 * Fejlesztő:   Tánczos Róbert
 * 182/78 940/560 responsive kép
 ***************/
/* alap mező magasság */
/* form mező font méret */
/* margó */
/* legkisebb mező szélesség */
/* lépésköz mező szélesség méreteknél 320px-ig */
/* line 16, _theme-default.scss */
:root {
  --colorPrimary1: #676a6c;
  --colorPrimary2: #f3f3f4;
  --colorPrimary3: #e5e6e7;
  --colorPrimary4: #676a6c;
  --colorSecondary1: #283a49;
  --colorSecondary2: #2f4050;
  --colorSecondary3: #a7b1c2;
  --colorSecondary4: #ffffcc;
  --colorTertiary1: #0f8469;
  --colorTertiary2: #119772;
  --colorTertiary3: #ffffff;
  --colorTertiary4: #1ad7a3;
  --colorDanger: #ff0000;
  --colorWarning: #ffc107;
  --colorSuccess: #17a2b8;
  --colorInfo: #0000cc; }

/***************
 * Szabvány:    3.0
 * Név:         _spritzer.scss
 * Projekt:     front-end komponens eszköztár / front-end component library
 * Leírás:      SCSS eszköztár / SCSS library
 * Keletkezés:  2018.08.01
 * Fejlesztő:   Tánczos Róbert
 * Verzió:      2.2
 *
 *    18.08.01  2.00 spritzer külön csomagjainak egységesítése _form + _library + _help + _reset
 *    19.07.28  2.10 csomagok importba elemenként, spritzer csak leírás és rövid részek. új csomag: dashboard
 *    20.02.09  2.20 csomagok importba elemenként, spritzer csak leírás és rövid részek. új csomag: gdpr
 ***************/
/* reset */
/* form-text */
/* add-on, add-to */
/* form-area */
/* form-select */
/* timebox */
/* click ikon */
/* radio és checkbox */
/* filebox */
/* filebox drag & drop + move */
/* lapozo */
/* gomb */
/* icon */
/* buborek */
/* Táblázat
 * table-color
 * table-border-color
 * $table-head-color
 * table-head-bg-color
 * table-foot-color
 * table-foot-bg-color
 */
/* füles menü */
/* Tooltip */
/* line 754, ../spritzer/_spritzer.scss */
.vat {
  height: 2.25em;
  line-height: 2.25em; }

/* line 758, ../spritzer/_spritzer.scss */
.vac {
  display: flex;
  align-content: center; }

/* line 763, ../spritzer/_spritzer.scss */
.tac {
  text-align: center; }

/* line 764, ../spritzer/_spritzer.scss */
.tar {
  text-align: right; }

/* line 766, ../spritzer/_spritzer.scss */
.fmve > li {
  float: left; }
/* line 767, ../spritzer/_spritzer.scss */
.fmve:after {
  content: '';
  display: block;
  clear: both; }

/* line 773, ../spritzer/_spritzer.scss */
.mart {
  margin-top: 4px; }

/* line 774, ../spritzer/_spritzer.scss */
.marb {
  margin-bottom: 4px; }

/* line 775, ../spritzer/_spritzer.scss */
.marlr {
  margin-left: 4px;
  margin-right: 4px; }

/* line 779, ../spritzer/_spritzer.scss */
.padlil > li, .padl {
  padding-left: 4px; }

/* line 780, ../spritzer/_spritzer.scss */
.padlir > li, .padr {
  padding-right: 4px; }

/* line 781, ../spritzer/_spritzer.scss */
.padlilr > li, .padlr {
  padding-left: 4px;
  padding-right: 4px; }

/* line 785, ../spritzer/_spritzer.scss */
.padlit > li,
.padt {
  padding-top: 4px; }

/* line 787, ../spritzer/_spritzer.scss */
.padb,
.padlib > li {
  padding-bottom: 4px; }

/* line 789, ../spritzer/_spritzer.scss */
.padtb {
  padding-top: 4px;
  padding-bottom: 4px; }

/* line 793, ../spritzer/_spritzer.scss */
.gridw1 {
  width: 20px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw2 {
  width: 40px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw3 {
  width: 80px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw4 {
  width: 120px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw5 {
  width: 160px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw6 {
  width: 200px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw7 {
  width: 240px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw8 {
  width: 280px; }

/* line 795, ../spritzer/_spritzer.scss */
.gridw9 {
  width: 320px; }

/* line 797, ../spritzer/_spritzer.scss */
.gridw2f {
  width: 60px; }

/* line 798, ../spritzer/_spritzer.scss */
.gridw3f {
  width: 100px; }

/* line 799, ../spritzer/_spritzer.scss */
.gridw4f {
  width: 140px; }

/* line 800, ../spritzer/_spritzer.scss */
.gridw5f {
  width: 180px; }

/* line 801, ../spritzer/_spritzer.scss */
.gridw6f {
  width: 220px; }

/* line 802, ../spritzer/_spritzer.scss */
.gridw7f {
  width: 260px; }

/* line 803, ../spritzer/_spritzer.scss */
.gridw13 {
  width: 480px; }

/* line 804, ../spritzer/_spritzer.scss */
.gridw18 {
  width: 640px; }

/* line 806, ../spritzer/_spritzer.scss */
.gridws1 {
  max-width: 10%; }

/* line 807, ../spritzer/_spritzer.scss */
.gridws2 {
  max-width: 20%; }

/* line 808, ../spritzer/_spritzer.scss */
.gridws25 {
  max-width: 25%; }

/* line 809, ../spritzer/_spritzer.scss */
.gridws3 {
  max-width: 30%; }

/* line 810, ../spritzer/_spritzer.scss */
.gridws33 {
  max-width: 33.33%;
  width: 33.33%; }

/* line 814, ../spritzer/_spritzer.scss */
.gridws4 {
  max-width: 40%; }

/* line 815, ../spritzer/_spritzer.scss */
.gridws5 {
  max-width: 50%;
  width: 50%; }

/* line 819, ../spritzer/_spritzer.scss */
.gridws7 {
  max-width: 70%;
  width: 70%; }

/* line 823, ../spritzer/_spritzer.scss */
.gridws66 {
  max-width: 66.66%;
  width: 66.66%; }

/* line 827, ../spritzer/_spritzer.scss */
.gridws75 {
  max-width: 75%;
  width: 75%; }

/* line 831, ../spritzer/_spritzer.scss */
.gridws8 {
  max-width: 80%;
  width: 80%; }

/* line 835, ../spritzer/_spritzer.scss */
.gridws0 {
  max-width: 100%;
  width: 100%; }

/*
 * dashboard-color
 * dashboard-bg-color
 * dashboard-hover-color
 * dashboard-hover-bg-color
 * dashboard-sec-color
 * dashboard-sec-bg-color
 * dashboard-sec-hover-color
 * dashboard-active-color
 * dashboard-active-bg-color
 * dashboard-active-border-color
 */
/*
 * gdpr-color
 * gdpr-bg-color
 * gdpr-border-color
 * gdpr-link-color
 * gdpr-link-bg-color
 * gdpr-hover-color
 */
@font-face {
  font-family: "FontIcon";
  font-display: fallback;
  src: url("/items/fonticon.eot?") format("eot"), url("/items/fonticon.woff2") format("woff2"), url("/items/fonticon.woff") format("woff"), url("/items/fonticon.ttf") format("truetype"), url("/items/fonticon.svg#FontIcon") format("svg"); }
/* line 3, ../spritzer/_s_reset.scss */
::before, ::after,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/* line 12, ../spritzer/_s_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* line 17, ../spritzer/_s_reset.scss */
img, fieldset {
  border: none; }

/* line 18, ../spritzer/_s_reset.scss */
a, object,
input:focus,
textarea:focus,
button:focus {
  outline: none !important; }

/* line 22, ../spritzer/_s_reset.scss */
li {
  list-style: none; }

/* line 23, ../spritzer/_s_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 27, ../spritzer/_s_reset.scss */
h1, h2, h3, h4, h5, h6,
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* line 33, ../spritzer/_s_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

/* line 34, ../spritzer/_s_reset.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select {
  cursor: pointer; }

/* line 41, ../spritzer/_s_reset.scss */
button[disabled],
input[disabled] {
  cursor: default; }

/* line 43, ../spritzer/_s_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video,
img,
object,
iframe {
  display: block; }

@-moz-viewport {
  width: device-width;
  scale: 1; }
@-ms-viewport {
  width: device-width;
  scale: 1; }
@-o-viewport {
  width: device-width;
  scale: 1; }
@-webkit-viewport {
  width: device-width;
  scale: 1; }
@viewport {
  width: device-width;
  scale: 1; }
/* line 23, screen.scss */
html, body {
  height: 100%;
  color: var(--colorPrimary1);
  background-color: var(--colorSecondary2); }

/* line 28, screen.scss */
body {
  font-size: 14px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: hidden; }

/* line 33, screen.scss */
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--colorTertiary1); }
  /* line 37, screen.scss */
  a:hover {
    text-decoration: underline; }

/* line 39, screen.scss */
h1, h2, h3 {
  color: var(--colorInfo); }

/* line 40, screen.scss */
h1 {
  width: 100%;
  font-size: 140%;
  padding: 8px; }

/* line 46, screen.scss */
main,
.wrapper {
  position: relative;
  width: 100%;
  overflow-x: hidden; }

/* line 53, screen.scss */
header {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 50px;
  background-color: var(--colorTertiary3); }
  /* line 63, screen.scss */
  header .header-nav {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: center;
    padding-left: 0;
    margin: 0;
    list-style: none; }
    /* line 72, screen.scss */
    header .header-nav .logo {
      width: 100%;
      height: 52px;
      text-align: center;
      font-size: 36px;
      font-weight: 600; }
      /* line 81, screen.scss */
      header .header-nav .logo > a:hover {
        text-decoration: none;
        color: var(--colorTertiary2); }
    /* line 87, screen.scss */
    header .header-nav .minimalize {
      max-width: calc(100% - 220px);
      width: 100%;
      height: 30px;
      text-align: center; }
      /* line 92, screen.scss */
      header .header-nav .minimalize > a {
        border-radius: 3px;
        padding: 4px 12px;
        font-size: 14px;
        background-color: var(--colorTertiary1);
        border-color: var(--colorTertiary1);
        color: var(--colorTertiary3); }
        /* line 99, screen.scss */
        header .header-nav .minimalize > a > i:before {
          margin-right: 0; }
        /* line 100, screen.scss */
        header .header-nav .minimalize > a.signed {
          position: absolute;
          z-index: 1;
          display: block;
          width: 100%;
          margin-top: 7px;
          padding: 0;
          font-size: 12px;
          background-color: inherit;
          color: var(--colorTertiary1); }
          /* line 110, screen.scss */
          header .header-nav .minimalize > a.signed:hover {
            text-decoration: underline; }
  /* line 115, screen.scss */
  header .header-links {
    margin-right: 40px; }
    /* line 117, screen.scss */
    header .header-links > li {
      display: inline-block; }
      /* line 119, screen.scss */
      header .header-links > li > a {
        position: relative;
        display: block;
        min-height: 50px;
        padding: 15px 10px;
        font-size: 14px;
        font-weight: 600; }
        /* line 126, screen.scss */
        header .header-links > li > a:hover {
          text-decoration: none;
          color: var(--colorTertiary2); }
      /* line 132, screen.scss */
      header .header-links > li.navbar > a {
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase; }

/* line 142, screen.scss */
footer {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  align-items: center;
  padding: 10px 20px;
  background: var(--colorTertiary3); }

/* line 162, screen.scss */
.content {
  position: relative !important;
  min-height: 576px;
  margin: 0; }

/* line 169, screen.scss */
.logged .content {
  margin-left: 220px; }

/* line 170, screen.scss */
.aktiv.off {
  background-color: var(--colorDanger);
  color: var(--colorSuccess); }

/* line 174, screen.scss */
select option:disabled {
  color: var(--colorDanger); }

@media only screen and (max-width: 479px) {
  /* line 176, screen.scss */
  nav:not(.mininav) {
    position: relative;
    width: 100%; }
    /* line 179, screen.scss */
    nav:not(.mininav) + .content {
      margin-left: 0; } }
/* line 182, screen.scss */
.soon {
  background-color: var(--colorWarning); }

/* line 183, screen.scss */
a.soon {
  display: inline-block;
  width: 20px;
  height: 12px; }

/* line 193, screen.scss */
#forgotpwd .content > .container,
#registration .content > .container,
#login .content > .container {
  max-width: 400px;
  width: 300px;
  margin: 0 auto;
  padding-top: 40px;
  text-align: center; }
  /* line 199, screen.scss */
  #forgotpwd .content > .container > h1,
  #registration .content > .container > h1,
  #login .content > .container > h1 {
    margin-bottom: 0;
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -10px; }
  /* line 206, screen.scss */
  #forgotpwd .content > .container > h3,
  #registration .content > .container > h3,
  #login .content > .container > h3 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px; }
  /* line 212, screen.scss */
  #forgotpwd .content > .container > p,
  #registration .content > .container > p,
  #login .content > .container > p {
    margin: 0 0 10px; }
  /* line 213, screen.scss */
  #forgotpwd .content > .container > form,
  #registration .content > .container > form,
  #login .content > .container > form {
    margin-top: 15px; }
    /* line 215, screen.scss */
    #forgotpwd .content > .container > form li,
    #registration .content > .container > form li,
    #login .content > .container > form li {
      margin-bottom: 15px; }
      /* line 217, screen.scss */
      #forgotpwd .content > .container > form li > input,
      #registration .content > .container > form li > input,
      #login .content > .container > form li > input {
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        height: 34px;
        line-height: 1.42857143;
        box-shadow: none; }
    /* line 225, screen.scss */
    #forgotpwd .content > .container > form .button,
    #registration .content > .container > form .button,
    #login .content > .container > form .button {
      width: 100%;
      border-radius: 3px;
      font-weight: 400; }

/* line 236, screen.scss */
#home .content {
  background: url(/items/bg-home.jpg) no-repeat;
  background-size: cover; }
  /* line 239, screen.scss */
  #home .content .container {
    justify-content: space-between; }
    /* line 241, screen.scss */
    #home .content .container .citation {
      min-width: 320px;
      max-width: 360px;
      padding: 4px;
      text-align: right; }
    /* line 247, screen.scss */
    #home .content .container > div {
      min-width: 320px;
      max-width: 360px;
      padding: 8px; }
      /* line 251, screen.scss */
      #home .content .container > div h2, #home .content .container > div h3 {
        padding-top: 8px;
        padding-bottom: 4px; }
      /* line 255, screen.scss */
      #home .content .container > div h2 {
        font-size: 120%; }
      /* line 256, screen.scss */
      #home .content .container > div h3 {
        font-size: 110%; }

/* line 268, screen.scss */
#settings_parameter .content .icon,
#settings_profile .content .icon,
#customerservice .content .icon,
#errormessages .content .icon,
#dashboard .content .icon {
  font-size: 1.2em; }
/* line 270, screen.scss */
#settings_parameter .content .container center,
#settings_profile .content .container center,
#customerservice .content .container center,
#errormessages .content .container center,
#dashboard .content .container center {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
  font-size: 30px; }
/* line 277, screen.scss */
#settings_parameter .content .container > h1,
#settings_profile .content .container > h1,
#customerservice .content .container > h1,
#errormessages .content .container > h1,
#dashboard .content .container > h1 {
  margin: 0 20px;
  padding: 10px 0;
  font-size: 2em; }
/* line 282, screen.scss */
#settings_parameter .content .container > .row,
#settings_profile .content .container > .row,
#customerservice .content .container > .row,
#errormessages .content .container > .row,
#dashboard .content .container > .row {
  display: inline-block;
  border-bottom: none !important;
  border-top: 0;
  padding: 15px;
  margin: 30px 20px 0 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background-color: transparent;
  color: var(--colorPrimary1); }
  /* line 293, screen.scss */
  #settings_parameter .content .container > .row > div .btitle,
  #settings_profile .content .container > .row > div .btitle,
  #customerservice .content .container > .row > div .btitle,
  #errormessages .content .container > .row > div .btitle,
  #dashboard .content .container > .row > div .btitle {
    margin-bottom: 0;
    padding: 15px 10px 7px;
    min-height: 48px;
    border-width: 2px 0 0;
    border-color: var(--colorPrimary3); }
    /* line 299, screen.scss */
    #settings_parameter .content .container > .row > div .btitle > h5,
    #settings_profile .content .container > .row > div .btitle > h5,
    #customerservice .content .container > .row > div .btitle > h5,
    #errormessages .content .container > .row > div .btitle > h5,
    #dashboard .content .container > .row > div .btitle > h5 {
      font-weight: 600;
      line-height: 1.1;
      display: inline-block;
      font-size: 14px;
      margin: 0 0 7px;
      padding: 0;
      text-overflow: ellipsis;
      float: left; }
    /* line 309, screen.scss */
    #settings_parameter .content .container > .row > div .btitle > div,
    #settings_profile .content .container > .row > div .btitle > div,
    #customerservice .content .container > .row > div .btitle > div,
    #errormessages .content .container > .row > div .btitle > div,
    #dashboard .content .container > .row > div .btitle > div {
      display: block;
      position: relative;
      float: none;
      margin-top: 0;
      padding: 0;
      text-align: right; }
  /* line 318, screen.scss */
  #settings_parameter .content .container > .row > div > .bcontent,
  #settings_profile .content .container > .row > div > .bcontent,
  #customerservice .content .container > .row > div > .bcontent,
  #errormessages .content .container > .row > div > .bcontent,
  #dashboard .content .container > .row > div > .bcontent {
    clear: both;
    padding: 15px;
    border-width: 1px 0 0;
    border-style: solid solid none;
    border-color: var(--colorPrimary3); }
    /* line 324, screen.scss */
    #settings_parameter .content .container > .row > div > .bcontent > table,
    #settings_profile .content .container > .row > div > .bcontent > table,
    #customerservice .content .container > .row > div > .bcontent > table,
    #errormessages .content .container > .row > div > .bcontent > table,
    #dashboard .content .container > .row > div > .bcontent > table {
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }
      /* line 330, screen.scss */
      #settings_parameter .content .container > .row > div > .bcontent > table th,
      #settings_profile .content .container > .row > div > .bcontent > table th,
      #customerservice .content .container > .row > div > .bcontent > table th,
      #errormessages .content .container > .row > div > .bcontent > table th,
      #dashboard .content .container > .row > div > .bcontent > table th {
        padding: 8px;
        line-height: 1.42857;
        vertical-align: top;
        border-bottom-width: 1px;
        border-top-style: solid; }
      /* line 338, screen.scss */
      #settings_parameter .content .container > .row > div > .bcontent > table > thead > th,
      #settings_profile .content .container > .row > div > .bcontent > table > thead > th,
      #customerservice .content .container > .row > div > .bcontent > table > thead > th,
      #errormessages .content .container > .row > div > .bcontent > table > thead > th,
      #dashboard .content .container > .row > div > .bcontent > table > thead > th {
        text-align: left; }
      /* line 339, screen.scss */
      #settings_parameter .content .container > .row > div > .bcontent > table td,
      #settings_profile .content .container > .row > div > .bcontent > table td,
      #customerservice .content .container > .row > div > .bcontent > table td,
      #errormessages .content .container > .row > div > .bcontent > table td,
      #dashboard .content .container > .row > div > .bcontent > table td {
        padding: 8px;
        line-height: 1.42857;
        vertical-align: top;
        border-top-width: 1px;
        border-top-style: solid; }
    /* line 349, screen.scss */
    #settings_parameter .content .container > .row > div > .bcontent > form > .block-line,
    #settings_profile .content .container > .row > div > .bcontent > form > .block-line,
    #customerservice .content .container > .row > div > .bcontent > form > .block-line,
    #errormessages .content .container > .row > div > .bcontent > form > .block-line,
    #dashboard .content .container > .row > div > .bcontent > form > .block-line {
      padding: 8px 0;
      border-top-width: 1px;
      border-top-style: solid; }
    /* line 355, screen.scss */
    #settings_parameter .content .container > .row > div > .bcontent > form > .block-form,
    #settings_profile .content .container > .row > div > .bcontent > form > .block-form,
    #customerservice .content .container > .row > div > .bcontent > form > .block-form,
    #errormessages .content .container > .row > div > .bcontent > form > .block-form,
    #dashboard .content .container > .row > div > .bcontent > form > .block-form {
      width: 360px;
      padding: 8px 20px;
      margin: 0 -20px; }
    /* line 361, screen.scss */
    #settings_parameter .content .container > .row > div > .bcontent > form .countries.off,
    #settings_profile .content .container > .row > div > .bcontent > form .countries.off,
    #customerservice .content .container > .row > div > .bcontent > form .countries.off,
    #errormessages .content .container > .row > div > .bcontent > form .countries.off,
    #dashboard .content .container > .row > div > .bcontent > form .countries.off {
      color: red; }
    /* line 364, screen.scss */
    #settings_parameter .content .container > .row > div > .bcontent.checlick > div > .btn.icon,
    #settings_profile .content .container > .row > div > .bcontent.checlick > div > .btn.icon,
    #customerservice .content .container > .row > div > .bcontent.checlick > div > .btn.icon,
    #errormessages .content .container > .row > div > .bcontent.checlick > div > .btn.icon,
    #dashboard .content .container > .row > div > .bcontent.checlick > div > .btn.icon {
      font-size: 0.7em;
      padding: 2px 4px; }

/* line 375, screen.scss */
#blogmanager ul.flex, #blogmanager #settings_parameter .content ul.container, #settings_parameter .content #blogmanager ul.container,
#blogmanager #settings_profile .content ul.container,
#settings_profile .content #blogmanager ul.container,
#blogmanager #customerservice .content ul.container,
#customerservice .content #blogmanager ul.container,
#blogmanager #errormessages .content ul.container,
#errormessages .content #blogmanager ul.container,
#blogmanager #dashboard .content ul.container,
#dashboard .content #blogmanager ul.container, #blogmanager #settings_parameter .content .container > ul.row.flex, #settings_parameter .content #blogmanager .container > ul.row.flex,
#blogmanager #settings_profile .content .container > ul.row.flex,
#settings_profile .content #blogmanager .container > ul.row.flex,
#blogmanager #customerservice .content .container > ul.row.flex,
#customerservice .content #blogmanager .container > ul.row.flex,
#blogmanager #errormessages .content .container > ul.row.flex,
#errormessages .content #blogmanager .container > ul.row.flex,
#blogmanager #dashboard .content .container > ul.row.flex,
#dashboard .content #blogmanager .container > ul.row.flex {
  justify-content: space-between; }

/* line 378, screen.scss */
form input[type='text'] {
  padding: 6px 2px;
  border-radius: 3px;
  font-size: 14px; }
/* line 383, screen.scss */
form li > span:first-child {
  display: block;
  margin-bottom: 5px;
  font-weight: 700; }
/* line 388, screen.scss */
form .chebef input + label {
  font-size: 16px; }
/* line 389, screen.scss */
form li.hide {
  font-weight: bold;
  color: var(--colorDanger); }

/* line 395, screen.scss */
.flex, #settings_parameter .content .container,
#settings_profile .content .container,
#customerservice .content .container,
#errormessages .content .container,
#dashboard .content .container, #settings_parameter .content .container > .row.flex,
#settings_profile .content .container > .row.flex,
#customerservice .content .container > .row.flex,
#errormessages .content .container > .row.flex,
#dashboard .content .container > .row.flex {
  display: flex;
  justify-content: start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  align-items: start; }

/* line 403, screen.scss */
.error {
  position: absolute;
  z-index: 1;
  top: 0;
  margin-top: 10px;
  display: block;
  width: inherit;
  padding: 6px;
  border-radius: 4px;
  background-color: var(--colorDanger);
  color: var(--colorSuccess); }

/* line 415, screen.scss */
.red {
  color: var(--colorDanger); }

/* line 417, screen.scss */
.gdprplusckb {
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 40px;
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }
  /* line 428, screen.scss */
  .gdprplusckb > div > a {
    display: block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin: -15px -15px 0 0;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    border-color: var(--colorSecondary2);
    background-color: var(--colorSecondary2); }
    /* line 443, screen.scss */
    .gdprplusckb > div > a:hover {
      text-decoration: none;
      color: var(--colorDanger); }
  /* line 448, screen.scss */
  .gdprplusckb > div > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    /* line 457, screen.scss */
    .gdprplusckb > div > div:last-child {
      border: 0; }
    /* line 458, screen.scss */
    .gdprplusckb > div > div > span {
      display: flex;
      align-items: center; }
      /* line 461, screen.scss */
      .gdprplusckb > div > div > span input {
        display: inline-block;
        margin-right: 4px; }
    /* line 466, screen.scss */
    .gdprplusckb > div > div > a {
      margin-left: 4px; }

/* line 470, screen.scss */
.gdprplusbox {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  /* line 479, screen.scss */
  .gdprplusbox > div {
    position: relative;
    z-index: 1;
    max-width: 90vw;
    margin: 10vh auto;
    border-radius: 6px; }
    /* line 487, screen.scss */
    .gdprplusbox > div > a {
      display: block;
      position: absolute;
      right: 0;
      width: 30px;
      height: 30px;
      padding: 4px;
      margin: -15px -15px 0 0;
      border-radius: 50%;
      font-size: 20px;
      line-height: 20px;
      text-align: center;
      background-color: var(--colorSecondary2);
      border-color: var(--colorSecondary2); }
      /* line 502, screen.scss */
      .gdprplusbox > div > a:hover {
        text-decoration: none;
        color: var(--colorDanger); }
    /* line 507, screen.scss */
    .gdprplusbox > div > span {
      display: block;
      padding: 4px 15px;
      border-top-width: 1px;
      border-top-style: solid; }
    /* line 514, screen.scss */
    .gdprplusbox > div > div {
      max-width: 100%;
      max-height: 80vh;
      padding: 15px;
      overflow: hidden;
      overflow-y: auto; }
      /* line 520, screen.scss */
      .gdprplusbox > div > div h5 {
        font-size: 18px;
        margin: 6px 0; }
      /* line 524, screen.scss */
      .gdprplusbox > div > div h6 {
        font-size: 16px;
        margin: 4px 0; }
      /* line 528, screen.scss */
      .gdprplusbox > div > div p {
        font-size: 14px;
        margin: 2px 0; }
  @media only screen and (min-width: 480px) {
    /* line 535, screen.scss */
    .gdprplusbox > div {
      max-width: 60vw; } }

/* line 539, screen.scss */
.logo {
  max-width: 100%; }

/* line 540, screen.scss */
.logged .logo {
  max-width: 220px; }

/* line 541, screen.scss */
.header-nav {
  width: 100%; }

/* line 542, screen.scss */
.header-links {
  text-align: center; }

@media only screen and (min-width: 480px) {
  /* line 549, screen.scss */
  .logo {
    max-width: 220px; }

  /* line 551, screen.scss */
  .header-nav {
    width: 320px; } }
/* line 2, ../spritzer/_s_dashboard.scss */
nav {
  z-index: 2001;
  position: absolute;
  width: 220px;
  background-color: transparent;
  border-color: var(--colorSecondary2); }
  /* line 9, ../spritzer/_s_dashboard.scss */
  nav > ul > li {
    position: relative;
    display: block; }
    /* line 12, ../spritzer/_s_dashboard.scss */
    nav > ul > li > div {
      text-align: center;
      margin: 4px 0; }
    /* line 16, ../spritzer/_s_dashboard.scss */
    nav > ul > li > a {
      position: relative;
      display: block;
      padding: 12px;
      font-weight: 600;
      color: var(--colorSecondary3); }
      /* line 22, ../spritzer/_s_dashboard.scss */
      nav > ul > li > a:hover {
        text-decoration: none;
        background-color: var(--colorSecondary1);
        color: var(--colorSecondary4); }
      /* line 27, ../spritzer/_s_dashboard.scss */
      nav > ul > li > a > i.abb:first-child {
        display: none; }
      /* line 28, ../spritzer/_s_dashboard.scss */
      nav > ul > li > a > i.arrow {
        float: right; }
        /* line 30, ../spritzer/_s_dashboard.scss */
        nav > ul > li > a > i.arrow:after {
          display: inline-block;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: '\f104';
          font-family: FontIcon;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          margin-left: 1em; }
    /* line 43, ../spritzer/_s_dashboard.scss */
    nav > ul > li .nav-second {
      display: none;
      background: var(--colorSecondary1); }
      /* line 46, ../spritzer/_s_dashboard.scss */
      nav > ul > li .nav-second > li {
        position: relative;
        display: block; }
        /* line 49, ../spritzer/_s_dashboard.scss */
        nav > ul > li .nav-second > li > a {
          position: relative;
          display: block;
          padding: 7px 10px 7px 30px;
          font-weight: 600;
          color: var(--colorSecondary3); }
          /* line 55, ../spritzer/_s_dashboard.scss */
          nav > ul > li .nav-second > li > a:hover {
            text-decoration: none;
            color: var(--colorSecondary4);
            background-color: var(--colorSecondary1); }
    /* line 63, ../spritzer/_s_dashboard.scss */
    nav > ul > li.nav__aktiv {
      border-left-width: 4px;
      border-left-style: solid;
      border-left-color: var(--colorTertiary4);
      background-color: var(--colorSecondary1); }
      /* line 68, ../spritzer/_s_dashboard.scss */
      nav > ul > li.nav__aktiv .nav-second {
        display: block;
        min-width: 216px; }
        /* line 71, ../spritzer/_s_dashboard.scss */
        nav > ul > li.nav__aktiv .nav-second > li > a > span:first-child {
          display: none; }
        /* line 72, ../spritzer/_s_dashboard.scss */
        nav > ul > li.nav__aktiv .nav-second > li > a > span:last-child {
          display: inline; }
      /* line 74, ../spritzer/_s_dashboard.scss */
      nav > ul > li.nav__aktiv.nav-second__aktiv .nav-second {
        min-width: 216px; }
        /* line 76, ../spritzer/_s_dashboard.scss */
        nav > ul > li.nav__aktiv.nav-second__aktiv .nav-second > li > a > span:first-child {
          display: none; }
        /* line 77, ../spritzer/_s_dashboard.scss */
        nav > ul > li.nav__aktiv.nav-second__aktiv .nav-second > li > a > span:last-child {
          display: inline; }
      /* line 79, ../spritzer/_s_dashboard.scss */
      nav > ul > li.nav__aktiv > a {
        color: var(--colorSecondary4); }
        /* line 81, ../spritzer/_s_dashboard.scss */
        nav > ul > li.nav__aktiv > a > i.arrow:after {
          content: ""; }
  /* line 86, ../spritzer/_s_dashboard.scss */
  nav.mininav {
    width: 60px; }
    /* line 88, ../spritzer/_s_dashboard.scss */
    nav.mininav + .content {
      margin-left: 60px; }
    /* line 90, ../spritzer/_s_dashboard.scss */
    nav.mininav > ul > li > a > span:first-child {
      display: inline; }
    /* line 91, ../spritzer/_s_dashboard.scss */
    nav.mininav > ul > li > a > span:last-child {
      display: none; }
    /* line 92, ../spritzer/_s_dashboard.scss */
    nav.mininav > ul > li.nav__aktiv.nav-second__aktiv .nav-second {
      min-width: 56px; }
      /* line 94, ../spritzer/_s_dashboard.scss */
      nav.mininav > ul > li.nav__aktiv.nav-second__aktiv .nav-second > li > a {
        padding-left: 20px; }
        /* line 96, ../spritzer/_s_dashboard.scss */
        nav.mininav > ul > li.nav__aktiv.nav-second__aktiv .nav-second > li > a > span:first-child {
          display: inline; }
        /* line 97, ../spritzer/_s_dashboard.scss */
        nav.mininav > ul > li.nav__aktiv.nav-second__aktiv .nav-second > li > a > span:last-child {
          display: none; }
    /* line 101, ../spritzer/_s_dashboard.scss */
    nav.mininav i.arrow:after {
      display: none; }
    /* line 102, ../spritzer/_s_dashboard.scss */
    nav.mininav i.icon + span, nav.mininav i.abb + span {
      display: none; }
    /* line 104, ../spritzer/_s_dashboard.scss */
    nav.mininav i.abb {
      display: inline; }
  /* line 106, ../spritzer/_s_dashboard.scss */
  nav.zeronav {
    display: none; }
    /* line 108, ../spritzer/_s_dashboard.scss */
    nav.zeronav + .content {
      margin-left: 0; }

/* line 19, ../spritzer/_spritzer.scss */
::-webkit-input-placeholder {
  color: var(--colorPrimary3); }

/* line 20, ../spritzer/_spritzer.scss */
:-moz-placeholder {
  color: var(--colorPrimary3); }

/* line 21, ../spritzer/_spritzer.scss */
::-moz-placeholder {
  color: var(--colorPrimary3); }

/* line 22, ../spritzer/_spritzer.scss */
:-ms-input-placeholder {
  color: var(--colorPrimary3); }

/* line 25, ../spritzer/_spritzer.scss */
.disabled,
input[text]:read-only,
:disabled {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat; }

/* line 97, ../spritzer/_spritzer.scss */
input[type='password'],
input[type='text'] {
  width: 100%;
  height: 2.25em;
  line-height: 2.25em;
  font-weight: 500;
  text-indent: 0.2em;
  text-align: left;
  vertical-align: middle;
  outline: none;
  border: 1px solid var(--colorSecondary3);
  background-color: var(--colorTertiary3);
  color: var(--colorPrimary1); }
  /* line 54, ../spritzer/_spritzer.scss */
  input[type='password']:focus,
  input[type='text']:focus {
    background-color: var(--colorTertiary3);
    border: 1px solid var(--colorTertiary1);
    color: var(--colorPrimary1); }

/* line 144, ../spritzer/_spritzer.scss */
li {
  position: relative; }

/* line 145, ../spritzer/_spritzer.scss */
textarea {
  width: 100%;
  height: 10em;
  font-weight: 500;
  text-indent: 0.2em;
  border: 1px solid var(--colorSecondary3);
  background-color: var(--colorTertiary3);
  color: var(--colorPrimary1); }
  /* line 54, ../spritzer/_spritzer.scss */
  textarea:focus {
    background-color: var(--colorTertiary3);
    border: 1px solid var(--colorTertiary1);
    color: var(--colorPrimary1); }
  /* line 151, ../spritzer/_spritzer.scss */
  textarea:focus {
    position: inherit;
    z-index: 1; }

/* line 160, ../spritzer/_spritzer.scss */
select {
  width: 100%;
  height: 2.25em;
  line-height: 2.25em;
  cursor: pointer;
  border: 1px solid var(--colorSecondary3);
  background-color: var(--colorTertiary3);
  color: var(--colorPrimary1);
  /*IE*/ }
  /* line 54, ../spritzer/_spritzer.scss */
  select:focus {
    background-color: var(--colorTertiary3);
    border: 1px solid var(--colorTertiary1);
    color: var(--colorPrimary1); }
  /* line 166, ../spritzer/_spritzer.scss */
  select::-ms-expand {
    display: none; }
  /* line 168, ../spritzer/_spritzer.scss */
  select option:nth-child(even) {
    background-color: var(--colorTertiary3); }

/* line 171, ../spritzer/_spritzer.scss */
.form-select[data-icon] {
  position: relative;
  display: inline-block; }
  /* line 174, ../spritzer/_spritzer.scss */
  .form-select[data-icon]:after {
    position: absolute;
    text-align: center;
    font-family: FontIcon;
    font-weight: 500;
    pointer-events: none;
    font-size: 1em;
    vertical-align: middle;
    content: attr(data-icon);
    width: 2.25em;
    height: 2.25em;
    line-height: 2.25em;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--colorSecondary3);
    color: var(--colorTertiary3); }
  /* line 179, ../spritzer/_spritzer.scss */
  .form-select[data-icon].padr:after, .form-select[data-icon].padlr:after {
    right: 4px; }

/* line 113, ../spritzer/_spritzer.scss */
[data-on],
[data-to] {
  position: relative;
  display: inline-block; }

/* line 119, ../spritzer/_spritzer.scss */
[data-on]:before {
  position: absolute;
  text-align: center;
  font-family: FontIcon;
  font-weight: 500;
  pointer-events: none;
  font-size: 1em;
  vertical-align: middle;
  content: attr(data-on);
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  right: auto; }
/* line 120, ../spritzer/_spritzer.scss */
[data-on] > input {
  padding-left: 2.25em; }
/* line 121, ../spritzer/_spritzer.scss */
[data-on].padl:before, [data-on].padlr:before {
  left: 4px; }

/* line 125, ../spritzer/_spritzer.scss */
[data-to]:after {
  position: absolute;
  text-align: center;
  font-family: FontIcon;
  font-weight: 500;
  pointer-events: none;
  font-size: 1em;
  vertical-align: middle;
  content: attr(data-to);
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  top: 0;
  right: 0;
  bottom: 0;
  top: auto;
  bottom: auto;
  font-size: inherit; }
/* line 126, ../spritzer/_spritzer.scss */
[data-to] > input {
  padding-right: 2.25em; }
/* line 127, ../spritzer/_spritzer.scss */
[data-to].padr:after, [data-to].padlr:after {
  right: 4px; }

/* line 130, ../spritzer/_spritzer.scss */
.padlilr [data-on]:before {
  left: 4px; }

/* line 131, ../spritzer/_spritzer.scss */
.padlilr [data-to]:after {
  right: 4px; }

/* line 132, ../spritzer/_spritzer.scss */
.bgonto[data-to]:after,
.bgonto[data-on]:before {
  color: var(--colorTertiary3);
  background-color: var(--colorSecondary3); }

/* line 137, ../spritzer/_spritzer.scss */
.padlr.h2on[data-on]:before {
  left: 4px; }

/* line 138, ../spritzer/_spritzer.scss */
.h2on[data-on]:before {
  width: 3.375em; }

/* line 139, ../spritzer/_spritzer.scss */
.h2on[data-on] > input {
  padding-left: 3.375em; }

/* line 262, ../spritzer/_spritzer.scss */
input[type=radio],
input[type=checkbox] {
  display: none; }
  /* line 265, ../spritzer/_spritzer.scss */
  input[type=radio] + label,
  input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    height: calc(2.25em - 4px);
    line-height: calc(2.25em - 4px);
    cursor: pointer; }

/* line 273, ../spritzer/_spritzer.scss */
.cheaft input + label {
  padding-right: 2.45em;
  margin-left: 0.8em; }
  /* line 276, ../spritzer/_spritzer.scss */
  .cheaft input + label::after {
    right: 0;
    position: absolute;
    text-align: center;
    font-family: FontIcon;
    font-weight: 500;
    pointer-events: none;
    font-size: 1em;
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: calc(2.25em - 2px);
    height: calc(2.25em - 2px);
    border: 1px solid var(--colorSecondary3);
    background-color: var(--colorTertiary3); }

/* line 281, ../spritzer/_spritzer.scss */
.chebef input + label {
  padding-left: 2.45em; }
  /* line 283, ../spritzer/_spritzer.scss */
  .chebef input + label::before {
    left: 0;
    position: absolute;
    text-align: center;
    font-family: FontIcon;
    font-weight: 500;
    pointer-events: none;
    font-size: 1em;
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: calc(2.25em - 2px);
    height: calc(2.25em - 2px);
    border: 1px solid var(--colorSecondary3);
    background-color: var(--colorTertiary3); }

/* line 288, ../spritzer/_spritzer.scss */
.chebef input:checked + label:before,
.cheaft input:checked + label:after {
  content: "\f00c";
  color: var(--colorPrimary1); }

/* line 295, ../spritzer/_spritzer.scss */
.radiogomb label, .checlick label {
  padding-left: 1em;
  padding-right: 1em;
  margin-right: .2em;
  margin-bottom: .2em;
  background-color: var(--colorPrimary1);
  color: var(--colorPrimary1); }
  /* line 302, ../spritzer/_spritzer.scss */
  .radiogomb label:before, .checlick label:before, .radiogomb label:after, .checlick label:after {
    display: none; }
/* line 305, ../spritzer/_spritzer.scss */
.radiogomb input[type="radio"]:checked + label, .checlick input[type="radio"]:checked + label {
  background-color: var(--colorPrimary1);
  color: var(--colorPrimary3); }

/* line 315, ../spritzer/_spritzer.scss */
.checlick > input[type=checkbox] + label, .checlick > input[type=radio] + label {
  display: block; }
  /* line 317, ../spritzer/_spritzer.scss */
  .checlick > input[type=checkbox] + label:before, .checlick > input[type=radio] + label:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f105';
    font-family: FontIcon;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 1em; }
/* line 330, ../spritzer/_spritzer.scss */
.checlick > input[type=checkbox]:checked + label:before, .checlick > input[type=radio]:checked + label:before {
  content: ""; }
/* line 331, ../spritzer/_spritzer.scss */
.checlick > input[type=checkbox]:checked + label + div, .checlick > input[type=radio]:checked + label + div {
  display: block; }
/* line 334, ../spritzer/_spritzer.scss */
.checlick > div {
  display: none; }

/* line 340, ../spritzer/_spritzer.scss */
[data-multiple] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  /* line 347, ../spritzer/_spritzer.scss */
  [data-multiple] + label {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid var(--colorSecondary3);
    background-color: var(--colorTertiary3); }
    /* line 357, ../spritzer/_spritzer.scss */
    [data-multiple] + label span {
      display: inline-block;
      padding: 0 0.5em; }
    /* line 361, ../spritzer/_spritzer.scss */
    [data-multiple] + label strong {
      display: inline-block;
      text-align: center;
      font-family: Arial;
      font-weight: 700;
      font-size: 1em;
      padding: 0 .5em;
      line-height: 2.25em;
      background-color: var(--colorTertiary1);
      color: var(--colorTertiary3); }
      /* line 371, ../spritzer/_spritzer.scss */
      [data-multiple] + label strong[data-icon]:before {
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: attr(data-icon);
        font-family: FontIcon;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        margin-right: .2em; }
    /* line 383, ../spritzer/_spritzer.scss */
    [data-multiple] + label:hover strong {
      background-color: var(--colorTertiary2);
      color: var(--colorTertiary3); }
    /* line 387, ../spritzer/_spritzer.scss */
    [data-multiple] + label + div {
      margin-top: 4px; }

/* line 528, ../spritzer/_spritzer.scss */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--colorTertiary3);
  background-color: var(--colorTertiary1); }
  /* line 550, ../spritzer/_spritzer.scss */
  .btn:hover {
    text-decoration: none;
    color: var(--colorTertiary3);
    background-color: var(--colorTertiary2); }

/* line 559, ../spritzer/_spritzer.scss */
.icon:before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon);
  font-family: FontIcon;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: .2em; }

/* line 570, ../spritzer/_spritzer.scss */
.iconbox {
  font-size: 2em;
  text-align: center; }

/* line 574, ../spritzer/_spritzer.scss */
.iconf {
  font-family: FontIcon; }

/* line 221, ../spritzer/_spritzer.scss */
a.clickicon {
  z-index: 1;
  position: absolute;
  display: inline-block;
  width: 1.125em;
  line-height: 1.25em;
  font-size: 2.25em;
  font-family: FontIcon;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  background-color: var(--colorTertiary1);
  color: var(--colorTertiary3); }
  /* line 236, ../spritzer/_spritzer.scss */
  a.clickicon + input, a.clickicon + select {
    padding-left: 2.25em; }
  /* line 238, ../spritzer/_spritzer.scss */
  a.clickicon.iconin {
    font-size: x-large; }
  /* line 239, ../spritzer/_spritzer.scss */
  a.clickicon:hover {
    background-color: var(--colorTertiary2);
    color: var(--colorTertiary3);
    cursor: default; }

/*
.clickicon + a:before{
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon);
  font-family: FontIcon;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: .2em;
}
*/
/* line 8, ../spritzer/_s_table.scss */
table {
  min-width: 320px;
  border-collapse: collapse; }
  /* line 12, ../spritzer/_s_table.scss */
  table thead th {
    background-color: var(--colorPrimary2);
    color: var(--colorPrimary1);
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    padding: 4px; }
  /* line 21, ../spritzer/_s_table.scss */
  table tfoot {
    background-color: var(--colorPrimary2);
    color: var(--colorPrimary1);
    font-weight: normal;
    white-space: nowrap; }
  /* line 27, ../spritzer/_s_table.scss */
  table td {
    padding: 4px; }
    /* line 29, ../spritzer/_s_table.scss */
    table td:last-child {
      padding-left: 4px;
      padding-right: 4px; }
    /* line 33, ../spritzer/_s_table.scss */
    table td .icon {
      font-size: calc(1em + 4px); }
      /* line 35, ../spritzer/_s_table.scss */
      table td .icon:hover:before {
        color: var(--colorPrimary1); }

/* line 39, ../spritzer/_s_table.scss */
table, td, th {
  border: 1px solid var(--colorPrimary3); }

/* line 642, ../spritzer/_spritzer.scss */
.tooltip + b {
  z-index: 102;
  position: absolute;
  display: none;
  padding: 10px;
  min-width: 220px;
  max-width: 300px;
  margin-top: 8px;
  background: #8ad92e;
  color: #333;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 5px 5px 8px #888;
  -webkit-box-shadow: 5px 5px 8px #888;
  box-shadow: 5px 5px 8px #888;
  --after-left: 12px;
  --after-right: unset; }
  /* line 660, ../spritzer/_spritzer.scss */
  .tooltip + b:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -8px;
    top: 0;
    left: var(--after-left);
    right: var(--after-right);
    margin-top: -8px;
    border-top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #8ad92e; }

/* line 675, ../spritzer/_spritzer.scss */
.tt_focus:focus + b,
.tt_hover:hover + b {
  display: inline-block; }

/* line 678, ../spritzer/_spritzer.scss */
.tooltip + div {
  z-index: 102;
  position: absolute;
  display: none;
  float: left;
  width: 100%; }
  /* line 684, ../spritzer/_spritzer.scss */
  .tooltip + div > span {
    position: absolute;
    display: inline-block;
    padding: 10px;
    margin-left: 10px;
    min-width: 220px;
    max-width: 300px;
    line-height: 1em;
    font: 10pt sans-serif, Geneva, Arial, Helvetica;
    text-align: left;
    background: #8ad92e;
    color: #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #888;
    -webkit-box-shadow: 5px 5px 8px #888;
    box-shadow: 5px 5px 8px #888; }
    /* line 702, ../spritzer/_spritzer.scss */
    .tooltip + div > span:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 6px;
      left: 0;
      margin-left: -8px;
      border-top: 8px solid transparent;
      border-right: 8px solid #8ad92e;
      border-bottom: 8px solid transparent; }

/* line 716, ../spritzer/_spritzer.scss */
.tt_top + div {
  height: 1000px;
  margin-top: -1010px; }
  /* line 719, ../spritzer/_spritzer.scss */
  .tt_top + div > span {
    bottom: 0;
    left: 0;
    margin-left: -32px; }
    /* line 723, ../spritzer/_spritzer.scss */
    .tt_top + div > span:after {
      top: auto;
      bottom: 0;
      left: 15px;
      margin-bottom: -8px;
      border-top: 8px solid #8ad92e;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 0; }

/* line 736, ../spritzer/_spritzer.scss */
.tt_bottom + div > span {
  margin-top: 35px;
  margin-left: -30px; }
  /* line 739, ../spritzer/_spritzer.scss */
  .tt_bottom + div > span:after {
    top: 0;
    left: 15px;
    margin-top: -8px;
    border-top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #8ad92e; }

/* line 750, ../spritzer/_spritzer.scss */
.tt_focus:focus + div,
.tt_hover:hover + div {
  display: inline-block; }