@charset "UTF-8";
:root {
  --space-extra-large: 50px;
  --space-large: 25px;
  --space-medium: 20px;
  --space-small: 15px;
  --space-extra-small: 5px;
}
@media (min-width: 768px) {
  :root {
    --space-extra-large: 70px;
    --space-large: 50px;
    --space-medium: 40px;
    --space-small: 20px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 992px) {
  :root {
    --space-extra-large: 70px;
    --space-large: 50px;
    --space-medium: 40px;
    --space-small: 20px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1200px) {
  :root {
    --space-extra-large: 90px;
    --space-large: 65px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1440px) {
  :root {
    --space-extra-large: 100px;
    --space-large: 65px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1600px) {
  :root {
    --space-extra-large: 100px;
    --space-large: 80px;
    --space-medium: 40px;
    --space-small: 30px;
    --space-extra-small: 5px;
  }
}
@media (min-width: 1900px) {
  :root {
    --space-extra-large: 120px;
    --space-large: 100px;
    --space-medium: 50px;
    --space-small: 40px;
    --space-extra-small: 5px;
  }
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_LIGHT_II_37.otf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_LIGHT_II_37.otf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BOOK_II_37.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BOOK_II_37.otf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_MEDIUM_II_37.otf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_MEDIUM_II_37.otf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_MEDIUM_II_37.otf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_MEDIUM_II_37.otf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BOLD_II_37.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BOLD_II_37.otf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BLACK_II_37.otf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Diavlo';
  src: url('/Resources/Public/Fonts/Webfont/Diavlo_BLACK_II_37.otf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
/*Default*/
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/Resources/Public/Fonts/Webfont/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'icomoon';
  src: url('/Resources/Public/Fonts/Icomoon/icomoon.eot');
  src: url('/Resources/Public/Fonts/Icomoon/icomoon.eot') format('embedded-opentype'), url('/Resources/Public/Fonts/Icomoon/icomoon.ttf') format('truetype'), url('/Resources/Public/Fonts/Icomoon/icomoon.woff') format('woff'), url('/Resources/Public/Fonts/Icomoon/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-female:before {
  content: "";
  font-size: 40px !important;
}
.icon-male:before {
  content: "";
  font-size: 40px !important;
}
.icon-telegram:before {
  content: "";
  font-size: 24px;
}
.icon-facebook2:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-whatsapp:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-paypal:before {
  content: "";
}
:root {
  --font-regular: 'OpenSans';
  --font-special: 'Diavlo';
  --font-size: 15px;
  --font-size-backend: 17px;
  --font-size-navigation: 16px;
  --h6-size: 16px;
  --h5-size: 17px;
  --h4-size: 18px;
  --h3-size: 20px;
  --h2-size: 23px;
  --h1-size: 35px;
  --text-color-white: white;
  --text-color-black: #000000;
  --text-color-default: #000000;
  --bg-color-default-trans: #95c11fE6;
  --bg-color-default: transparent;
  --color-1: #F7F7F7;
  --color-2: #6F656F;
  --color-3: #332433;
  --color-4: #4D0F00;
  --color-5: #D1E17B;
  --color-6: #A5C400;
  --color-7: #768B03;
  --color-8: #40ACF5;
  --color-9: #FFB319;
  --color-10: #FF8019;
  --color-11: #FF4D19;
  --color-12: #FF4D19;
  --bg-color-1: #F7F7F7;
  --bg-color-2: #6F656F;
  --bg-color-3: #332433;
  --bg-color-4: #4D0F00;
  --bg-color-5: #D1E17B;
  --bg-color-6: #A5C400;
  --bg-color-7: #768B03;
  --bg-color-8: #40ACF5;
  --bg-color-9: #FFB319;
  --bg-color-10: #FF8019;
  --bg-color-11: #FF4D19;
  --bg-color-12: #FF4D19;
  --color-1-trans: #F7F7F7E6;
  --color-2-trans: rgba(111, 101, 111, .20);
  --color-3-trans: #332433E6;
  --color-4-trans: #4D0F00E6;
  --color-5-trans: #D1E17BE6;
  --color-6-trans: #A5C400E6;
  --color-7-trans: #768B03E6;
  --color-8-trans: #40ACF5E6;
  --color-9-trans: #FFB319E6;
  --color-10-trans: #FF8019E6;
  --color-11-trans: #FF4D19E6;
  --color-12-trans: #FF4D19E6;
  --text-color-1: #F7F7F7;
  --text-color-2: #6F656F;
  --text-color-3: #332433;
  --text-color-4: #4D0F00;
  --text-color-5: #D1E17B;
  --text-color-6: #A5C400;
  --text-color-7: #768B03;
  --text-color-8: #40ACF5;
  --text-color-9: #FFB319;
  --text-color-10: #FF8019;
  --text-color-11: #FF4D19;
  --text-color-12: #FF4D19;
  --btn-text-color-white: #ffffff;
  --btn-text-color-default: #ffffff;
  --btn-text-color-1: #9e1256;
  --btn-text-color-2: #ffffff;
  --btn-text-color-3: #ffffff;
  --btn-text-color-4: #ffffff;
  --btn-text-color-5: #ffffff;
  --btn-text-color-6: #ffffff;
  --btn-text-color-7: #ffffff;
  --btn-text-color-8: #ffffff;
  --btn-text-color-9: #ffffff;
  --btn-text-color-10: #ffffff;
  --btn-text-color-11: #ffffff;
  --btn-text-color-12: #ffffff;
  --gallerie-space-extra-small: 2px;
  --gallerie-space-small: 5px;
  --gallerie-space-medium: 7px;
  --gallerie-space-large: 10px;
  --gallerie-space-extra-large: 15px;
  --gradient-1: transparent linear-gradient(180deg, #95c11f 0%, #749719 100%) no-repeat padding-box;
  --gradient-2: transparent linear-gradient(180deg, rgba(149, 193, 31, .6) 0%, rgba(116, 151, 25, .6) 100%) no-repeat padding-box;
  --gradient-3: transparent linear-gradient(270deg, #95c11f 0%, #749719 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 768px) {
  :root {
    --font-size: 16px;
    --h6-size: 20px;
    --h5-size: 23px;
    --h4-size: 28px;
    --h3-size: 32px;
    --h2-size: 40px;
    --h1-size: 60px;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size: 16px;
    --h6-size: 18px;
    --h5-size: 20px;
    --h4-size: 23px;
    --h3-size: 28px;
    --h2-size: 30px;
    --h1-size: 60px;
  }
}
@media (min-width: 1440px) {
  :root {
    --font-size: 16px;
    --h6-size: 20px;
    --h5-size: 23px;
    --h4-size: 28px;
    --h3-size: 32px;
    --h2-size: 40px;
    --h1-size: 60px;
  }
}
@media (min-width: 1900px) {
  :root {
    --font-size-navigation: 18px;
  }
}
:root {
  scroll-behavior: auto;
}
body {
  font-family: var(--font-regular);
  background: url('/fileadmin/user_upload/Bilder/header_trans_1.jpg') center no-repeat fixed;
  background-size: cover;
  padding-top: 122px;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
@media (min-width: 768px) {
  body {
    padding-top: 146px;
  }
}
@media (min-width: 1200px) {
  body {
    padding-top: 200px;
  }
}
body#id27 {
  padding-top: 0 !important;
}
.round-bottom-right {
  -webkit-border-radius: 0 0 30px 0;
  -moz-border-radius: 0 0 30px 0;
  border-radius: 0 0 30px 0;
}
.round-topleft-bottom-right {
  -webkit-border-radius: 0 50px;
  -moz-border-radius: 0 50px;
  border-radius: 0 50px;
}
.shadow-1 {
  -webkit-box-shadow: 5px 5px 8px #00000050;
  -moz-box-shadow: 5px 5px 8px #00000050;
  box-shadow: 5px 5px 8px #00000050;
}
.table-striped tr td, .table-bordered tr td {
  padding: 3px 15px !important;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0;
}
a {
  text-decoration: none;
}
body {
  overflow-x: hidden;
}
body, html {
  height: 100%;
  font-weight: 300;
}
.table > :not(caption) > * > * {
  border-bottom-width: 0;
  padding: 3px 0;
}
h1, h2, h3, h4, h5, h6, p, li, span, a, td {
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  -ms-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  transition: font-size 0.3s;
}
h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 16px;
  }
}
@media (min-width: 1900px) {
  h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 18px;
  }
}
.font-special {
  font-weight: 700;
}
a {
  color: var(--color-10);
  font-weight: 500;
}
.cssChangerBox {
  background-color: white;
  padding: 5px 20px;
}
.cssChangerBox span {
  letter-spacing: 0;
  font-size: 20px;
}
.cssChangerBox .font-size-wrap {
  padding-right: 20px;
  position: relative;
  top: -2px;
}
.cssChangerBox .fontSizeSmaller, .cssChangerBox .fontSizeBigger {
  font-size: 24px;
}
.cssChangerBox .change-color-wrap img {
  height: 20px;
  display: inline-block;
  margin: 0 10px;
  width: 20px;
}
.header-desktop {
  height: 200px;
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  background: white url("/fileadmin/user_upload/Bilder/hintergrund_startseite_reverse.jpg") center left no-repeat;
  background-size: cover;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
}
.header-desktop .logo {
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
}
.header-desktop .logo img {
  height: 100%;
  width: auto;
}
.header-mobile {
  position: fixed;
  background: white url("/fileadmin/user_upload/Bilder/hintergrund_startseite_reverse.jpg") center left no-repeat;
  background-size: cover;
  z-index: 1100;
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
}
.header-mobile h1 {
  font-size: 25px;
}
.header-mobile h5 {
  font-size: 20px;
}
.header-mobile .toggler-wrap {
  background-color: transparent;
  z-index: 1100;
}
.header-mobile .toggler-wrap .material-icons {
  font-size: 30px;
  color: var(--color-10);
}
#footer #footer-nav a {
  color: var(--color-3);
  font-style: italic;
  font-weight: 600;
  padding: 0 15px;
}
.btn.btn-default {
  padding-left: 0;
  text-transform: none;
  border: 0 none;
  font-size: var(--h6-size);
}
.btn.btn-default i {
  line-height: 1;
  font-size: 30px;
}
.btn-icon {
  position: relative;
  padding: 10px 20px;
  font-size: var(--font-size);
  text-transform: uppercase;
  text-align: left;
}
.btn-icon > span, .btn-icon i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-icon > i {
  position: absolute;
  font-size: 20px;
}
.btn-icon.btn-icon-left > i {
  left: 15px;
}
.btn-icon.btn-icon-left > span {
  padding-left: 30px;
}
.btn-icon.btn-icon-right > i {
  right: 15px;
}
.btn-icon.btn-icon-right > span {
  padding-right: 30px;
}
@media (min-width: 768px) {
  .btn-icon {
    padding: 10px 40px;
  }
  .btn-icon.btn-icon-left > i {
    left: 30px;
  }
  .btn-icon.btn-icon-right > i {
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .btn-animated-icon:focus > span, .btn-animated-icon:hover > span {
    opacity: 0;
  }
  .btn-animated-icon.btn-icon-left:focus > i, .btn-animated-icon.btn-icon-left:hover > i {
    left: calc(50% - 12px);
  }
  .btn-animated-icon.btn-icon-right:focus > i, .btn-animated-icon.btn-icon-right:hover > i {
    right: calc(50% - 12px);
  }
}
a.btn-transparent-color-1, button.btn-transparent-color-1 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-1);
  color: var(--color-1);
}
a.btn-transparent-color-1:focus, a.btn-transparent-color-1:active, a.btn-transparent-color-1:hover, button.btn-transparent-color-1:focus, button.btn-transparent-color-1:active, button.btn-transparent-color-1:hover {
  color: var(--color-1);
}
a.btn-transparent-color-2, button.btn-transparent-color-2 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-2);
  color: var(--color-2);
}
a.btn-transparent-color-2:focus, a.btn-transparent-color-2:active, a.btn-transparent-color-2:hover, button.btn-transparent-color-2:focus, button.btn-transparent-color-2:active, button.btn-transparent-color-2:hover {
  color: var(--color-2);
}
a.btn-transparent-color-3, button.btn-transparent-color-3 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-3);
  color: var(--color-3);
}
a.btn-transparent-color-3:focus, a.btn-transparent-color-3:active, a.btn-transparent-color-3:hover, button.btn-transparent-color-3:focus, button.btn-transparent-color-3:active, button.btn-transparent-color-3:hover {
  color: var(--color-3);
}
a.btn-transparent-color-4, button.btn-transparent-color-4 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-4);
  color: var(--color-4);
}
a.btn-transparent-color-4:focus, a.btn-transparent-color-4:active, a.btn-transparent-color-4:hover, button.btn-transparent-color-4:focus, button.btn-transparent-color-4:active, button.btn-transparent-color-4:hover {
  color: var(--color-4);
}
a.btn-transparent-color-5, button.btn-transparent-color-5 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-5);
  color: var(--color-5);
}
a.btn-transparent-color-5:focus, a.btn-transparent-color-5:active, a.btn-transparent-color-5:hover, button.btn-transparent-color-5:focus, button.btn-transparent-color-5:active, button.btn-transparent-color-5:hover {
  color: var(--color-5);
}
a.btn-transparent-color-6, button.btn-transparent-color-6 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-6);
  color: var(--color-6);
}
a.btn-transparent-color-6:focus, a.btn-transparent-color-6:active, a.btn-transparent-color-6:hover, button.btn-transparent-color-6:focus, button.btn-transparent-color-6:active, button.btn-transparent-color-6:hover {
  color: var(--color-6);
}
a.btn-transparent-color-7, button.btn-transparent-color-7 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-7);
  color: var(--color-7);
}
a.btn-transparent-color-7:focus, a.btn-transparent-color-7:active, a.btn-transparent-color-7:hover, button.btn-transparent-color-7:focus, button.btn-transparent-color-7:active, button.btn-transparent-color-7:hover {
  color: var(--color-7);
}
a.btn-transparent-color-8, button.btn-transparent-color-8 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-8);
  color: var(--color-8);
}
a.btn-transparent-color-8:focus, a.btn-transparent-color-8:active, a.btn-transparent-color-8:hover, button.btn-transparent-color-8:focus, button.btn-transparent-color-8:active, button.btn-transparent-color-8:hover {
  color: var(--color-8);
}
a.btn-transparent-color-9, button.btn-transparent-color-9 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-9);
  color: var(--color-9);
}
a.btn-transparent-color-9:focus, a.btn-transparent-color-9:active, a.btn-transparent-color-9:hover, button.btn-transparent-color-9:focus, button.btn-transparent-color-9:active, button.btn-transparent-color-9:hover {
  color: var(--color-9);
}
a.btn-transparent-color-10, button.btn-transparent-color-10 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-10);
  color: var(--color-10);
}
a.btn-transparent-color-10:focus, a.btn-transparent-color-10:active, a.btn-transparent-color-10:hover, button.btn-transparent-color-10:focus, button.btn-transparent-color-10:active, button.btn-transparent-color-10:hover {
  color: var(--color-10);
}
a.btn-transparent-color-11, button.btn-transparent-color-11 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-11);
  color: var(--color-11);
}
a.btn-transparent-color-11:focus, a.btn-transparent-color-11:active, a.btn-transparent-color-11:hover, button.btn-transparent-color-11:focus, button.btn-transparent-color-11:active, button.btn-transparent-color-11:hover {
  color: var(--color-11);
}
a.btn-transparent-color-12, button.btn-transparent-color-12 {
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--color-12);
  color: var(--color-12);
}
a.btn-transparent-color-12:focus, a.btn-transparent-color-12:active, a.btn-transparent-color-12:hover, button.btn-transparent-color-12:focus, button.btn-transparent-color-12:active, button.btn-transparent-color-12:hover {
  color: var(--color-12);
}
.btn-collapse .material-icons {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.btn-collapse[aria-expanded="true"][aria-expanded="true"] .material-icons {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion-item {
  border-radius: 0 !important;
  border: 0 none !important;
}
.accordion-button {
  font-size: var(--h6-size);
  font-weight: normal;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.accordion-button:after {
  position: absolute;
  right: 25px;
  font-family: 'Material Icons';
  content: '';
  color: white;
  font-size: 30px;
  line-height: 1;
  height: 30px;
  width: 30px;
}
.accordion-button, .accordion-button:not(.collapsed) {
  background-color: var(--color-7);
  color: white;
}
.accordion-button.collapsed {
  background-color: var(--color-6);
}
.accordion-button.collapsed:focus, .accordion-button.collapsed:hover {
  background-color: var(--color-7);
}
.accordion-button {
  color: white;
}
.accordion-body {
  padding: var(--space-medium);
}
.tab-pane.padding-default {
  padding-left: 25px;
  padding-right: 25px;
}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#shortNavAfterScrollSpacer {
  height: 53px;
}
#shortNavAfterScroll .btn-animated-icon {
  padding: 5px 5px;
  font-size: 15px;
}
#shortNavAfterScroll .btn-animated-icon > i {
  display: none;
}
#shortNavAfterScroll .btn-animated-icon > span {
  padding-left: 0;
  font-size: 14px;
}
#shortNavAfterScroll .btn-animated-icon:first-child {
  margin-left: 0;
}
#shortNavAfterScroll .btn-animated-icon:last-child {
  margin-right: 0;
}
#shortNav .btn-animated-icon {
  margin-right: 20px;
}
@media (min-width: 768px) {
  #shortNavAfterScrollSpacer {
    height: 63px;
  }
  #shortNavAfterScroll .btn-animated-icon {
    padding: 10px 50px;
  }
  #shortNavAfterScroll .btn-animated-icon > i {
    display: block;
  }
  #shortNavAfterScroll .btn-animated-icon > span {
    padding-left: 30px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  #shortNavAfterScrollSpacer {
    height: 76px;
  }
  #shortNavAfterScroll .btn-animated-icon {
    padding: 10px 50px;
  }
  #shortNavAfterScroll .btn-animated-icon > i {
    display: block;
  }
  #shortNavAfterScroll .btn-animated-icon > span {
    padding-left: 30px;
  }
}
select > option {
  font-family: var(--font-regular);
}
input[type="file"] {
  line-height: 2;
}
.form-check-input:checked {
  background-color: var(--color-6);
  border-color: var(--color-6);
}
.message-counter-all {
  position: fixed;
  top: 80px;
  right: 30px;
  z-index: 1110;
  height: 70px;
  width: 70px;
  display: inline-flex;
  color: white;
  font-size: 30px;
  align-items: center;
  justify-content: center;
}
.message-counter-all:focus, .message-counter-all:active, .message-counter-all:hover {
  color: white;
}
.message-counter-all:before {
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 1;
  z-index: -1;
  font-family: 'Material Icons';
  content: '';
  color: var(--color-10);
  font-size: 70px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}
#magnificUserMessage {
  width: 100vw;
}
@media (min-width: 768px) {
  #magnificUserMessage {
    width: 70vw;
  }
}
@media (min-width: 1024px) {
  #magnificUserMessage {
    width: 50vw;
  }
}