@charset "UTF-8";
/***************
 * Szabvány:    3.0
 * Név:         screen.css
 * Projekt:     hir7
 * Leírás:      
 * Keletkezés:  2021.10.03
 * 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: #94959a;
  --colorPrimary2: #ffffff;
  --colorPrimary3: #f6e04f;
  --colorPrimary4: #02e6b5;
  --colorSecondary1: #ada3a1;
  --colorSecondary2: #000000;
  --colorSecondary3: #fcf7d2;
  --colorSecondary4: #119772;
  --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(--colorPrimary2); }

/* 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 {
  width: 100%; }

/* line 41, screen.scss */
main {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

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

/* line 56, 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;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--colorPrimary1); }
  /* line 68, 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 77, screen.scss */
    header .header-nav .logo {
      width: 100%;
      text-align: center;
      font-size: 36px;
      font-weight: 600; }
      /* line 82, screen.scss */
      header .header-nav .logo > a {
        color: var(--colorSecondary2); }
        /* line 84, screen.scss */
        header .header-nav .logo > a > span {
          color: var(--colorPrimary4); }
        /* line 85, screen.scss */
        header .header-nav .logo > a:hover {
          text-decoration: none; }
    /* line 88, screen.scss */
    header .header-nav .minimalize {
      max-width: calc(100% - 220px);
      width: 100%;
      height: 30px;
      text-align: center; }
      /* line 93, screen.scss */
      header .header-nav .minimalize > a {
        border-radius: 3px;
        padding: 4px 12px;
        font-size: 14px;
        background-color: var(--colorSecondary4);
        border-color: var(--colorSecondary4);
        color: var(--colorPrimary2); }
        /* line 100, screen.scss */
        header .header-nav .minimalize > a > i:before {
          margin-right: 0; }
        /* line 101, 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 111, screen.scss */
          header .header-nav .minimalize > a.signed:hover {
            text-decoration: underline;
            background-color: var(--colorPrimary2); }
        /* line 116, screen.scss */
        header .header-nav .minimalize > a:hover {
          background-color: var(--colorPrimary4); }
  /* line 120, screen.scss */
  header .header-links {
    margin-right: 40px; }
    /* line 122, screen.scss */
    header .header-links > li {
      display: inline-block; }
      /* line 124, screen.scss */
      header .header-links > li > a {
        position: relative;
        display: block;
        min-height: 50px;
        padding: 15px 10px;
        font-size: 14px;
        font-weight: 600;
        color: var(--colorPrimary1); }
        /* line 132, screen.scss */
        header .header-links > li > a:hover {
          text-decoration: none;
          color: var(--colorPrimary4); }
      /* line 138, screen.scss */
      header .header-links > li.navbar > a {
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase; }

/* line 148, 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: none repeat scroll 0 0 white;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--colorPrimary1); }

/* line 161, screen.scss */
.content {
  position: relative !important;
  min-height: 665px;
  margin: 0;
  padding-bottom: 20px;
  background-color: var(--colorPrimary2); }

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

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

/* line 178, screen.scss */
#forgotpwd .content > .container,
#registration .content > .container,
#login .content > .container {
  max-width: 400px;
  width: 300px;
  margin: 0 auto;
  text-align: center; }
  /* line 183, 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;
    color: var(--colorPrimary1); }
    /* line 189, screen.scss */
    #forgotpwd .content > .container > h1.logo-name,
    #registration .content > .container > h1.logo-name,
    #login .content > .container > h1.logo-name {
      color: var(--colorSecondary2); }
      /* line 191, screen.scss */
      #forgotpwd .content > .container > h1.logo-name > span,
      #registration .content > .container > h1.logo-name > span,
      #login .content > .container > h1.logo-name > span {
        color: var(--colorPrimary4); }
  /* line 194, 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 200, screen.scss */
  #forgotpwd .content > .container > p,
  #registration .content > .container > p,
  #login .content > .container > p {
    margin: 0 0 10px; }
  /* line 201, screen.scss */
  #forgotpwd .content > .container > form,
  #registration .content > .container > form,
  #login .content > .container > form {
    margin-top: 15px; }
    /* line 203, screen.scss */
    #forgotpwd .content > .container > form li,
    #registration .content > .container > form li,
    #login .content > .container > form li {
      margin-bottom: 15px; }
      /* line 205, 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 213, 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 223, screen.scss */
#home {
  font-size: 18px; }
  /* line 227, screen.scss */
  #home .content dt {
    min-width: 100%;
    display: flex;
    padding: 15px 15px 0; }
    /* line 233, screen.scss */
    #home .content dt.cf > a {
      max-width: calc(100% - 320px);
      flex: 0 0 calc(100% - 320px);
      position: relative;
      display: flex;
      height: min-content; }
      /* line 240, screen.scss */
      #home .content dt.cf > a > div.leadin {
        width: 100%;
        position: relative;
        padding: 4px;
        text-overflow: ellipsis;
        background-color: var(--colorPrimary1);
        color: var(--colorPrimary2); }
      /* line 249, screen.scss */
      #home .content dt.cf > a > div > img {
        max-width: calc(50vw - 30px); }
      /* line 253, screen.scss */
      #home .content dt.cf > a:hover {
        text-decoration: none;
        color: var(--colorPrimary4); }
    /* line 258, screen.scss */
    #home .content dt.cf > div {
      max-width: 320px;
      min-width: 320px;
      flex: 0 0 320px;
      position: relative; }
    /* line 266, screen.scss */
    #home .content dt.list > div {
      max-width: 25%; }
      /* line 268, screen.scss */
      #home .content dt.list > div.clist {
        max-width: 50%; }
        /* line 271, screen.scss */
        #home .content dt.list > div.clist > a {
          width: 100%;
          position: relative;
          display: flex;
          flex-flow: row-reverse;
          padding: 4px 0;
          margin-bottom: 4px;
          border-bottom: 1px solid; }
          /* line 280, screen.scss */
          #home .content dt.list > div.clist > a > div.leadin {
            width: 100%;
            position: relative;
            padding: 4px;
            text-overflow: ellipsis; }
          /* line 286, screen.scss */
          #home .content dt.list > div.clist > a > div {
            display: flex;
            justify-content: center;
            flex-direction: column; }
            /* line 291, screen.scss */
            #home .content dt.list > div.clist > a > div > img {
              max-width: 130px; }
          /* line 293, screen.scss */
          #home .content dt.list > div.clist > a:hover {
            text-decoration: none;
            color: var(--colorPrimary4); }

/* line 304, screen.scss */
#page {
  font-size: 18px; }
  /* line 308, screen.scss */
  #page .content dt {
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 0; }
    /* line 314, screen.scss */
    #page .content dt > div.leadin {
      width: 100%;
      position: relative;
      display: flex;
      flex: 1 1 0;
      flex-direction: column-reverse; }
      /* line 321, screen.scss */
      #page .content dt > div.leadin .leadin {
        font-size: 1.5rem;
        flex: 1 1 0; }
        /* line 325, screen.scss */
        #page .content dt > div.leadin .leadin h1 {
          font-size: 2.25rem;
          font-weight: 700;
          margin: 0 0 .5rem; }
      /* line 331, screen.scss */
      #page .content dt > div.leadin .leadinfooter {
        font-size: 0.8rem; }
    /* line 334, screen.scss */
    #page .content dt > h2 {
      margin-bottom: 1rem;
      padding: .5rem 0; }
  /* line 340, screen.scss */
  #page .content dd {
    min-width: 100%;
    display: flex;
    padding: 0 15px; }
    /* line 345, screen.scss */
    #page .content dd > article {
      width: 100%;
      position: relative; }
      /* line 349, screen.scss */
      #page .content dd > article span.activated {
        display: block;
        padding: 10px;
        background-color: var(--colorSecondary3); }
      /* line 355, screen.scss */
      #page .content dd > article .popup-galeria {
        display: flex;
        justify-content: center;
        text-decoration: none; }
        /* line 359, screen.scss */
        #page .content dd > article .popup-galeria > img {
          max-width: 100%; }
        /* line 360, screen.scss */
        #page .content dd > article .popup-galeria span {
          display: block;
          margin-left: -52px;
          font-size: 20px;
          color: #fff;
          text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

/* line 381, screen.scss */
#blogmanager .content .icon,
#settings_profile .content .icon,
#dashboard .content .icon {
  font-size: 1.2em; }
/* line 384, screen.scss */
#blogmanager .content .container > h1,
#settings_profile .content .container > h1,
#dashboard .content .container > h1 {
  margin: 0 20px;
  padding: 10px 0;
  font-size: 2em; }
/* line 389, screen.scss */
#blogmanager .content .container > .row,
#settings_profile .content .container > .row,
#dashboard .content .container > .row {
  display: inline-block;
  border-bottom: none !important;
  border-top: 0;
  margin: 10px 5px 0 5px;
  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 401, screen.scss */
  #blogmanager .content .container > .row > div .btitle,
  #settings_profile .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(--colorSecondary1); }
    /* line 407, screen.scss */
    #blogmanager .content .container > .row > div .btitle > h5,
    #settings_profile .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 417, screen.scss */
    #blogmanager .content .container > .row > div .btitle > div,
    #settings_profile .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 426, screen.scss */
  #blogmanager .content .container > .row > div > .bcontent,
  #settings_profile .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(--colorSecondary1); }
    /* line 433, screen.scss */
    #blogmanager .content .container > .row > div > .bcontent > table,
    #settings_profile .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 439, screen.scss */
      #blogmanager .content .container > .row > div > .bcontent > table th,
      #settings_profile .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 447, screen.scss */
      #blogmanager .content .container > .row > div > .bcontent > table > thead > th,
      #settings_profile .content .container > .row > div > .bcontent > table > thead > th,
      #dashboard .content .container > .row > div > .bcontent > table > thead > th {
        text-align: left; }
      /* line 448, screen.scss */
      #blogmanager .content .container > .row > div > .bcontent > table td,
      #settings_profile .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 460, screen.scss */
    #blogmanager .content .container > .row > div > .bcontent > form #kepablak > div,
    #settings_profile .content .container > .row > div > .bcontent > form #kepablak > div,
    #dashboard .content .container > .row > div > .bcontent > form #kepablak > div {
      float: left;
      min-width: 155px;
      min-height: 155px;
      margin: 0 1px 1px 0;
      border: 1px dashed #fff; }

/* line 476, screen.scss */
.flex, #blogmanager .content .container,
#settings_profile .content .container,
#dashboard .content .container, #blogmanager .content .container > .row.flex,
#settings_profile .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 485, screen.scss */
.logo {
  max-width: 100%; }

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

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

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

/* line 491, screen.scss */
#page .content dt {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap; }
  /* line 495, screen.scss */
  #page .content dt > div > img {
    max-width: 100%; }

@media only screen and (max-width: 480px) {
  /* line 502, screen.scss */
  nav:not(.mininav) {
    position: relative;
    width: 100%; }
    /* line 505, screen.scss */
    nav:not(.mininav) + .content {
      margin-left: 0; } }
@media only screen and (min-width: 600px) {
  /* line 515, screen.scss */
  .header-nav {
    max-width: 320px; } }
@media only screen and (max-width: 768px) {
  /* line 521, screen.scss */
  #page .content dd article > div > p > img {
    width: 100% !important;
    height: auto !important; } }
@media only screen and (min-width: 992px) {
  /* line 535, screen.scss */
  #page .content dt {
    flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse; }
    /* line 539, screen.scss */
    #page .content dt > div > img {
      max-width: 600px; } }
/* line 2, ../spritzer/_s_dashboard.scss */
nav {
  z-index: 2001;
  position: absolute;
  width: 220px;
  background-color: transparent;
  border-color: var(--colorPrimary1); }
  /* 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(--colorPrimary1); }
      /* 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(--colorPrimary1); }
      /* 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(--colorPrimary2); }
        /* 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(--colorSecondary1); }

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

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

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

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

/* line 32, ../spritzer/_spritzer.scss */
input,
select,
table {
  font-size: 1em; }

/* line 35, ../spritzer/_spritzer.scss */
textarea {
  font-size: 1.15em; }

/* 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 #ddd;
  background-color: #fff;
  color: #888; }
  /* line 54, ../spritzer/_spritzer.scss */
  input[type='password']:focus,
  input[type='text']:focus {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #666; }

/* 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(--colorPrimary2);
  background-color: var(--colorSecondary4); }
  /* line 550, ../spritzer/_spritzer.scss */
  .btn:hover {
    text-decoration: none;
    color: var(--colorSecondary2);
    background-color: var(--colorPrimary4); }

/* 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; }