/*
 * # Semantic UI - 2.2.6
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Reset
*******************************/

*,
:before,
:after {
  box-sizing: inherit
}

html {
  box-sizing: border-box
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
.hidden-fields-container {
  display: none;
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

/*******************************
  Fonts
*******************************/

@font-face {
  font-family: 'azlichtenrade';
  src: url('../font/azlichtenrade.woff2?34011836') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hermes FB Reg';
  src: url('../font/hermes_classic_t4_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hermes FB Reg';
  src: url('../font/hermes_classic_t4_italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Hermes FB Reg';
  src: url('../font/hermes_classic_t4_bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Hermes FB Reg';
  src: url('../font/hermes_classic_t4_bold_italic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

/*******************************
            Page
*******************************/

html,
body {
  height: 100%;
}

html {
  font-size: 100%;
}

body {
  font-size: 1rem;
  font-family: 'Hermes FB Reg', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}

/*******************************
            Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2857em;
  margin: calc(2rem -  0.14285em ) 0em 1rem;
  font-style: normal;
  font-weight: bold;
  padding: 0em;
}
h2.entry-title {
  font-weight: bold;
}

h1 {
  min-height: 1rem;
  font-size: 1.125rem;
}

h2 {
  font-size: 1.125rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 1.75rem; /* was 2rem @14px root → 28px */
  }
  h2 {
    font-size: 1.5rem;
  }
}

/*******************************
            Text
*******************************/

p {
  margin: 0em 0em 1em;
  line-height: 1.5em;
}

p:first-child {
  margin-top: 0em;
}

p:last-child {
  margin-bottom: 0em;
}

p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection {
  background: #aaba00;
}
p::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection {
  background: #aaba00;
}

/*-------------------
        Links
--------------------*/

/* Default: All links underlined for accessibility (WCAG 2.1) */
a {
  color: #1B1C1D;
  text-decoration: underline;
  text-underline-offset: .24em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover {
  text-decoration: underline #535A0C;
}

/*******************************
          Highlighting
*******************************/

/* Site */

::-webkit-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}

/* Form */

textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}

/*******************************
    Accessibility - WCAG 2.2
*******************************/

/* Global focus styles for accessibility - applies to all focusable elements */
*:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  border-radius: 0.28rem;
}

/* Remove default browser outline for non-keyboard navigation */
*:focus:not(:focus-visible) {
  outline: none;
}

/* Specific focus styles for form elements */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 1px;
  border-radius: 0.28rem;
}

/* Skip Links */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999999;
    padding: 8px 16px;
    background: #000000;
    color: #ffffff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    border-radius: 0 0 2px 0;
    transition: all 0.3s ease-in-out;
}

.skip-link:focus {
  position: absolute;
  left: 6px;
  top: 7px;
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  padding: 15px 23px 14px;
  color: #ffffff;
  background: #000000;
  z-index: 100000;
  text-decoration: none;
  outline: none; /* Skip link is already highly visible, no additional outline needed */
}

.skip-link:hover {
  color: #ffffff;
  background: #333333;
}

/* Content focus - hide outline for programmatic focus from back-to-top */
#content:focus {
  outline: none;
}

/* Screen reader text utility */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #000000;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #ffffff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    outline: none;
}

/* Ensure hidden attribute really hides elements */
[hidden] { 
  display: none !important; 
}

ul.acf-radio-list li,
ul.acf-checkbox-list li {
  display: block !important;
  padding-bottom: 10px;
}
ul.acf-radio-list input[type="radio"],
ul.acf-checkbox-list input[type="checkbox"] {
  width: auto;
  margin-right: 10px !important;
}

/*******************************
            Button
*******************************/

.ui.button,
.acf-form-submit button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #E0E1E2 none;
  color: rgba(0, 0, 0, 0.6);
  margin: 0em 0.25em 0em 0em;
  padding: 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*******************************
            States
*******************************/

/*--------------
      Hover
---------------*/

.ui.button:hover {
  background-color: #CACBCD;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}

.ui.button:hover .icon {
  opacity: 0.85;
}

/*--------------
      Focus
---------------*/

.ui.button:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  border-radius: 0.28rem;
}

/*--------------
      Down
---------------*/

.ui.button:active,
.ui.active.button:active {
  background-color: #BABBBC;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px transparent inset, none;
}

/*--------------
      Active
---------------*/

.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}

.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none;
}

/*******************************
          Variations
*******************************/

/*-------------------
        Floated
--------------------*/

.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0em;
  margin-right: 0.25em;
}

.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0em;
  margin-left: 0.25em;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.buttons .button,
.ui.mini.button {
  font-size: 0.6875rem;
}

.ui.tiny.buttons .button,
.ui.tiny.button {
  font-size: 0.75rem;
}

.ui.small.buttons .button,
.ui.small.button {
  font-size: 0.8125rem;
}

.ui.buttons .button,
.ui.button {
  font-size: 1rem;
}

.ui.large.buttons .button,
.ui.large.button {
  font-size: 1rem;
}

.ui.big.buttons .button,
.ui.big.button {
  font-size: 1.125rem;
}

.ui.huge.buttons .button,
.ui.huge.button {
  font-size: 1.25rem;
}

.ui.massive.buttons .button,
.ui.massive.button {
  font-size: 1.5rem;
}

/*-------------------
        Basic
--------------------*/

.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal;
  border-radius: 0.28571429rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

.ui.basic.buttons {
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}

.ui.basic.buttons .button {
  border-radius: 0em;
}

.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgb(0 0 0 / 66%) !important;
  box-shadow: '' !important;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: rgba(34, 36, 38, 0.35);
}

.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgb(0 0 0 / 66%);
}

/* Vertical */

.ui.basic.buttons .button:hover {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
}

.ui.basic.buttons .button:active {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
}

.ui.basic.buttons .active.button {
  box-shadow: rgba(34, 36, 38, 0.35) inset;
}

/* Standard Basic Inverted */

.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #F9FAFB !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
}

.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}

.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}

.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
}

.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
}

.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}

/* Basic Group */

.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}

.ui.basic.vertical.buttons .button {
  border-left: none;
}

.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0px;
}

/*--------------
    Circular
---------------*/

.ui.circular.button {
  border-radius: 10em;
}

.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}

/*-------------------
       Attached
--------------------*/

/* Singular */

.ui.attached.button {
  position: relative;
  display: block;
  margin: 0em;
  border-radius: 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
}

/* Top / Bottom */

.ui.attached.top.button {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.attached.bottom.button {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Left / Right */

.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/* Plural */

.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0em;
  width: auto !important;
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}

.ui.attached.buttons .button {
  margin: 0em;
}

.ui.attached.buttons .button:first-child {
  border-radius: 0em;
}

.ui.attached.buttons .button:last-child {
  border-radius: 0em;
}

/* Top / Bottom */

.ui[class*="top attached"].buttons {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}

.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}

.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}

.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}

/* Left / Right */

.ui[class*="left attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0em 0em;
}

.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.28571429rem 0em;
}

.ui[class*="right attached"].buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.28571429rem 0em 0em 0em;
}

.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.28571429rem;
}

/*-------------------
        Fluid
--------------------*/

.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%;
}

.ui.fluid.button {
  display: block;
}

.ui.two.buttons {
  width: 100%;
}

.ui.two.buttons > .button {
  width: 50%;
}

.ui.three.buttons {
  width: 100%;
}

.ui.three.buttons > .button {
  width: 33.333%;
}

.ui.four.buttons {
  width: 100%;
}

.ui.four.buttons > .button {
  width: 25%;
}

.ui.five.buttons {
  width: 100%;
}

.ui.five.buttons > .button {
  width: 20%;
}

.ui.six.buttons {
  width: 100%;
}

.ui.six.buttons > .button {
  width: 16.666%;
}

.ui.seven.buttons {
  width: 100%;
}

.ui.seven.buttons > .button {
  width: 14.285%;
}

.ui.eight.buttons {
  width: 100%;
}

.ui.eight.buttons > .button {
  width: 12.500%;
}

.ui.nine.buttons {
  width: 100%;
}

.ui.nine.buttons > .button {
  width: 11.11%;
}

.ui.ten.buttons {
  width: 100%;
}

.ui.ten.buttons > .button {
  width: 10%;
}

.ui.eleven.buttons {
  width: 100%;
}

.ui.eleven.buttons > .button {
  width: 9.09%;
}

.ui.twelve.buttons {
  width: 100%;
}

.ui.twelve.buttons > .button {
  width: 8.3333%;
}

/* Fluid Vertical Buttons */

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.ui.two.vertical.buttons > .button {
  height: 50%;
}

.ui.three.vertical.buttons > .button {
  height: 33.333%;
}

.ui.four.vertical.buttons > .button {
  height: 25%;
}

.ui.five.vertical.buttons > .button {
  height: 20%;
}

.ui.six.vertical.buttons > .button {
  height: 16.666%;
}

.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}

.ui.eight.vertical.buttons > .button {
  height: 12.500%;
}

.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}

.ui.ten.vertical.buttons > .button {
  height: 10%;
}

.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}

.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}

/*-------------------
      Colors
--------------------*/

/*--- Green ---*/

.ui.green.buttons .button,
.ui.green.button,
.acf-form-submit button {
  background-color: #c6d61e;
  color: #222500;
  text-shadow: none;
  background-image: none;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 15%) !important;
  transition: all .3s ease-in-out;
  border: 1px solid #afc000;
}

.ui.green.button,
.acf-form-submit button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.ui.green.buttons .button:hover,
.ui.green.button:hover,
.acf-form-submit button:hover {
  background-color: #afc000;
  color: #222500;
  text-shadow: none;
}

.ui.green.buttons .button:active,
.ui.green.button:active,
.acf-form-submit button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}

.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}

/* Basic */

.ui.basic.green.buttons .button,
.ui.basic.green.button {
  box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
  color: #21BA45 !important;
}

.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
  color: #16ab39 !important;
}

.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
  color: #16ab39 !important;
}

.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
  color: #198f35 !important;
}

.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  box-shadow: 0px 0px 0px 1px #198f35 inset !important;
  color: #198f35 !important;
}

.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  margin-left: -1px;
}

.ui.button.date-button-external {
  margin-top: 1rem;
}

.date-button-external {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.external-link-icon {
	flex-shrink: 0;
	margin-left: 0.25rem;
}

/*******************************
            Container
*******************************/

/* All Sizes */

.ui.container {
  display: block;
  max-width: 100% !important;
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .ui.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
  .ui.basic.clearing.segment.container{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ui.grid.container {
    width: auto !important;
  }

  .ui.relaxed.grid.container {
    width: auto !important;
  }

  .ui.very.relaxed.grid.container {
    width: auto !important;
  }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 723px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 723px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 723px  +  5rem ) !important;
  }
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 933px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 933px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 933px  +  5rem ) !important;
  }
}

/* Large Monitor */

@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 1127px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 1127px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 1127px  +  5rem ) !important;
  }
}

/*******************************
             Types
*******************************/

/* Text Container */

.ui.text.container {
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  max-width: 650px !important;
  line-height: 1.5;
  padding-bottom: 2rem;
}

.ui.text.container {
  font-size: 1rem;
}

.ui.centered.text.container {
  text-align: center;
}

/* Prose lists in editor content only — not Semantic UI .ui.list */
.ui.text.container ul:not(.ui.list) {
  padding: 1rem 1.25rem 0;
}
.ui.text.container ul:not(.ui.list) > li {
  padding: 0 0 1rem;
}
/* .ui.text.container li a - inherits from global a styles */

/*.hyphenate {
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures;
  -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}*/

/* Image Container */

.ui.sixteen-nine.container, .ui.carousel.container {
  max-width: 800px !important;
  margin-bottom: 3rem;
}
.ui.image.container, .ui.video.container {
  display: block;
  max-width: 800px !important;
  margin-top: 1rem;
  margin-bottom: 3rem;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .ui.image.container, .ui.video.container {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 850px) {
  .ui.image.container, .ui.video.container {
    padding: 0;
  }
}

/* Video Container */

.video.container iframe,
.video.container object,
.video.container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fluid */

.ui.fluid.container {
  width: 100%;
}

@media only screen and (min-width: 992px){
  .ui.text.container {
    font-size: 1.0625rem;
  }
}

/*******************************
           Variations
*******************************/

.ui[class*="left aligned"].container {
  text-align: left;
}

.ui[class*="center aligned"].container {
  text-align: center;
}

.ui[class*="right aligned"].container {
  text-align: right;
}

.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Header
*******************************/

/* Standard */

.ui.header {
  border: none;
  margin: calc(2rem -  0.14285em ) 0em 1rem;
  padding: 0em 0em;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2857em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}

.ui.header:first-child {
  margin-top: -0.14285em;
}

.ui.header:last-child {
  margin-bottom: 0em;
}

/*--------------
   Sub Header
---------------*/

.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6);
}

/*--------------
      Icon
---------------*/

.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0.14285em;
  vertical-align: middle;
}

/* With Text Node */

.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem;
}

/*-------------------
        Image
--------------------*/

.ui.header > .image,
.ui.header > img {
  display: inline-block;
  margin-top: 0.14285em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}

.ui.header > .image:only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem;
}

/*--------------
     Content
---------------*/

.ui.header .content {
  display: inline-block;
  vertical-align: top;
}

/* After Image */

.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}

/* After Icon */

.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}

/*--------------
 Loose Coupling
---------------*/

.ui.header .ui.label {
  font-size: '';
  margin-left: 0.5rem;
  vertical-align: middle;
}

/* Positioning */

.ui.header + p {
  margin-top: 0em;
}

/*******************************
            Types
*******************************/

/*--------------
     Page
---------------*/

h1.ui.header {
  font-size: 1.25rem;
}

h2.ui.header, .h2 {
  font-size: 1.125rem;
}

h3.ui.header {
  font-size: 1rem;
}

h4.ui.header {
  font-size: 0.9375rem;
}

h5.ui.header {
  font-size: 1rem;
}

/* Sub Header */

h1.ui.header .sub.header {
  font-size: 1rem;
}

h2.ui.header .sub.header {
  font-size: 1rem;
}

h3.ui.header .sub.header {
  font-size: 1rem;
}

h4.ui.header .sub.header {
  font-size: 1rem;
}

h5.ui.header .sub.header {
  font-size: 1rem;
}

/*--------------
 Content Heading
---------------*/

.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}

.ui.large.header {
  font-size: 1.5rem;
}

.ui.medium.header {
  font-size: 1.071em;
}

.ui.small.header {
  font-size: 1.071em;
}

.ui.tiny.header {
  font-size: 1em;
}

/* Sub Header */

.ui.huge.header .sub.header {
  font-size: 1rem;
}

.ui.large.header .sub.header {
  font-size: 1rem;
}

.ui.header .sub.header {
  font-size: 1rem;
}

.ui.small.header .sub.header {
  font-size: 1rem;
}

.ui.tiny.header .sub.header {
  font-size: 1rem;
}

/*--------------
   Sub Heading
---------------*/

.ui.sub.header {
  padding: 0em;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: '';
}

.ui.small.sub.header {
  font-size: 0.78571429em;
}

.ui.sub.header {
  font-size: 0.85714286em;
}

.ui.large.sub.header {
  font-size: 0.92857143em;
}

.ui.huge.sub.header {
  font-size: 1em;
}

/*-------------------
       Aligned
--------------------*/

.ui.left.aligned.header {
  text-align: left;
}

.ui.right.aligned.header {
  text-align: right;
}

.ui.centered.header,
.ui.center.aligned.header {
  text-align: center;
}

.ui.justified.header {
  text-align: justify;
}

.ui.justified.header:after {
  display: inline-block;
  content: '';
  width: 100%;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.header,
.ui[class*="left floated"].header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}

.ui[class*="right floated"].header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}

/*-------------------
       Fitted
--------------------*/

.ui.fitted.header {
  padding: 0em;
}

/*-------------------
      Dividing
--------------------*/

.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem;
}

.ui.dividing.header .icon {
  margin-bottom: 0em;
}

.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/*-------------------
        Block
--------------------*/

.ui.block.header {
  background: #F3F4F5;
  padding: 0.78571429rem 1rem;
  box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.28571429rem;
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}

.ui.large.block.header {
  font-size: 1rem;
}

.ui.huge.block.header {
  font-size: 1.25rem;
}

/*-------------------
       Attached
--------------------*/

.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #D4D4D5;
}

.ui.attached.block.header {
  background: #F3F4F5;
}

.ui.attached:not(.top):not(.bottom).header {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-radius: 0em;
}

.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Attached Sizes */

.ui.tiny.attached.header {
  font-size: 0.85714286em;
}

.ui.small.attached.header {
  font-size: 0.92857143em;
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}

.ui.large.attached.header {
  font-size: 1.14285714em;
}

.ui.huge.attached.header {
  font-size: 1.42857143em;
}

/*-------------------
        Sizing
--------------------*/

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28em;
}

/*-------------------
  Desktop
--------------------*/

@media only screen and (min-width: 768px) {
  .ui.medium.header {
    font-size: 1.15em;
  }
}
@media only screen and (min-width: 992px) {
  h1.ui.header {
    font-size: 1.75rem;
  }
  h2.ui.header, .h2 {
    font-size: 1.5rem;
  }
  h3.ui.header {
    font-size: 1.125rem;
  }
  .ui.large.header {
    font-size: 1.714em;
  }
  h4.ui.header {
    font-size: 0.9375rem;
  }
}

/*******************************
             Image
*******************************/

.ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}

img.ui.image {
  display: block;
}

.ui.image svg,
.ui.image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*******************************
            States
*******************************/

.ui.hidden.images,
.ui.hidden.image {
  display: none;
}

.ui.hidden.transition.images,
.ui.hidden.transition.image {
  display: block;
  visibility: hidden;
}

.ui.disabled.images,
.ui.disabled.image {
  cursor: default;
  opacity: 0.45;
}

/*******************************
          Variations
*******************************/

/*--------------
     Inline
---------------*/

.ui.inline.image,
.ui.inline.image svg,
.ui.inline.image img {
  display: inline-block;
}

/*------------------
  Vertical Aligned
-------------------*/

.ui.top.aligned.images .image,
.ui.top.aligned.image,
.ui.top.aligned.image svg,
.ui.top.aligned.image img {
  display: inline-block;
  vertical-align: top;
}

.ui.middle.aligned.images .image,
.ui.middle.aligned.image,
.ui.middle.aligned.image svg,
.ui.middle.aligned.image img {
  display: inline-block;
  vertical-align: middle;
}

.ui.bottom.aligned.images .image,
.ui.bottom.aligned.image,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.image img {
  display: inline-block;
  vertical-align: bottom;
}

/*--------------
     Rounded
---------------*/

.ui.rounded.images .image,
.ui.rounded.image,
.ui.rounded.images .image > *,
.ui.rounded.image > * {
  border-radius: 0.3125em;
}

/*--------------
    Bordered
---------------*/

.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
.ui.bordered.image img,
.ui.bordered.image svg,
img.ui.bordered.image {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*--------------
    Circular
---------------*/

.ui.circular.images,
.ui.circular.image {
  overflow: hidden;
}

.ui.circular.images .image,
.ui.circular.image,
.ui.circular.images .image > *,
.ui.circular.image > * {
  border-radius: 500rem;
}

/*--------------
     Fluid
---------------*/

.ui.fluid.images,
.ui.fluid.image,
.ui.fluid.images img,
.ui.fluid.images svg,
.ui.fluid.image svg,
.ui.fluid.image img {
  display: block;
  width: 100%;
  height: auto;
}

/*--------------
     Avatar
---------------*/

.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
  margin-right: 0.25em;
  display: inline-block;
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}

/*-------------------
       Spaced
--------------------*/

.ui.spaced.image {
  display: inline-block !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.ui[class*="left spaced"].image {
  margin-left: 0.5em;
  margin-right: 0em;
}

.ui[class*="right spaced"].image {
  margin-left: 0em;
  margin-right: 0.5em;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.image,
.ui.floated.images {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.ui.right.floated.images,
.ui.right.floated.image {
  float: right;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.ui.floated.images:last-child,
.ui.floated.image:last-child {
  margin-bottom: 0em;
}

.ui.centered.images,
.ui.centered.image {
  margin-left: auto;
  margin-right: auto;
}

/*--------------
     Sizes
---------------*/

.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
  width: 35px;
  height: auto;
  font-size: 0.6875rem;
}

.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
  width: 80px;
  height: auto;
  font-size: 0.75rem;
}

.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
  width: 150px;
  height: auto;
  font-size: 0.8125rem;
}

.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
  width: 300px;
  height: auto;
  font-size: 1rem;
}

.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
  width: 450px;
  height: auto;
  font-size: 1rem;
}

.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
  width: 600px;
  height: auto;
  font-size: 1rem;
}

.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
  width: 800px;
  height: auto;
  font-size: 1rem;
}

.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
  width: 960px;
  height: auto;
  font-size: 1.5rem;
}

/*******************************
              Groups
*******************************/

.ui.images {
  font-size: 0em;
  margin: 0em -0.25rem 0rem;
}

.ui.images .image,
.ui.images img,
.ui.images svg {
  display: inline-block;
  margin: 0em 0.25rem 0.5rem;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
           Standard
*******************************/

/*--------------------
        Inputs
---------------------*/

.ui.input,
input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}

.ui.input input,
input.ui.input,
textarea.ui.input,
input:not([type="checkbox"]):not([type="radio"]), textarea,
.page .acf-field textarea,
.page .acf-field input:not([type="checkbox"]):not([type="radio"]) {
  margin: 0em;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  padding: 0.67861429em 1em !important;
  background: #FFFFFF;
  border: 1px solid rgb(0 0 0 / 80%);
  color: rgb(0, 0, 0);
  border-radius: 0.28571429rem;
  transition: all 0.3s ease-in-out;
  box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
  background: rgb(0 0 0 / 2%);
}

textarea.ui.input,
textarea {
  width: 100%;
}

input.wpcf7-submit.button {
  max-width: min-content;
}


/*--------------------
      Mailchimp
---------------------*/

#mc_embed_signup_scroll {
  position: relative;
}
/* Mailchimp honeypot: keep the field in the form, but out of the tab order and the accessibility tree. */
#mc_embed_signup_scroll > [aria-hidden="true"] {
  display: none !important;
}
input#mce-EMAIL {
  border-radius: 0.28571429rem 0 0 0.28571429rem;
  border-color: #94a20b;
  background: transparent;
  width: 65%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#mc_embed_signup_scroll ::-webkit-input-placeholder{
  opacity: 1 !important;
  color: rgba(34, 37, 0, 1);
}
#mc_embed_signup_scroll ::-moz-placeholder{
  opacity: 1 !important;
  color: rgba(34, 37, 0, 1);
}
#mc_embed_signup_scroll :-ms-input-placeholder{
  opacity: 1 !important;
  color: rgba(34, 37, 0, 1);
}
#mc_embed_signup_scroll :-moz-placeholder {
  opacity: 1 !important;
  color: rgba(34, 37, 0, 1);
}
input#mce-EMAIL:focus,
input#mce-EMAIL:active{
  background: white;
}
input#mc-embedded-subscribe {
  width: min-content;
  background-color: #94a20b;
  position: static;
  text-align: center;
}
input#mc-embedded-subscribe:hover {
  color: #ffffff;
  background-color: #222503;
  border-left: 1px solid #222503;
}
/* Beats the Semantic UI input rule that sets outline: none. */
input#mc-embedded-subscribe:focus-visible {
  outline: 3px solid #1B1C1D;
  outline-offset: 3px;
}


/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

.ui.input input::-webkit-input-placeholder,
input.ui.input::-webkit-input-placeholder,
textarea.ui.input::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(111, 111, 111, 1);
}
.ui.input input::-moz-placeholder,
input.ui.input::-moz-placeholder,
textarea.ui.input::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder  {
  color: rgba(111, 111, 111, 1);
}
.ui.input input:-ms-input-placeholder,
input.ui.input:-ms-input-placeholder,
textarea.ui.input:-ms-input-placeholder {
  color: rgba(111, 111, 111, 1);
}

input#mce-EMAIL.ui.input::-webkit-input-placeholder {
  color: #222503;
}
input#mce-EMAIL.ui.input::-moz-placeholder {
  color: #222503;
}
input#mce-EMAIL.ui.input:-ms-input-placeholder {
  color: #222503;
}

/*******************************
            States
*******************************/

/*--------------------
        Active
---------------------*/

.ui.input input:active,
input.ui.input:active,
textarea.ui.input:active,
input:active,
textarea:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: rgb(0 0 0 / 2%);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus,
input.ui.input:focus,
textarea.ui.input:focus,
input:focus,
textarea:focus   {
  border-color: #1b5e20;
  background: rgb(0 0 0 / 2%);
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  border-radius: 0.28571429rem;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder,
input.ui.input:focus::-webkit-input-placeholder,
textarea.ui.input:focus::-webkit-input-placeholder,
input:-webkit-input-placeholder,
textarea:-webkit-input-placeholder  {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus::-moz-placeholder,
input.ui.input:focus::-moz-placeholder,
textarea.ui.input:focus::-moz-placeholder,
input:focus::-moz-placeholder,
textarea:-moz-placeholder  {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input:-ms-input-placeholder,
.ui.input input:focus:-ms-input-placeholder,
input.ui.input:focus:-ms-input-placeholder,
textarea.ui.input:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder  {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Error
---------------------*/

.ui.input.error input,
input.wpcf7-not-valid.ui.input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}

/* Error Placeholder */

input.wpcf7-not-valid.ui.input::-webkit-input-placeholder {
  color: #e7bdbc;
}
input.wpcf7-not-valid.ui.input::-moz-placeholder {
  color: #e7bdbc;
}
input.wpcf7-not-valid.ui.input:-ms-input-placeholder {
  color: #e7bdbc !important;
}
/* Focused Error Placeholder */
input.wpcf7-not-valid.ui.input:focus::-webkit-input-placeholder {
  color: #da9796;
}
input.wpcf7-not-valid.ui.input:focus::-moz-placeholder {
  color: #da9796;
}
input.wpcf7-not-valid.ui.input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}

/*--------------------
        Protection Form
---------------------*/

.ui.fluid.input.protected-post-form input.ui.button {
  width: auto !important;
  border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
  background-color: #dedede;
  margin-left: -0.28571429rem;
}

/*--------------------
        wpcf7
---------------------*/


/*******************************
           Variations
*******************************/

/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}

/* Transparent Icon */

.ui.transparent.icon.input > i.icon {
  width: 1.1em;
}

.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important;
}

.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em !important;
  padding-right: 0em !important;
}

/*--------------------
         Icon
---------------------*/

.ui.icon.input > i.icon,
.ui.icon.input > input.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142857em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}

.ui.icon.input input {
  padding-right: 2.67142857em !important;
}
.ui.icon.input > input.icon {
  font-family: azlichtenrade;
  cursor: pointer;
  border-left: none;
  padding-right: 2.3rem !important;
  border: none;
  background: transparent;
}
.ui.icon.input > input.icon:hover {
  opacity: 1;
}

.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after,
.ui.icon.input > input.icon:before,
.ui.icon.input > input.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}

.ui.icon.input > i.link.icon {
  cursor: pointer;
}

.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}

/* Left Icon Input */

.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}

.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}

/* Focus */

.mobile-search .ui.icon.input > input:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  border-radius: 0.28rem;
  box-shadow: 0 0 0 2px #222500;
}

.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}

.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
  border-radius: 0px;
}

.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}

/* Input Focus */

.ui.action.input:not([class*="left action"]) input:focus {
  border-right-color: #afc000 !important;
}

/* Button on Left */

.ui[class*="left action"].input > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
}

.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}

.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}

/* Input Focus */

.ui[class*="left action"].input > input:focus {
  border-left-color: #afc000 !important;
}

/*--------------------
       Inverted
---------------------*/

/* Standard */

.ui.inverted.input input {
  border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ui.fluid.input > input {
  width: 0px !important;
}

/*--------------------
        Size
---------------------*/

.ui.mini.input {
  font-size: 0.78571429em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Segment
*******************************/

.ui.segment {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  padding: 1em 1em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.segment:first-child {
  margin-top: 0em;
}

.ui.segment:last-child {
  margin-bottom: 0em;
}

/* Vertical */

.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 1em;
  padding-bottom: 1.5rem;
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.vertical.segment:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 768px){
  .ui.vertical.segment {
    padding-top: 2em;
    padding-bottom: 3rem;
  }
}


/*-------------------
    Loose Coupling
--------------------*/

/* Header */

.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}

/* Label */

.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}

/* Grid */

.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}

.ui.grid.segment {
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
}

/* Table */

.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}

.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}

/*******************************
             Types
*******************************/

/*-------------------
        Piled
--------------------*/

.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  box-shadow: '';
  z-index: auto;
}

.ui.piled.segment:first-child {
  margin-top: 0em;
}

.ui.piled.segment:last-child {
  margin-bottom: 0em;
}

.ui.piled.segments:after,
.ui.piled.segments:before,
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: '';
}

.ui.piled.segments:before,
.ui.piled.segment:before {
  -webkit-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}

.ui.piled.segments:after,
.ui.piled.segment:after {
  -webkit-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}

/* Piled Attached */

.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0em;
}

.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: 3em;
}

.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
       Stacked
--------------------*/

.ui.stacked.segment {
  padding-bottom: 1.4em;
}

.ui.stacked.segments:before,
.ui.stacked.segments:after,
.ui.stacked.segment:before,
.ui.stacked.segment:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 6px;
  visibility: visible;
}

.ui.stacked.segments:before,
.ui.stacked.segment:before {
  display: none;
}

/* Add additional page */

.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}

/* Inverted */

.ui.stacked.inverted.segments:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segment:after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(34, 36, 38, 0.35);
}

/*-------------------
       Padded
--------------------*/

.ui.padded.segment {
  padding: 1.5em;
}

.ui[class*="very padded"].segment {
  padding: 3em;
}

/*-------------------
       Compact
--------------------*/

.ui.compact.segment {
  display: table;
}

/* Compact Group */

.ui.compact.segments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}

/*-------------------
       Raised
--------------------*/

.ui.raised.segments,
.ui.raised.segment {
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}

/*******************************
            Groups
*******************************/

/* Group */

.ui.segments {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}

.ui.segments:first-child {
  margin-top: 0em;
}

.ui.segments:last-child {
  margin-bottom: 0em;
}

/* Nested Segment */

.ui.segments > .segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em;
  width: auto;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Bottom */

.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

/* Only */

.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}

/* Nested Group */

.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}

.ui.segments > .segments:first-child {
  border-top: none;
}

.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}

/* Horizontal Group */

.ui.horizontal.segments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

/* Nested Horizontal Group */

.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

/* Horizontal Segment */

.ui.horizontal.segments > .segment {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  -ms-flex: 1 1 0px;
  /* Solves #2550 MS Flex */
  margin: 0em;
  min-width: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}

/* Border Fixes */

.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}

.ui.horizontal.segments > .segment:first-child {
  border-left: none;
}

/*******************************
            States
*******************************/

/*--------------
    Disabled
---------------*/

.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
}

/*--------------
    Loading
---------------*/

.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 0.28571429rem;
  z-index: 100;
}

.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: segment-spin 0.6s linear;
  animation: segment-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}

@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*******************************
           Variations
*******************************/

/*-------------------
       Basic
--------------------*/

.ui.basic.segment {
  background: none transparent;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}

/*-------------------
       Clearing
--------------------*/

.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*-------------------
       Colors
--------------------*/

/* Red */

.ui.red.segment:not(.inverted) {
  border-top: 2px solid #DB2828;
}

.ui.inverted.red.segment {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Orange */

.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #F2711C;
}

.ui.inverted.orange.segment {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Yellow */

.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #FBBD08;
}

.ui.inverted.yellow.segment {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Olive */

.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18;
}

.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Green */

.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21BA45;
}

.ui.inverted.green.segment {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Teal */

.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00B5AD;
}

.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Blue */

.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185D0;
}

.ui.inverted.blue.segment {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Violet */

.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435C9;
}

.ui.inverted.violet.segment {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Purple */

.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8;
}

.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* #222500 */

.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997;
}

.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Brown */

.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F;
}

.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Grey */

.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676;
}

.ui.inverted.grey.segment {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Black */

.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D;
}

.ui.inverted.black.segment {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/*-------------------
       Aligned
--------------------*/

.ui[class*="left aligned"].segment {
  text-align: left;
}

.ui[class*="right aligned"].segment {
  text-align: right;
}

.ui[class*="center aligned"].segment {
  text-align: center;
}

/*-------------------
       Floated
--------------------*/

.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}

.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}

/*-------------------
      Inverted
--------------------*/

.ui.inverted.segment {
  border: none;
  box-shadow: none;
}

.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}

/* Nested */

.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.87);
}

.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}

/* Attached */

.ui.inverted.attached.segment {
  border-color: #555555;
}

/*-------------------
     Emphasis
--------------------*/

/* Secondary */

.ui.secondary.segment {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.6);
}

.ui.secondary.inverted.segment {
  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/* Tertiary */

.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}

.ui.tertiary.inverted.segment {
  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: rgba(255, 255, 255, 0.8);
}

/*-------------------
      Attached
--------------------*/

/* Middle */

.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% +  2px );
  max-width: calc(100% +  2px );
  box-shadow: none;
  border: 1px solid #D4D4D5;
}

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none;
}

/* Top */

.ui[class*="top attached"].segment {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}

/* Bottom */

.ui.segment[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}

/*-------------------
        Size
--------------------*/

.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.6875rem;
}

.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.75rem;
}

.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.8125rem;
}

.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}

.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1rem;
}

.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.125rem;
}

.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.25rem;
}

.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.5rem;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Standard
*******************************/

.ui.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0em;
}

/*----------------------
      Remove Gutters
-----------------------*/

.ui.grid {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

/* Preserve Rows Spacing on Consecutive Grids */

.ui.grid + .grid {
  margin-top: 1rem;
}

/*-------------------
       Columns
--------------------*/

/* Standard 16 column */

.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}

.ui.grid > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

/*-------------------
        Rows
--------------------*/

.ui.grid > .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100% !important;
  padding: 0rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*-------------------
       Columns
--------------------*/

/* Vertical padding when no rows */

.ui.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ui.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em;
}

/*-------------------
      Content
--------------------*/

.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}

/*-------------------
    Loose Coupling
--------------------*/

/* Collapse Margin on Consecutive Grid */

.ui.grid > .ui.grid:first-child {
  margin-top: 0em;
}

.ui.grid > .ui.grid:last-child {
  margin-bottom: 0em;
}

/* Segment inside Aligned Grid */

.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}

/* Align Dividers with Gutter */

.ui.grid .row + .ui.divider {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 1rem 1rem;
}

.ui.grid .column + .ui.vertical.divider {
  height: calc(50% -  1rem );
}

/* Remove Border on Last Horizontal Segment */

.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  box-shadow: none;
}

/*******************************
           Variations
*******************************/

/*-----------------------
       Page Grid
-------------------------*/

@media only screen and (max-width: 767px) {
  .ui.page.grid {
    width: auto;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: 0em;
    margin-right: 0em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 23%;
    padding-right: 23%;
  }
}

/*-------------------
     Column Count
--------------------*/

/* Assume full width with one column */

.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}

/* Grid Based */

.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}

.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}

.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}

.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}

.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}

.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}

.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}

.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}

.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}

.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}

.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}

.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}

.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}

.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}

.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}

.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}

/* Row Based Overrides */

.ui.grid > [class*="one column"].row > .column {
  width: 100% !important;
}

.ui.grid > [class*="two column"].row > .column {
  width: 50% !important;
}

.ui.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}

.ui.grid > [class*="four column"].row > .column {
  width: 25% !important;
}

.ui.grid > [class*="five column"].row > .column {
  width: 20% !important;
}

.ui.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}

.ui.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}

.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}

.ui.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}

.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}

.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}

.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}

.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}

.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}

.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}

.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}

/* Celled Page */

.ui.celled.page.grid {
  box-shadow: none;
}

/*-------------------
    Column Width
--------------------*/

/* Sizing Combinations */

.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}

.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}

.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}

.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}

.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}

.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}

.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}

.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}

.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}

.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}

.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}

.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}

.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}

.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}

.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}

.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}

/*----------------------
    Width per Device
-----------------------*/

/* Mobile Sizing Combinations */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ui.grid > .row > [class*="one wide mobile"].column,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important;
  }

  .ui.grid > .row > [class*="two wide mobile"].column,
  .ui.grid > .column.row > [class*="two wide mobile"].column,
  .ui.grid > [class*="two wide mobile"].column,
  .ui.column.grid > [class*="two wide mobile"].column {
    width: 12.5% !important;
  }

  .ui.grid > .row > [class*="three wide mobile"].column,
  .ui.grid > .column.row > [class*="three wide mobile"].column,
  .ui.grid > [class*="three wide mobile"].column,
  .ui.column.grid > [class*="three wide mobile"].column {
    width: 18.75% !important;
  }

  .ui.grid > .row > [class*="four wide mobile"].column,
  .ui.grid > .column.row > [class*="four wide mobile"].column,
  .ui.grid > [class*="four wide mobile"].column,
  .ui.column.grid > [class*="four wide mobile"].column {
    width: 25% !important;
  }

  .ui.grid > .row > [class*="five wide mobile"].column,
  .ui.grid > .column.row > [class*="five wide mobile"].column,
  .ui.grid > [class*="five wide mobile"].column,
  .ui.column.grid > [class*="five wide mobile"].column {
    width: 31.25% !important;
  }

  .ui.grid > .row > [class*="six wide mobile"].column,
  .ui.grid > .column.row > [class*="six wide mobile"].column,
  .ui.grid > [class*="six wide mobile"].column,
  .ui.column.grid > [class*="six wide mobile"].column {
    width: 37.5% !important;
  }

  .ui.grid > .row > [class*="seven wide mobile"].column,
  .ui.grid > .column.row > [class*="seven wide mobile"].column,
  .ui.grid > [class*="seven wide mobile"].column,
  .ui.column.grid > [class*="seven wide mobile"].column {
    width: 43.75% !important;
  }

  .ui.grid > .row > [class*="eight wide mobile"].column,
  .ui.grid > .column.row > [class*="eight wide mobile"].column,
  .ui.grid > [class*="eight wide mobile"].column,
  .ui.column.grid > [class*="eight wide mobile"].column {
    width: 50% !important;
  }

  .ui.grid > .row > [class*="nine wide mobile"].column,
  .ui.grid > .column.row > [class*="nine wide mobile"].column,
  .ui.grid > [class*="nine wide mobile"].column,
  .ui.column.grid > [class*="nine wide mobile"].column {
    width: 56.25% !important;
  }

  .ui.grid > .row > [class*="ten wide mobile"].column,
  .ui.grid > .column.row > [class*="ten wide mobile"].column,
  .ui.grid > [class*="ten wide mobile"].column,
  .ui.column.grid > [class*="ten wide mobile"].column {
    width: 62.5% !important;
  }

  .ui.grid > .row > [class*="eleven wide mobile"].column,
  .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  .ui.grid > [class*="eleven wide mobile"].column,
  .ui.column.grid > [class*="eleven wide mobile"].column {
    width: 68.75% !important;
  }

  .ui.grid > .row > [class*="twelve wide mobile"].column,
  .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  .ui.grid > [class*="twelve wide mobile"].column,
  .ui.column.grid > [class*="twelve wide mobile"].column {
    width: 75% !important;
  }

  .ui.grid > .row > [class*="thirteen wide mobile"].column,
  .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  .ui.grid > [class*="thirteen wide mobile"].column,
  .ui.column.grid > [class*="thirteen wide mobile"].column {
    width: 81.25% !important;
  }

  .ui.grid > .row > [class*="fourteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  .ui.grid > [class*="fourteen wide mobile"].column,
  .ui.column.grid > [class*="fourteen wide mobile"].column {
    width: 87.5% !important;
  }

  .ui.grid > .row > [class*="fifteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  .ui.grid > [class*="fifteen wide mobile"].column,
  .ui.column.grid > [class*="fifteen wide mobile"].column {
    width: 93.75% !important;
  }

  .ui.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  .ui.column.grid > [class*="sixteen wide mobile"].column {
    width: 100% !important;
  }
}

/* Tablet Sizing Combinations */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid > .row > [class*="one wide tablet"].column,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important;
  }

  .ui.grid > .row > [class*="two wide tablet"].column,
  .ui.grid > .column.row > [class*="two wide tablet"].column,
  .ui.grid > [class*="two wide tablet"].column,
  .ui.column.grid > [class*="two wide tablet"].column {
    width: 12.5% !important;
  }

  .ui.grid > .row > [class*="three wide tablet"].column,
  .ui.grid > .column.row > [class*="three wide tablet"].column,
  .ui.grid > [class*="three wide tablet"].column,
  .ui.column.grid > [class*="three wide tablet"].column {
    width: 18.75% !important;
  }

  .ui.grid > .row > [class*="four wide tablet"].column,
  .ui.grid > .column.row > [class*="four wide tablet"].column,
  .ui.grid > [class*="four wide tablet"].column,
  .ui.column.grid > [class*="four wide tablet"].column {
    width: 25% !important;
  }

  .ui.grid > .row > [class*="five wide tablet"].column,
  .ui.grid > .column.row > [class*="five wide tablet"].column,
  .ui.grid > [class*="five wide tablet"].column,
  .ui.column.grid > [class*="five wide tablet"].column {
    width: 31.25% !important;
  }

  .ui.grid > .row > [class*="six wide tablet"].column,
  .ui.grid > .column.row > [class*="six wide tablet"].column,
  .ui.grid > [class*="six wide tablet"].column,
  .ui.column.grid > [class*="six wide tablet"].column {
    width: 37.5% !important;
  }

  .ui.grid > .row > [class*="seven wide tablet"].column,
  .ui.grid > .column.row > [class*="seven wide tablet"].column,
  .ui.grid > [class*="seven wide tablet"].column,
  .ui.column.grid > [class*="seven wide tablet"].column {
    width: 43.75% !important;
  }

  .ui.grid > .row > [class*="eight wide tablet"].column,
  .ui.grid > .column.row > [class*="eight wide tablet"].column,
  .ui.grid > [class*="eight wide tablet"].column,
  .ui.column.grid > [class*="eight wide tablet"].column {
    width: 50% !important;
  }

  .ui.grid > .row > [class*="nine wide tablet"].column,
  .ui.grid > .column.row > [class*="nine wide tablet"].column,
  .ui.grid > [class*="nine wide tablet"].column,
  .ui.column.grid > [class*="nine wide tablet"].column {
    width: 56.25% !important;
  }

  .ui.grid > .row > [class*="ten wide tablet"].column,
  .ui.grid > .column.row > [class*="ten wide tablet"].column,
  .ui.grid > [class*="ten wide tablet"].column,
  .ui.column.grid > [class*="ten wide tablet"].column {
    width: 62.5% !important;
  }

  .ui.grid > .row > [class*="eleven wide tablet"].column,
  .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  .ui.grid > [class*="eleven wide tablet"].column,
  .ui.column.grid > [class*="eleven wide tablet"].column {
    width: 68.75% !important;
  }

  .ui.grid > .row > [class*="twelve wide tablet"].column,
  .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  .ui.grid > [class*="twelve wide tablet"].column,
  .ui.column.grid > [class*="twelve wide tablet"].column {
    width: 75% !important;
  }

  .ui.grid > .row > [class*="thirteen wide tablet"].column,
  .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  .ui.grid > [class*="thirteen wide tablet"].column,
  .ui.column.grid > [class*="thirteen wide tablet"].column {
    width: 81.25% !important;
  }

  .ui.grid > .row > [class*="fourteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  .ui.grid > [class*="fourteen wide tablet"].column,
  .ui.column.grid > [class*="fourteen wide tablet"].column {
    width: 87.5% !important;
  }

  .ui.grid > .row > [class*="fifteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  .ui.grid > [class*="fifteen wide tablet"].column,
  .ui.column.grid > [class*="fifteen wide tablet"].column {
    width: 93.75% !important;
  }

  .ui.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  .ui.column.grid > [class*="sixteen wide tablet"].column {
    width: 100% !important;
  }
}

/* Computer/Desktop Sizing Combinations */

@media only screen and (min-width: 992px) {
  .ui.grid > .row > [class*="one wide computer"].column,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important;
  }

  .ui.grid > .row > [class*="two wide computer"].column,
  .ui.grid > .column.row > [class*="two wide computer"].column,
  .ui.grid > [class*="two wide computer"].column,
  .ui.column.grid > [class*="two wide computer"].column {
    width: 12.5% !important;
  }

  .ui.grid > .row > [class*="three wide computer"].column,
  .ui.grid > .column.row > [class*="three wide computer"].column,
  .ui.grid > [class*="three wide computer"].column,
  .ui.column.grid > [class*="three wide computer"].column {
    width: 18.75% !important;
  }

  .ui.grid > .row > [class*="four wide computer"].column,
  .ui.grid > .column.row > [class*="four wide computer"].column,
  .ui.grid > [class*="four wide computer"].column,
  .ui.column.grid > [class*="four wide computer"].column {
    width: 25% !important;
  }

  .ui.grid > .row > [class*="five wide computer"].column,
  .ui.grid > .column.row > [class*="five wide computer"].column,
  .ui.grid > [class*="five wide computer"].column,
  .ui.column.grid > [class*="five wide computer"].column {
    width: 31.25% !important;
  }

  .ui.grid > .row > [class*="six wide computer"].column,
  .ui.grid > .column.row > [class*="six wide computer"].column,
  .ui.grid > [class*="six wide computer"].column,
  .ui.column.grid > [class*="six wide computer"].column {
    width: 37.5% !important;
  }

  .ui.grid > .row > [class*="seven wide computer"].column,
  .ui.grid > .column.row > [class*="seven wide computer"].column,
  .ui.grid > [class*="seven wide computer"].column,
  .ui.column.grid > [class*="seven wide computer"].column {
    width: 43.75% !important;
  }

  .ui.grid > .row > [class*="eight wide computer"].column,
  .ui.grid > .column.row > [class*="eight wide computer"].column,
  .ui.grid > [class*="eight wide computer"].column,
  .ui.column.grid > [class*="eight wide computer"].column {
    width: 50% !important;
  }

  .ui.grid > .row > [class*="nine wide computer"].column,
  .ui.grid > .column.row > [class*="nine wide computer"].column,
  .ui.grid > [class*="nine wide computer"].column,
  .ui.column.grid > [class*="nine wide computer"].column {
    width: 56.25% !important;
  }

  .ui.grid > .row > [class*="ten wide computer"].column,
  .ui.grid > .column.row > [class*="ten wide computer"].column,
  .ui.grid > [class*="ten wide computer"].column,
  .ui.column.grid > [class*="ten wide computer"].column {
    width: 62.5% !important;
  }

  .ui.grid > .row > [class*="eleven wide computer"].column,
  .ui.grid > .column.row > [class*="eleven wide computer"].column,
  .ui.grid > [class*="eleven wide computer"].column,
  .ui.column.grid > [class*="eleven wide computer"].column {
    width: 68.75% !important;
  }

  .ui.grid > .row > [class*="twelve wide computer"].column,
  .ui.grid > .column.row > [class*="twelve wide computer"].column,
  .ui.grid > [class*="twelve wide computer"].column,
  .ui.column.grid > [class*="twelve wide computer"].column {
    width: 75% !important;
  }

  .ui.grid > .row > [class*="thirteen wide computer"].column,
  .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  .ui.grid > [class*="thirteen wide computer"].column,
  .ui.column.grid > [class*="thirteen wide computer"].column {
    width: 81.25% !important;
  }

  .ui.grid > .row > [class*="fourteen wide computer"].column,
  .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  .ui.grid > [class*="fourteen wide computer"].column,
  .ui.column.grid > [class*="fourteen wide computer"].column {
    width: 87.5% !important;
  }

  .ui.grid > .row > [class*="fifteen wide computer"].column,
  .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  .ui.grid > [class*="fifteen wide computer"].column,
  .ui.column.grid > [class*="fifteen wide computer"].column {
    width: 93.75% !important;
  }

  .ui.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  .ui.column.grid > [class*="sixteen wide computer"].column {
    width: 100% !important;
  }
}

/* Large Monitor Sizing Combinations */

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid > .row > [class*="one wide large screen"].column,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important;
  }

  .ui.grid > .row > [class*="two wide large screen"].column,
  .ui.grid > .column.row > [class*="two wide large screen"].column,
  .ui.grid > [class*="two wide large screen"].column,
  .ui.column.grid > [class*="two wide large screen"].column {
    width: 12.5% !important;
  }

  .ui.grid > .row > [class*="three wide large screen"].column,
  .ui.grid > .column.row > [class*="three wide large screen"].column,
  .ui.grid > [class*="three wide large screen"].column,
  .ui.column.grid > [class*="three wide large screen"].column {
    width: 18.75% !important;
  }

  .ui.grid > .row > [class*="four wide large screen"].column,
  .ui.grid > .column.row > [class*="four wide large screen"].column,
  .ui.grid > [class*="four wide large screen"].column,
  .ui.column.grid > [class*="four wide large screen"].column {
    width: 25% !important;
  }

  .ui.grid > .row > [class*="five wide large screen"].column,
  .ui.grid > .column.row > [class*="five wide large screen"].column,
  .ui.grid > [class*="five wide large screen"].column,
  .ui.column.grid > [class*="five wide large screen"].column {
    width: 31.25% !important;
  }

  .ui.grid > .row > [class*="six wide large screen"].column,
  .ui.grid > .column.row > [class*="six wide large screen"].column,
  .ui.grid > [class*="six wide large screen"].column,
  .ui.column.grid > [class*="six wide large screen"].column {
    width: 37.5% !important;
  }

  .ui.grid > .row > [class*="seven wide large screen"].column,
  .ui.grid > .column.row > [class*="seven wide large screen"].column,
  .ui.grid > [class*="seven wide large screen"].column,
  .ui.column.grid > [class*="seven wide large screen"].column {
    width: 43.75% !important;
  }

  .ui.grid > .row > [class*="eight wide large screen"].column,
  .ui.grid > .column.row > [class*="eight wide large screen"].column,
  .ui.grid > [class*="eight wide large screen"].column,
  .ui.column.grid > [class*="eight wide large screen"].column {
    width: 50% !important;
  }

  .ui.grid > .row > [class*="nine wide large screen"].column,
  .ui.grid > .column.row > [class*="nine wide large screen"].column,
  .ui.grid > [class*="nine wide large screen"].column,
  .ui.column.grid > [class*="nine wide large screen"].column {
    width: 56.25% !important;
  }

  .ui.grid > .row > [class*="ten wide large screen"].column,
  .ui.grid > .column.row > [class*="ten wide large screen"].column,
  .ui.grid > [class*="ten wide large screen"].column,
  .ui.column.grid > [class*="ten wide large screen"].column {
    width: 62.5% !important;
  }

  .ui.grid > .row > [class*="eleven wide large screen"].column,
  .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  .ui.grid > [class*="eleven wide large screen"].column,
  .ui.column.grid > [class*="eleven wide large screen"].column {
    width: 68.75% !important;
  }

  .ui.grid > .row > [class*="twelve wide large screen"].column,
  .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  .ui.grid > [class*="twelve wide large screen"].column,
  .ui.column.grid > [class*="twelve wide large screen"].column {
    width: 75% !important;
  }

  .ui.grid > .row > [class*="thirteen wide large screen"].column,
  .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  .ui.grid > [class*="thirteen wide large screen"].column,
  .ui.column.grid > [class*="thirteen wide large screen"].column {
    width: 81.25% !important;
  }

  .ui.grid > .row > [class*="fourteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  .ui.grid > [class*="fourteen wide large screen"].column,
  .ui.column.grid > [class*="fourteen wide large screen"].column {
    width: 87.5% !important;
  }

  .ui.grid > .row > [class*="fifteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  .ui.grid > [class*="fifteen wide large screen"].column,
  .ui.column.grid > [class*="fifteen wide large screen"].column {
    width: 93.75% !important;
  }

  .ui.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  .ui.column.grid > [class*="sixteen wide large screen"].column {
    width: 100% !important;
  }
}

/* Widescreen Sizing Combinations */

@media only screen and (min-width: 1920px) {
  .ui.grid > .row > [class*="one wide widescreen"].column,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important;
  }

  .ui.grid > .row > [class*="two wide widescreen"].column,
  .ui.grid > .column.row > [class*="two wide widescreen"].column,
  .ui.grid > [class*="two wide widescreen"].column,
  .ui.column.grid > [class*="two wide widescreen"].column {
    width: 12.5% !important;
  }

  .ui.grid > .row > [class*="three wide widescreen"].column,
  .ui.grid > .column.row > [class*="three wide widescreen"].column,
  .ui.grid > [class*="three wide widescreen"].column,
  .ui.column.grid > [class*="three wide widescreen"].column {
    width: 18.75% !important;
  }

  .ui.grid > .row > [class*="four wide widescreen"].column,
  .ui.grid > .column.row > [class*="four wide widescreen"].column,
  .ui.grid > [class*="four wide widescreen"].column,
  .ui.column.grid > [class*="four wide widescreen"].column {
    width: 25% !important;
  }

  .ui.grid > .row > [class*="five wide widescreen"].column,
  .ui.grid > .column.row > [class*="five wide widescreen"].column,
  .ui.grid > [class*="five wide widescreen"].column,
  .ui.column.grid > [class*="five wide widescreen"].column {
    width: 31.25% !important;
  }

  .ui.grid > .row > [class*="six wide widescreen"].column,
  .ui.grid > .column.row > [class*="six wide widescreen"].column,
  .ui.grid > [class*="six wide widescreen"].column,
  .ui.column.grid > [class*="six wide widescreen"].column {
    width: 37.5% !important;
  }

  .ui.grid > .row > [class*="seven wide widescreen"].column,
  .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  .ui.grid > [class*="seven wide widescreen"].column,
  .ui.column.grid > [class*="seven wide widescreen"].column {
    width: 43.75% !important;
  }

  .ui.grid > .row > [class*="eight wide widescreen"].column,
  .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  .ui.grid > [class*="eight wide widescreen"].column,
  .ui.column.grid > [class*="eight wide widescreen"].column {
    width: 50% !important;
  }

  .ui.grid > .row > [class*="nine wide widescreen"].column,
  .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  .ui.grid > [class*="nine wide widescreen"].column,
  .ui.column.grid > [class*="nine wide widescreen"].column {
    width: 56.25% !important;
  }

  .ui.grid > .row > [class*="ten wide widescreen"].column,
  .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  .ui.grid > [class*="ten wide widescreen"].column,
  .ui.column.grid > [class*="ten wide widescreen"].column {
    width: 62.5% !important;
  }

  .ui.grid > .row > [class*="eleven wide widescreen"].column,
  .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  .ui.grid > [class*="eleven wide widescreen"].column,
  .ui.column.grid > [class*="eleven wide widescreen"].column {
    width: 68.75% !important;
  }

  .ui.grid > .row > [class*="twelve wide widescreen"].column,
  .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  .ui.grid > [class*="twelve wide widescreen"].column,
  .ui.column.grid > [class*="twelve wide widescreen"].column {
    width: 75% !important;
  }

  .ui.grid > .row > [class*="thirteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  .ui.grid > [class*="thirteen wide widescreen"].column,
  .ui.column.grid > [class*="thirteen wide widescreen"].column {
    width: 81.25% !important;
  }

  .ui.grid > .row > [class*="fourteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  .ui.grid > [class*="fourteen wide widescreen"].column,
  .ui.column.grid > [class*="fourteen wide widescreen"].column {
    width: 87.5% !important;
  }

  .ui.grid > .row > [class*="fifteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  .ui.grid > [class*="fifteen wide widescreen"].column,
  .ui.column.grid > [class*="fifteen wide widescreen"].column {
    width: 93.75% !important;
  }

  .ui.grid > .row > [class*="sixteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  .ui.grid > [class*="sixteen wide widescreen"].column,
  .ui.column.grid > [class*="sixteen wide widescreen"].column {
    width: 100% !important;
  }
}

/*----------------------
        Centered
-----------------------*/

.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left;
}

.ui.grid > .centered.column,
.ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*----------------------
        Relaxed
-----------------------*/

.ui.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.ui[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* Coupling with UI Divider */

.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.ui[class*="very relaxed"].grid .row + .ui.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

/*----------------------
        Padded
-----------------------*/

.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important;
}

[class*="horizontally padded"].ui.grid {
  margin-left: 0em !important;
  margin-right: 0em !important;
}

[class*="vertically padded"].ui.grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}

/*----------------------
       "Floated"
-----------------------*/

.ui.grid [class*="left floated"].column {
  margin-right: auto;
}

.ui.grid [class*="right floated"].column {
  margin-left: auto;
}

/*----------------------
        Divided
-----------------------*/

/* Swap from padding to margin on columns to have dividers align */

.ui[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.ui[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* No divider on first column on row */

.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}

/* No space on top of first row */

.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em;
}

/* Divided Row */

.ui.grid > .divided.row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}

.ui.grid > .divided.row > .column:first-child {
  box-shadow: none;
}

/* Vertically Divided */

.ui[class*="vertically divided"].grid > .row {
  position: relative;
}

.ui[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% -  2rem );
  height: 1px;
  margin: 0% 1rem;
  box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Padded Horizontally Divided */

[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%;
}

/* First Row Vertically Divided */

.ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
}

/* Inverted Divided */

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}

.ui.inverted[class*="vertically divided"].grid > .row:before {
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}

/* Relaxed */

.ui.relaxed[class*="vertically divided"].grid > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% -  3rem );
}

.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  margin-left: 5rem;
  margin-right: 5rem;
  width: calc(100% -  5rem );
}

/*----------------------
         Celled
-----------------------*/

.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #D4D4D5;
}

.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  box-shadow: 0px -1px 0px 0px #D4D4D5;
}

.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  box-shadow: -1px 0px 0px 0px #D4D4D5;
}

.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  box-shadow: none;
}

.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  padding: 1em;
}

.ui.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column {
  padding: 1.5em;
}

.ui[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em;
}

/* Internally Celled */

.ui[class*="internally celled"].grid {
  box-shadow: none;
  margin: 0em;
}

.ui[class*="internally celled"].grid > .row:first-child {
  box-shadow: none;
}

.ui[class*="internally celled"].grid > .row > .column:first-child {
  box-shadow: none;
}

/*----------------------
   Vertically Aligned
-----------------------*/

/* Top Aligned */

.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: top;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

/* Middle Aligned */

.ui[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: middle;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

/* Bottom Aligned */

.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: bottom;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

/* Stretched */

.ui.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/*----------------------
  Horizontally Centered
-----------------------*/

/* Left Aligned */

.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
}

/* Center Aligned */

.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column {
  text-align: center;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
}

.ui[class*="center aligned"].grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* Right Aligned */

.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column {
  text-align: right;
  -ms-flex-item-align: inherit;
  -ms-grid-row-align: inherit;
  align-self: inherit;
}

/* Justified */

.ui.justified.grid > .column,
.ui.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
.ui.grid > .row > .justified.column.column {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/*----------------------
      Equal Width
-----------------------*/

.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ui[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

/*----------------------
        Reverse
-----------------------*/

/* Mobile */

@media only screen and (max-width: 767px) {
  .ui[class*="mobile reversed"].grid,
  .ui[class*="mobile reversed"].grid > .row,
  .ui.grid > [class*="mobile reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .ui[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* Divided Reversed */

  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }

  /* Celled Reversed */

  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }

  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  .ui.grid > [class*="tablet reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .ui[class*="tablet vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* Divided Reversed */

  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }

  /* Celled Reversed */

  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }

  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/* Computer */

@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  .ui.grid > [class*="computer reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .ui[class*="computer vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  /* Divided Reversed */

  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }

  /* Vertically Divided Reversed */

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }

  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }

  /* Celled Reversed */

  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }

  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}

/*-------------------
      Doubling
--------------------*/

/* Tablet Only */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.doubling.grid {
    width: auto;
  }

  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }

  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    display: inline-block !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    box-shadow: none !important;
    margin: 0em;
  }

  .ui[class*="two column"].doubling.grid > .row > .column,
  .ui[class*="two column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling.row.row > .column {
    width: 100% !important;
  }

  .ui[class*="three column"].doubling.grid > .row > .column,
  .ui[class*="three column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling.row.row > .column {
    width: 50% !important;
  }

  .ui[class*="four column"].doubling.grid > .row > .column,
  .ui[class*="four column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling.row.row > .column {
    width: 50% !important;
  }

  .ui[class*="five column"].doubling.grid > .row > .column,
  .ui[class*="five column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="six column"].doubling.grid > .row > .column,
  .ui[class*="six column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="seven column"].doubling.grid > .row > .column,
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="eight column"].doubling.grid > .row > .column,
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling.row.row > .column {
    width: 25% !important;
  }

  .ui[class*="nine column"].doubling.grid > .row > .column,
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling.row.row > .column {
    width: 25% !important;
  }

  .ui[class*="ten column"].doubling.grid > .row > .column,
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling.row.row > .column {
    width: 20% !important;
  }

  .ui[class*="eleven column"].doubling.grid > .row > .column,
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling.row.row > .column {
    width: 20% !important;
  }

  .ui[class*="twelve column"].doubling.grid > .row > .column,
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }

  .ui[class*="thirteen column"].doubling.grid > .row > .column,
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }

  .ui[class*="fourteen column"].doubling.grid > .row > .column,
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }

  .ui[class*="fifteen column"].doubling.grid > .row > .column,
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }

  .ui[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
    width: 12.5% !important;
  }
}

/* Mobile Only */

@media only screen and (max-width: 767px) {
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }

  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin: 0em !important;
    box-shadow: none !important;
  }

  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
    width: 100% !important;
  }

  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }

  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }

  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }

  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }

  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
}

/*-------------------
      Stackable
--------------------*/

@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    width: auto;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }

  .ui.stackable.grid > .row > .wide.column,
  .ui.stackable.grid > .wide.column,
  .ui.stackable.grid > .column.grid > .column,
  .ui.stackable.grid > .column.row > .column,
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column:not(.row),
  .ui.grid > .stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0em 0em !important;
    box-shadow: none !important;
    padding: 1rem 1rem !important;
  }

  .ui.stackable.grid:not(.vertically) > .row {
    margin: 0em;
    padding: 0em;
  }

  /* Coupling */

  .ui.container > .ui.stackable.grid > .column,
  .ui.container > .ui.stackable.grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }

  /* Don't pad inside segment or nested grid */

  .ui.grid .ui.stackable.grid,
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  /* Divided Stackable */

  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:not(.row):first-child,
  .ui.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important;
  }

  .ui.inverted.stackable.celled.grid > .column:not(.row),
  .ui.inverted.stackable.divided.grid > .column:not(.row),
  .ui.inverted.stackable.celled.grid > .row > .column,
  .ui.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .ui.stackable.celled.grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .ui.stackable.celled.grid > .row {
    box-shadow: none !important;
  }

  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
}

/*----------------------
     Only (Device)
-----------------------*/

/* These include arbitrary class repetitions for forced specificity */

/* Mobile Only Hide */

@media only screen and (max-width: 767px) {
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important;
  }

  .ui[class*="computer only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
    display: none !important;
  }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Tablet Only Hide */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important;
  }

  .ui[class*="computer only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
    display: none !important;
  }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Computer Only Hide */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }

  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Large Screen Only Hide */

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }

  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Only Hide */

@media only screen and (min-width: 1920px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }

  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
}

/*******************************
         Site Overrides
*******************************/
/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*--------------
      Menu
---------------*/

.ui.menu {
  display: inline-block;
  margin: 1rem 0em;
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  padding: 0;
  border-radius: 0.28571429rem;
  min-height: 2.85714286em;
}

.ui.menu:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

/*--------------
      Item
---------------*/

.ui.menu .menu-item a{
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

/*--------------
     Inputs
---------------*/

.ui.menu .menu-item > .input {
  width: 100%;
}

.ui.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
}

.ui.menu .menu-item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}


/*******************************
            States
*******************************/

.ui.link.menu .menu-item a,
.ui.menu .menu-item.menu-item-has-children a,
.ui.menu .menu-item a {
  text-decoration: underline transparent;
  transition: all 0.3s ease-in-out;
}

/*--------------
      Hover
---------------*/

.ui.link.menu .menu-item a:hover,
.ui.menu .menu-item.menu-item-has-children a:hover,
.ui.menu .menu-item a:hover {
  cursor: pointer;
  border-radius: 0.2em;
}
@media only screen and (min-width: 1210px) {
  .ui.link.menu .menu-item a:hover,
  .ui.menu .menu-item.menu-item-has-children a:hover,
  .ui.menu .menu-item a:hover {
    text-decoration: underline;
  }
}

/*--------------
     Pressed
---------------*/

.ui.link.menu .menu-item:active,
.ui.menu a.menu-item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.2em;
}

/*--------------
     Active
---------------*/

.ui.menu .menu-item.current_page_item > a,
.ui.menu .menu-item.current-menu-item > a {
  text-decoration: underline #1B1C1D;
  border-radius: 0.2em;
  font-weight: normal;
  box-shadow: none;
}

/*--------------
  Active Hover
---------------*/

.ui.menu .menu-item.current_page_item a:hover,
.ui.menu .menu-item.current-menu-item > a:hover {
  text-decoration: underline #1B1C1D;
  border-radius: 0.2em;
}

/*******************************
             Types
*******************************/

/*------------------
Floated Menu / Item
-------------------*/

/* Right Floated */

.ui.menu .right.item,
.ui.menu .right.menu,
.ui.right.menu {
  margin: 0.5rem 0;
  float: right;
}

/*******************************
          Main Menu
*******************************/

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
  margin-left: 5px;
  outline: 0;
  background: transparent;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
}
.menu-icon:hover, .menu-icon:active {
  background: none;
}
.menu-icon::after,  .white-nav.nav-down.smallHeader .menu-icon::after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #35332c;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #35332c,0 14px 0 #35332c;
}

@media screen and (min-width: 1210px) {
  .hide-for-medium {
    display: none !important;
  }

  .mobile-search {
    display: none;
  }

  .desktop-search {
    border: none;
    font-size: 1.125rem;
    margin-top: -0.3em;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

/*--------------
  For Desktop
---------------*/

.ui.menu .secondary.menu .sub-menu {
  font-size: 1rem;
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.ui.menu .secondary.menu .menu-item a {
  padding: .4rem .6rem;
  display: inline-block;
  font-size: 1.05rem; /* ~16.8px at 16px root; was ~17px with old 14px root */
  line-height: 1.4;
}

@media screen and (min-width: 1025px) {

  .ui.right.menu {
    margin: 0.5rem 0;
    float: right;
  }
  .ui.menu .secondary.menu .sub-menu {
    font-size: 1rem;
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    opacity: 0;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: .28rem;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12);
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
    padding: 0;
  }
  /* Hover behavior only when NOT in offcanvas mode */
  .top-bar-right:not(.offcanvas-expanded) .ui.menu .secondary.menu li:hover > .sub-menu.is-open {
    left: 0;
    opacity: 1;
    -webkit-transition: opacity ease .3s;
            transition: opacity ease .3s;
  }
  .top-bar-right:not(.offcanvas-expanded) .ui.menu .secondary.menu .sub-menu li:hover > .sub-menu.is-open {
    left: 100%;
    top: -1px;
  }
  .top-bar-right:not(.offcanvas-expanded) .ui.menu .secondary.menu li .sub-menu li:last-child:hover > .sub-menu.is-open {
    left: 0;
    top: 100%;
  }
  .ui.menu .secondary.menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .ui.menu .secondary.menu li {
    position: relative;
    float: none;
    -webkit-transition: all ease .5s;
            transition: all ease .5s;
  }
  .ui.menu .secondary.menu .menu-item a:hover {
    color: #1B1C1D;
  }

  .ui.menu .secondary.menu .sub-menu li {
    white-space: normal;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .ui.menu .secondary.menu .sub-menu a {
    width: 100%;
    display: inline-block;
    padding: .46em .8em;
    color: #1B1C1D;
    border-bottom: none;
    transition: all 0.3s ease-in-out;
    min-width: 130px;
    text-align: left;
  }
  .ui.menu .secondary.menu .sub-menu li:last-of-type a{padding-bottom: .6em;}
  .ui.menu .secondary.menu .sub-menu a:hover, .ui.menu .secondary.menu .sub-menu a.active {color: #1B1C1D;}
}

@media only screen and (min-width: 1210px) {
  .ui.right.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .top-bar-right {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/*--------------
    Fixed
---------------*/

.ui.menu.fixed {
  position: fixed;
  z-index: 101;
  margin: 0em;
  width: 100%;
}

.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
  border-radius: 0px !important;
}

.ui.fixed.menu,
.ui[class*="top fixed"].menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}

.ui[class*="top fixed"].menu {
  border-top: none;
  border-left: none;
  border-right: none;
}

.ui[class*="right fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}

.ui[class*="bottom fixed"].menu {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}

.ui[class*="left fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}

/* Coupling with Grid */

.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Standard
*******************************/

/*--------------
      Card Grid
---------------*/

.ui.cards.grid .column{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.cards.grid .column .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 225px;
  text-decoration: none;
}

/*--------------
      Card Tags für Termine
---------------*/
.cards .tag {
  position: relative;
  padding: 1rem;
  z-index: 1;
  /* Solid fallback: axe/contrast tools cannot use CSS background-images. */
  background-color: #BDCF00;
  color: #1B1C1D;
}
.cards .tag:after {
  content: "";
  opacity: 0.8;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 101%;
}
.cards .geschaeftsstrassenmanagement .tag,
.cards .tag {
  background-color: #BDCF00;
  color: #1B1C1D;
}
.cards .geschaeftsstrassenmanagement .tag:after,
.cards .tag:after {
  background-image: url('../img/cardschweif-gsm.png');
  background-image: url('../img/cardschweif-gsm.svg');
}
.cards .handel-und-gewerbe .tag {
  background-color: #821D79;
  color: #FFFFFF;
}
.cards .handel-und-gewerbe .tag:after {
  background-image: url('../img/cardschweif-hug.png');
  background-image: url('../img/cardschweif-hug.svg');
}
.cards .lebensqualitaet .tag {
  background-color: #E60D73;
  color: #FFFFFF;
}
.cards .lebensqualitaet .tag:after {
  background-image: url('../img/cardschweif-leq.png');
  background-image: url('../img/cardschweif-leq.svg');
}
.cards .baukultur-und-gestaltung .tag {
  background-color: #F6A500;
  color: #1B1C1D;
}
.cards .baukultur-und-gestaltung .tag:after {
  background-image: url('../img/cardschweif-bug.png');
  background-image: url('../img/cardschweif-bug.svg');
}
.cards .mobilitaet-und-verkehr .tag {
  background-color: #3ABEE7;
  color: #1B1C1D;
}
.cards .mobilitaet-und-verkehr .tag:after {
  background-image: url('../img/cardschweif-muv.png');
  background-image: url('../img/cardschweif-muv.svg');
}

.dates-front .date, .dates-archive .date {
  font-style: normal;
  font-weight: bold;
  opacity: 1;
  color: inherit;
  -webkit-transition: opacity 0.2s 0.2s ease;
  transition: opacity 0.2s 0.2s ease;
}
.dates-front .date .time, .dates-archive .date .time{
  white-space: nowrap;
  color: inherit;
}

/*--------------
      Category Badge für News
---------------*/

/* Category Badge für News */
.category-badge {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.4;
}

/* Farbvarianten für verschiedene Kategorien */
/* .cards .geschaeftsstrassenmanagement .category-badge {
  background-color: #e8f5e9;
  border-color: #81c784;
  color: #2e7d32;
}

.cards .handel-und-gewerbe .category-badge {
  background-color: #fff3e0;
  border-color: #ffb74d;
  color: #e65100;
}

.cards .lebensqualitaet .category-badge {
  background-color: #e3f2fd;
  border-color: #64b5f6;
  color: #1565c0;
}

.cards .baukultur-und-gestaltung .category-badge {
  background-color: #f3e5f5;
  border-color: #ba68c8;
  color: #6a1b9a;
}

.cards .mobilitaet-und-verkehr .category-badge {
  background-color: #fff9c4;
  border-color: #ffd54f;
  color: #f57f17;
} */

.ui.card > .content.meta:not(.category-info){
  max-height: 48px;
}

.ui.card > .content.meta:hover{
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: rgba(0, 0, 0, 1)
}

/*--------------
      Card
---------------*/

.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: 1px solid rgb(0 0 0 / 30%);
  border-radius: 0.28571429rem;
  box-shadow: 0px 1px 4px 0px #e2e2e2, 0px 0px 6px 0px #e4e4e6;
  transition: all 0.3s ease-in-out;
  z-index: '';
}

.ui.card {
  margin: 1em 0em;
}

.ui.cards > .card a,
.ui.card a {
  text-decoration: none; /* Cards: no underline */
  cursor: pointer;
}

a.ui.card .header,
a.ui.card .header {
  transition: all 0.2s ease-in-out;
  text-decoration: underline transparent; /* WCAG 2.1 konform */
}

a.ui.card:hover .header,
a.ui.card:focus .header {
  text-decoration: underline #1B1C1D; /* WCAG 2.1 konform */
}

.ui.card:first-child {
  margin-top: 0em;
}

.ui.card:last-child {
  margin-bottom: 0em;
}

.ui.card .ui.tiny.basic.button {
  margin-top: 0.5rem;
}

/*--------------
      Cards
---------------*/

.ui.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.875em -0.5em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ui.cards > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.875em 0.5em;
  float: none;
}

/* Clearing */

.ui.cards:after,
.ui.card:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/* Consecutive Card Groups Preserve Row Spacing */

.ui.cards ~ .ui.cards {
  margin-top: 0.875em;
}

/*--------------
  Rounded Edges
---------------*/

.ui.cards > .card > :first-child,
.ui.card > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
  border-top: none !important;
}

.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.28571429rem !important;
}

/*--------------
     Images
---------------*/

.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0em;
  background: rgb(0 0 0 / 66%);
}

.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}

/*--------------
     Content
---------------*/

.ui.cards > .card > .content,
.ui.card > .content {
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  background: none;
  margin: 0em;
  padding: 1em 1em;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0em;
}
.ui.card > .content.category-info {
  flex-grow: 0;
}
.dates-front .ui.card > .content,
.dates-archive .ui.card > .content{
  border-top: none;
}

.ui.cards > .card > .content:after,
.ui.card > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.ui.cards > .card > .content > .header,
.ui.card > .content > .header{
  display: block;
  margin: '';
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
}

/* Default Header Size */

.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
  font-size: 1.28571429em;
  margin-top: 0.21425em;
  line-height: 1.2857em;
}

.ui.cards > .card > .content > .meta + .description,
.ui.cards > .card > .content > .header + .description,
.ui.card > .content > .meta + .description,
.ui.card > .content > .header + .description {
  margin-top: 0.5em;
}

/*----------------
 Floated Content
-----------------*/

.ui.cards > .card [class*="left floated"],
.ui.card [class*="left floated"] {
  float: left;
}

.ui.cards > .card [class*="right floated"],
.ui.card [class*="right floated"] {
  float: right;
}

/*--------------
     Aligned
---------------*/

.ui.cards > .card [class*="left aligned"],
.ui.card [class*="left aligned"] {
  text-align: left;
}

.ui.cards > .card [class*="center aligned"],
.ui.card [class*="center aligned"] {
  text-align: center;
}

.ui.cards > .card [class*="right aligned"],
.ui.card [class*="right aligned"] {
  text-align: right;
}

/*--------------
  Content Image
---------------*/

.ui.cards > .card .content img,
.ui.card .content img {
  display: inline-block;
  vertical-align: middle;
  width: '';
}

.ui.cards > .card img.avatar,
.ui.cards > .card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}

/*--------------
   Description
---------------*/

.ui.cards > .card > .content > .description,
.ui.card > .content > .description {
  clear: both;
  color: rgba(0, 0, 0, 0.68);
}

/*--------------
    Paragraph
---------------*/

.ui.cards > .card > .content p,
.ui.card > .content p {
  margin: 0em 0em 0.5em;
}

.ui.cards > .card > .content p:last-child,
.ui.card > .content p:last-child {
  margin-bottom: 0em;
}

/*--------------
      Meta
---------------*/

.ui.cards > .card .meta,
.ui.card .meta {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.65);
}

.ui.cards > .card .meta *,
.ui.card .meta * {
  margin-right: 0.3em;
}

.ui.cards > .card .meta :last-child,
.ui.card .meta :last-child {
  margin-right: 0em;
}

.ui.cards > .card .meta [class*="right floated"],
.ui.card .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}

/*--------------
      Links
---------------*/

/* Generic */

.ui.cards > .card > .content a:not(.ui),
.ui.card > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.cards > .card > .content a:not(.ui):hover,
.ui.card > .content a:not(.ui):hover {
  color: '';
}

/* Header */

.ui.cards > .card > .content > a.header,
.ui.card > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}

.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: #1e70bf;
}

/* Meta */

.ui.cards > .card .meta > a:not(.ui),
.ui.card .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

.ui.cards > .card .meta > a:not(.ui):hover,
.ui.card .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
     Buttons
---------------*/

.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: 0px -1px;
  width: calc(100% +  2px );
}

/*--------------
      Dimmer
---------------*/

.ui.cards > .card .dimmer,
.ui.card .dimmer {
  background-color: '';
  z-index: 10;
}

/*--------------
     Labels
---------------*/

/*-----Star----- */

/* Icon */

.ui.cards > .card > .content .star.icon,
.ui.card > .content .star.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.cards > .card > .content .star.icon:hover,
.ui.card > .content .star.icon:hover {
  opacity: 1;
  color: #FFB70A;
}

.ui.cards > .card > .content .active.star.icon,
.ui.card > .content .active.star.icon {
  color: #FFE623;
}

/*-----Like----- */

/* Icon */

.ui.cards > .card > .content .like.icon,
.ui.card > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.cards > .card > .content .like.icon:hover,
.ui.card > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}

.ui.cards > .card > .content .active.like.icon,
.ui.card > .content .active.like.icon {
  color: #FF2733;
}

/*----------------
  Extra Content
-----------------*/

.ui.cards > .card > .extra,
.ui.card > .extra {
  max-width: 100%;
  min-height: 0em !important;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: static;
  background: none;
  width: auto;
  margin: 0em 0em;
  padding: 0.75em 1em;
  top: 0em;
  left: 0em;
  color: rgb(0 0 0 / 66%);
  box-shadow: none;
  transition: color 0.3s ease-in-out;
}

.ui.cards > .card > .extra a:not(.ui),
.ui.card > .extra a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

.ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover {
  color: #1e70bf;
}

/*******************************
          Variations
*******************************/

/*-------------------
        Centered
--------------------*/

.ui.centered.cards {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui.centered.card {
  margin-left: auto;
  margin-right: auto;
}

/*-------------------
        Fluid
--------------------*/

.ui.fluid.card {
  width: 100%;
  max-width: 9999px;
}

/*-------------------
        Link
--------------------*/

.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: 1px solid rgb(0 0 0);
}

/*--------------
    Card Count
---------------*/

.ui.one.cards {
  margin-left: 0em;
  margin-right: 0em;
}

.ui.one.cards > .card {
  width: 100%;
}

.ui.two.cards {
  margin-left: -1em;
  margin-right: -1em;
}

.ui.two.cards > .card {
  width: calc( 50%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}

.ui.three.cards {
  margin-left: -1em;
  margin-right: -1em;
}

.ui.three.cards > .card {
  width: calc( 33.33333333%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}

.ui.four.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}

.ui.four.cards > .card {
  width: calc( 25%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}

.ui.five.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}

.ui.five.cards > .card {
  width: calc( 20%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}

.ui.six.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}

.ui.six.cards > .card {
  width: calc( 16.66666667%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}

.ui.seven.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.ui.seven.cards > .card {
  width: calc( 14.28571429%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.ui.eight.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.ui.eight.cards > .card {
  width: calc( 12.5%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.6875rem;
}

.ui.nine.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.ui.nine.cards > .card {
  width: calc( 11.11111111%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.625rem;
}

.ui.ten.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

.ui.ten.cards > .card {
  width: calc( 10%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*-------------------
      Stackable
--------------------*/

@media only screen and (max-width: 767px) {
  .ui.stackable.cards {
    display: block !important;
  }

  .ui.stackable.cards .card:first-child {
    margin-top: 0em !important;
  }

  .ui.stackable.cards > .card {
    display: block !important;
    height: auto !important;
    margin: 1em 1em;
    padding: 0 !important;
    width: calc( 100%  -  2em ) !important;
  }
}

/*--------------
      Size
---------------*/

.ui.cards > .card {
  font-size: 1em;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
    User Variable Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Comment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Standard
*******************************/

/*--------------
    Comments
---------------*/

.ui.comments {
  margin: 1.5em 0em;
  max-width: 650px;
}

.ui.comments:first-child {
  margin-top: 0em;
}

.ui.comments:last-child {
  margin-bottom: 0em;
}

/*--------------
     Comment
---------------*/

.ui.comments .comment {
  position: relative;
  background: none;
  margin: 0.5em 0em 0em;
  padding: 0.5em 0em 0em;
  border: none;
  border-top: none;
  line-height: 1.2;
}

.ui.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em;
}

/*--------------------
    Nested Comments
---------------------*/

.ui.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em;
}

.ui.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none;
}

/*--------------
     Avatar
---------------*/

.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em;
}

.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}

/*--------------
     Content
---------------*/

.ui.comments .comment > .content {
  display: block;
}

/* If there is an avatar move content over */

.ui.comments .comment > .avatar ~ .content {
  margin-left: 3.5em;
}

/*--------------
     Author
---------------*/

.ui.comments .comment .author {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
}

.ui.comments .comment a.author {
  cursor: pointer;
}

.ui.comments .comment a.author:hover {
  color: #1e70bf;
}

/*--------------
     Metadata
---------------*/

.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em;
}

.ui.comments .comment .metadata > * {
  display: inline-block;
  margin: 0em 0.5em 0em 0em;
}

.ui.comments .comment .metadata > :last-child {
  margin-right: 0em;
}

/*--------------------
     Comment Text
---------------------*/

.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.3;
}

/*--------------------
     User Actions
---------------------*/

.ui.comments .comment .actions {
  font-size: 0.875em;
}

.ui.comments .comment .actions a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.75em 0em 0em;
  color: rgba(0, 0, 0, 0.4);
}

.ui.comments .comment .actions a:last-child {
  margin-right: 0em;
}

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*--------------------
      Reply Form
---------------------*/

.ui.comments > .reply.form {
  margin-top: 1em;
}

.ui.comments .comment .reply.form {
  width: 100%;
  margin-top: 1em;
}

.ui.comments .reply.form textarea {
  font-size: 1em;
  height: 12em;
}

/*******************************
            State
*******************************/

.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
  display: none;
}

/*******************************
           Variations
*******************************/

/*--------------------
        Threaded
---------------------*/

.ui.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.25em;
  padding: 3em 0em 2em 2.25em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/*--------------------
        Minimal
---------------------*/

.ui.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.ui.minimal.comments .comment > .content:hover > .actions {
  opacity: 1;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.comments {
  font-size: 0.6875rem;
}

.ui.tiny.comments {
  font-size: 0.75rem;
}

.ui.small.comments {
  font-size: 0.9em;
}

.ui.comments {
  font-size: 1em;
}

.ui.large.comments {
  font-size: 1.1em;
}

.ui.big.comments {
  font-size: 1.125rem;
}

.ui.huge.comments {
  font-size: 1.2em;
}

.ui.massive.comments {
  font-size: 1.5rem;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
    User Variable Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Standard
*******************************/

/*--------------
      Item
---------------*/

.ui.items > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  -webkit-transition: box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease;
  z-index: '';
}

.ui.items > .item a {
  cursor: pointer;
}

/*--------------
      Items
---------------*/

.ui.items {
  margin: 1.5em 0em;
}

.ui.items:first-child {
  margin-top: 0em !important;
}

.ui.items:last-child {
  margin-bottom: 0em !important;
}

/*--------------
      Item
---------------*/

.ui.items > .item:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.ui.items > .item:first-child {
  margin-top: 0em;
}

.ui.items > .item:last-child {
  margin-bottom: 0em;
}

/*--------------
     Images
---------------*/

.ui.items > .item > .image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: '';
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top;
}

.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.125rem;
  border: none;
}

.ui.items > .item > .image:only-child > img {
  border-radius: 0rem;
}

/*--------------
     Content
---------------*/

.ui.items > .item > .content {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: none;
  margin: 0em;
  padding: 0em;
  box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0em;
}

.ui.items > .item > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.ui.items > .item > .image + .content {
  min-width: 0;
  width: auto;
  display: block;
  margin-left: 0em;
  -ms-flex-item-align: top;
  -ms-grid-row-align: top;
  align-self: top;
  padding-left: 1.5em;
}

.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0em 0em;
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
}

/* Default Header Size */

.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.28571429em;
}

/*--------------
     Floated
---------------*/

.ui.items > .item [class*="left floated"] {
  float: left;
}

.ui.items > .item [class*="right floated"] {
  float: right;
}

/*--------------
  Content Image
---------------*/

.ui.items > .item .content img {
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle;
  width: '';
}

.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: '';
  height: '';
  border-radius: 500rem;
}

/*--------------
   Description
---------------*/

.ui.items > .item > .content > .description {
  margin-top: 0.6em;
  max-width: auto;
  font-size: 1em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
    Paragraph
---------------*/

.ui.items > .item > .content p {
  margin: 0em 0em 0.5em;
}

.ui.items > .item > .content p:last-child {
  margin-bottom: 0em;
}

/*--------------
      Meta
---------------*/

.ui.items > .item .meta {
  margin: 0.5em 0em 0.5em;
  font-size: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.6);
}

.ui.items > .item .meta * {
  margin-right: 0.3em;
}

.ui.items > .item .meta :last-child {
  margin-right: 0em;
}

.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}

/*--------------
      Links
---------------*/

/* Generic */

.ui.items > .item > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.items > .item > .content a:not(.ui):hover {
  color: '';
}

/* Header */

.ui.items > .item > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}

.ui.items > .item > .content > a.header:hover {
  color: #1e70bf;
}

/* Meta */

.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

.ui.items > .item .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}

/*--------------
     Labels
---------------*/

/*-----Star----- */

/* Icon */

.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.items > .item > .content .favorite.icon:hover {
  opacity: 1;
  color: #FFB70A;
}

.ui.items > .item > .content .active.favorite.icon {
  color: #FFE623;
}

/*-----Like----- */

/* Icon */

.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.ui.items > .item > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}

.ui.items > .item > .content .active.like.icon {
  color: #FF2733;
}

/*----------------
  Extra Content
-----------------*/

.ui.items > .item .extra {
  display: block;
  position: relative;
  background: none;
  margin: 0.5rem 0em 0em;
  width: 100%;
  padding: 0em 0em 0em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-top: none;
}

.ui.items > .item .extra > * {
  margin: 0.25rem 0.5rem 0.25rem 0em;
}

.ui.items > .item .extra > [class*="right floated"] {
  margin: 0.25rem 0em 0.25rem 0.5rem;
}

.ui.items > .item .extra:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

/*******************************
          Responsive
*******************************/

/* Default Image Width */

.ui.items > .item > .image:not(.ui) {
  width: 175px;
}

/* Tablet Only */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.items > .item {
    margin: 1em 0em;
  }

  .ui.items > .item > .image:not(.ui) {
    width: 150px;
  }

  .ui.items > .item > .image + .content {
    display: block;
    padding: 0em 0em 0em 1em;
  }
}

/* Mobile Only */

@media only screen and (max-width: 767px) {
  .ui.items > .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2em 0em;
  }

  .ui.items > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .ui.items > .item > .image,
  .ui.items > .item > .image > img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 250px !important;
  }

  .ui.items > .item > .image + .content {
    display: block;
    padding: 1.5em 0em 0em;
  }
}

/*******************************
           Variations
*******************************/

/*-------------------
       Aligned
--------------------*/

.ui.items > .item > .image + [class*="top aligned"].content {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.ui.items > .item > .image + [class*="middle aligned"].content {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.ui.items > .item > .image + [class*="bottom aligned"].content {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/*--------------
     Relaxed
---------------*/

.ui.relaxed.items > .item {
  margin: 1.5em 0em;
}

.ui[class*="very relaxed"].items > .item {
  margin: 2em 0em;
}

/*-------------------
      Divided
--------------------*/

.ui.divided.items > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  padding: 1em 0em;
}

.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0em !important;
  padding-top: 0em !important;
}

.ui.divided.items > .item:last-child {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
}

/* Relaxed Divided */

.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: 1.5em 0em;
}

.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: 2em 0em;
}

/*-------------------
        Link
--------------------*/

.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}

.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: #1e70bf;
}

/*--------------
      Size
---------------*/

.ui.items > .item {
  font-size: 1em;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
    User Variable Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Accordion
*******************************/

.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%;
  font-size: 1rem;
}

.ui.accordion .accordion {
  margin: 1em 0em 0em;
  padding: 0em;
}

@media only screen and (min-width: 992px){
  .ui.accordion,
  .ui.accordion .accordion {
  font-size: 1.0625rem;
  }
}

/* Title */

.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
  text-align: center;
}
.ui.accordion h2 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
}
.ui.accordion h3 + p {
  border-top: 1px solid rgb(0 0 0 / 66%);
  border-bottom: 1px solid rgb(0 0 0 / 66%);
  padding: 0.5rem 0;
}
@media only screen and (min-width: 768px){}
@media only screen and (min-width: 992px){
  .ui.accordion h2 {
    font-size: 1.5rem;
  }
  .ui.accordion h3{
    font-size: 1.25rem;
  }
}

/* Default Styling */

.ui.accordion .title:not(.ui) {
  padding: 0.5em 0em;
  font-style: normal;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}

/* Content */

.ui.accordion .title ~ .content,
.ui.accordion .accordion .title ~ .content {
  display: none;
}

.ui.accordion .content .ansprechpartner:last-child {
  padding-bottom: 2rem;
}
.ui.accordion .content .ansprechpartner {
  padding-top: 2rem;
}
.ui.accordion .content .ansprechpartner .motivation{
  padding-bottom: 3rem;
}
.ansprechpartner .text.column {
  margin-top: 1rem;
}
.motivation ul, .motivation ol {
  margin: 0 0 2rem;
  padding-left: 1em;
  line-height: 1.5em;
}

/* Default Styling */

.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
  margin: '';
  padding: 0.5em 0em 1em;
}

.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0em;
}

/* Arrow */

.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  opacity: 1;
  width: 1.25em;
  height: 1em;
  margin: 0em 0.25rem 0em 0rem;
  padding: 0em;
  font-size: 1em;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
  vertical-align: baseline;
  -webkit-transform: none;
  transform: none;
}

/*--------------
    Coupling
---------------*/

/* Menu */

.ui.accordion.menu .item .title {
  display: block;
  padding: 0em;
}

.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.21425em 0em 0em 1em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Header */

.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem;
}

/*******************************
            States
*******************************/

.ui.accordion .active.title .dropdown.icon,
.ui.accordion .accordion .active.title .dropdown.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ui.accordion.menu .item .active.title > .dropdown.icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*******************************
            Types
*******************************/

/*--------------
     Styled
---------------*/

.ui.styled.accordion {
  width: 600px;
}

.ui.styled.accordion,
.ui.styled.accordion .accordion {
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
}

.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}

.ui.styled.accordion > .title:first-child,
.ui.styled.accordion .accordion .title:first-child {
  border-top: none;
}

/* Content */

.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
  margin: 0em;
  padding: 1.5em 1.5em 1.5em;
  /*padding: 0.5em 0 1.5em;*/
}

.ui.styled.accordion .accordion .content {
  padding: 0em;
  padding: 0.5em 1em 1.5em;
}

/* Hover */

.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

/* Active */

.ui.styled.accordion .active.title {
  background: #c6d61e;
  color: rgba(0, 0, 0, 0.95);
}

.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}

/*******************************
            States
*******************************/

/*--------------
     Active
---------------*/

.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}

/*******************************
           Variations
*******************************/

/*--------------
     Fluid
---------------*/

.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}

/*--------------
     Inverted
---------------*/

.ui.inverted.accordion .title:not(.ui) {
  color: rgba(255, 255, 255, 0.9);
}

/*******************************
         Theme Overrides
*******************************/

@font-face {
  font-family: 'Accordion';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Dropdown Icon */

.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  font-family: Accordion;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon:before {
  content: '\f0da' ;
}

/*--------------
  Styled Accordion Extd on Gebietsgremium Wahl
---------------*/

.card .ui.accordion .title,
.ui.styled.fluid.left.aligned.accordion .title {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui.styled.fluid.left.aligned.accordion .title .header p {
  font-weight: normal;
  font-family: 'Hermes FB Reg', sans-serif;
}
.ui.styled.fluid.left.aligned.accordion .title .dropdown.icon{
  margin-left: auto;
  margin-right: 0;
}
.ui.styled.fluid.left.aligned.accordion .content {
  margin: 0em;
  padding: 1.5em 1em 1.5em;
}

.card .ui.accordion .title h4{
  margin-top: 0;
  margin-bottom: 0;
}

/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.6 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
             Modal
*******************************/

.ui.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #FFFFFF;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}

.ui.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}

/*******************************
            Content
*******************************/

/*--------------
     Close
---------------*/

/* Base Close Button - WCAG 2.2 Compliant */
.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  color: #FFFFFF;
  
  /* WCAG 2.5.5: Minimum Touch Target Size */
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  
  /* Better visual presentation */
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Remove default button styles */
  border: none;
  background: transparent;
  font-family: inherit;
  
  /* WCAG 2.4.7: Focus Visible */
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 4px;
  
  /* Smooth transitions */
  transition: opacity 0.2s ease, 
              background-color 0.2s ease,
              outline-color 0.2s ease;
}

/* SVG Close Icon */
.ui.modal > .close .close-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Screen Reader Only Text */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* WCAG 2.4.7: Focus State */
.ui.modal > .close:focus {
  opacity: 1;
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* WCAG 1.4.13: Hover State */
.ui.modal > .close:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
}

/* Active State */
.ui.modal > .close:active {
  opacity: 0.9;
  transform: scale(0.95);
}

/*--------------
     Header
---------------*/

.ui.modal > .header {
  display: block;
  font-style: normal;
  font-weight: normal;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.modal > .header:not(.ui) {
  font-size: 1.25rem;
  line-height: 1.2857em;
  font-weight: bold;
}

/*--------------
     Content
---------------*/

.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}

/*-------------------
       Responsive
--------------------*/

/* Modal Width */

@media only screen and (max-width: 767px) {
  .ui.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}

@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}

@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em -425px;
  }
}

@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 900px;
    margin: 0em 0em 0em -450px;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 950px;
    margin: 0em 0em 0em -475px;
  }
}

/* Tablet and Mobile */

@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem;
  }

  .ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important;
  }

  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }

  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important;
  }

  /*rtl:ignore*/

  .ui.modal .image.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ui.modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important;
  }

  .ui.modal > .content > .image > i.icon {
    font-size: 4.375rem;
    text-align: center;
  }

  /*rtl:ignore*/

  .ui.modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    box-shadow: none;
  }

  /* Let Buttons Stack */

  .ui.modal > .actions {
    padding: 1rem 1rem 0rem !important;
  }

  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem;
  }
}

/*--------------
    Coupling
---------------*/

.ui.inverted.dimmer > .ui.modal {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}

/*******************************
             Types
*******************************/

.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #FFFFFF;
}

.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}

.ui.basic.modal > .header {
  color: #FFFFFF;
}

.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
}

.ui.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87);
}

.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}

/* Tablet and Mobile */

@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #FFFFFF;
  }
}

/*--------------
  Accessibility
---------------*/

/* High Contrast Mode Support - WCAG 1.4.11 */
@media (prefers-contrast: high) {
  .ui.modal > .close {
    outline-width: 3px;
  }
  
  .ui.modal > .close:focus {
    outline-width: 3px;
    outline-style: solid;
  }
}

/* Reduced Motion Support - WCAG 2.3.3 */
@media (prefers-reduced-motion: reduce) {
  .ui.modal > .close {
    transition: none;
  }
  
  .ui.modal > .close:active {
    transform: none;
  }
}

/*******************************
             States
*******************************/

.ui.active.modal {
  display: block;
}

/*******************************
           Variations
*******************************/

/*--------------
    Scrolling
---------------*/

/* A modal that cannot fit on the page */

.scrolling.dimmable.dimmed {
  overflow: hidden;
}

.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scrolling.dimmable > .dimmer {
  position: fixed;
}

.modals.dimmer .ui.scrolling.modal {
  position: static !important;
  margin: 3.5rem auto !important;
}

/* undetached scrolling */

.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 3.5rem !important;
}

/* Coupling with Sidebar */

.undetached.dimmable.dimmed > .pusher {
  z-index: auto;
}

@media only screen and (max-width: 991px) {
  .modals.dimmer .ui.scrolling.modal {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

/*--------------
      Size
---------------*/

.ui.modal {
  font-size: 1rem;
}

/*******************************
            Dimmer
*******************************/

.dimmable:not(.body) {
  position: relative;
}
.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  will-change: opacity;
  z-index: 1000;
}

/* Dimmer Content */
.ui.dimmer > .content {
  width: 100%;
  height: 100%;
  display: table;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ui.dimmer > .content > * {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
}

/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}


/*******************************
            States
*******************************/

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: block;
  opacity: 1;
}
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}


/*******************************
           Variations
*******************************/


/*--------------
      Page
---------------*/

.ui.page.dimmer {
  position: fixed;
  -webkit-transform-style: '';
          transform-style: '';
  -webkit-perspective: 2000px;
          perspective: 2000px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}

/*--------------
    Blurring
---------------*/

.blurring.dimmable > :not(.dimmer) {
  -webkit-filter: blur(0px) grayscale(0);
          filter: blur(0px) grayscale(0);
  -webkit-transition: 800ms -webkit-filter ease;
  transition: 800ms -webkit-filter ease;
  transition: 800ms filter ease;
  transition: 800ms filter ease, 800ms -webkit-filter ease;
}
.blurring.dimmed.dimmable > :not(.dimmer) {
  -webkit-filter: blur(5px) grayscale(0.7);
          filter: blur(5px) grayscale(0.7);
}

/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}
.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6);
}


/*******************************
          Transitions
*******************************/

.transition {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


/*******************************
            States
*******************************/


/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;

/*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}


/*******************************
          Variations
*******************************/

.looping.transition {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


/*--------------
      Fade
---------------*/

.transition.fade.in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*--------------
      Scale
---------------*/

.scale.transition.in {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}


/*******************************
  List
*******************************/

.ui.list:last-child, ol.ui.list:last-child, ul.ui.list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.ui.list {
    font-size: 1em;
}
.ui.list, ol.ui.list, ul.ui.list {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}
.ui.one.list, ol.ui.one.list, ul.ui.one.list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ui.divided.list .item .list > .item, 
.ui.divided.list .list > .item {
    border-top: none;
}
.ui.divided.list > .item:last-child {
    border-bottom: 1px solid rgb(0 0 0 / 66%);
}
.ui.divided.list>.item {
  border-top: 1px solid rgb(0 0 0 / 66%);
}

.ui.list .list>.item:first-child,
.ui.list:not(.address)>.item:first-child,
ol.ui.list:not(.address) > li:first-child,
ul.ui.list:not(.address) > li:first-child {
  padding-top: 0;
}

.ui.list .list>.item,
ol.ui.list li,
ul.ui.list li {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: .5em 0;
}
.ui.list > .item,
ul.ui.list > .item,
ol.ui.list > .item {
  padding: 2rem 0;
}
/* Address blocks: keep space between divider line and text after ul/li markup */
ul.ui.address.list > .item {
  padding: 2rem 0;
}
.ui.medium.list > .item {
  padding: 1rem 0 !important;
}
.site-info.site-menu .footer-menu-title {
  border-top: 1px solid #c6d61e;
  margin: 0.5rem 0 0.25rem;
  padding: 1rem 0 0;
  font-size: 1.07em; /* slightly larger than menu links */
  font-weight: bold;
  color: #222500;
  line-height: 1.4;
}
.site-info.site-menu ul.ui.list > .item {
  padding: 0.5rem 0;
  font-weight: normal;
}
.site-info.site-menu ul.ui.list > .item a {
  color: #222500;
  text-decoration: underline transparent;
}
.site-info.site-menu ul.ui.list > .item a:hover {
  color: #222500;
  text-decoration: underline #222500;
}

.ui.list > .border-bottom.inside.item p {
  border-bottom: 1px solid rgb(0 0 0 / 66%);
  padding-bottom: 1rem;
}
.ui.list > .border-bottom.inside.item:first-child{
  padding-top: 1rem;
}

.ui.bulleted.list, .ui.dashed.list {
  padding-left: 1.45em;
}
.ui.bulleted.list .list > .item:before,
.ui.bulleted.list > .item:before{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  font-weight: 400;
  margin-left: -1.65rem;
  content: '•';
  opacity: 1;
  color: inherit;
  vertical-align: top;
}
.accordion .ui.dashed.list > .item:last-child {
  padding-bottom: 0;
}
.ui.bulleted.list > .item:after, .ui.dashed.list > .item:after, .ui.bulleted.list .list > .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.dashed.list > .item:before {
  content: '\2014';
  position: absolute;
  margin-left: -1.65rem;
}
.ui.dashed.list > .item{
  padding: 0 0 0.5rem;
}

.to-long-url {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  height: 1.14285714em;
  max-width: 630px;
  position: relative;
  padding-left: 32px;
}
.address.list .item{
  position: relative;
}
.address.list .item span,
.address.list .item a {
  width: 100%;
  padding-left: 32px;
  display: inline-block;
  line-height: 1.5em;
  box-sizing: border-box;
}
.address.list [class^="icon-"], .address.list [class*=" icon-"]{
  position: absolute;
  left: 0;
}

.item .header {
  padding-top: 0;
  padding-bottom: 1em;
}
.item .header h3 {
  margin-bottom: 0;
  font-size: 1.375rem;
}
.white-gradient{
  position: absolute;
  content: '';
  display: inline-block;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 62%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

ul.ui.divided.list a {
  border: none;
}

/* External Link Icon - WCAG 2.2 */
a.external-link,
.external-link a {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}

a.external-link:after,
.external-link a:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url(../img/external-link.svg);
  mask-image: url(../img/external-link.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Screen reader text for external links */
a.external-link[target="_blank"]:after,
a.external-link:after {
  /* Visual indicator is provided by icon */
  /* Add aria-label or visually-hidden span in PHP if needed for screen readers */
}

@media only screen and (min-width: 768px){
  .site-info.site-menu .footer-menu-title {
    padding: 0.25rem 0 0;
    border-top: none;
    margin: 0 0 0.25rem;
  }
}

/*******************************
  Lazy Load Images
*******************************/

.js img.lazyload {
    display: block;
}

img.lazyload {
    display: none;
}

/*******************************
  Header
*******************************/

#masthead {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
}

#page {
  margin-top: 3rem;
  position: relative;
}

#masthead .masthead-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "brand nav";
  align-items: center;
}

#masthead .masthead-inner:after {
  content: none;
}

.masthead .site-branding {
  grid-area: brand;
  float: none;
}

#masthead #site-navigation.ui.right.menu {
  grid-area: nav;
  float: none;
  justify-self: end;
  margin: 0;
}

.masthead-tools {
  position: absolute;
  top: -3rem;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  width: 100%;
  padding: 0.25rem 1.3rem;
  background: whitesmoke;
}

.masthead-tools .accessibility-links {
  clear: none;
  margin: 0;
}

.masthead .site-info.partner-logos {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  padding: 0;
  margin: 0;
  text-align: right;
  gap: 0.8rem;
  background: transparent;
}

.masthead .partner-logo-list {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.masthead .partner-logo {
  display: inline-block;
}
.color-scheme-control {
  display: flex;
  align-items: center;
}
.color-scheme-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.15rem 0.1rem;
  min-height: 1.75rem;
  border: 0;
  background: transparent;
  color: #1B1C1D;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.color-scheme-switch:focus-visible {
  outline: 2px solid #1B1C1D;
  outline-offset: 2px;
}
.color-scheme-switch-track {
  position: relative;
  width: 2.25rem;
  height: 1.25rem;
  border: 2px solid #1B1C1D;
  border-radius: 999px;
  background: #ffffff;
}
.color-scheme-switch-thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
  background: #1B1C1D;
  transition: transform 0.15s ease;
}
.color-scheme-switch[aria-checked="true"] .color-scheme-switch-track {
  background: #1B1C1D;
}
.color-scheme-switch[aria-checked="true"] .color-scheme-switch-thumb {
  background: #C6D61E;
  transform: translateX(0.9rem);
}
@media (prefers-reduced-motion: reduce) {
  .color-scheme-switch-thumb {
    transition: none;
  }
}
.masthead .partner-url {
  display: inline-flex;
  align-items: center;
  height: 24px;
  color: #1B1C1D;
}
.masthead .partner-img {
  width: auto;
  max-height: 100%;
  opacity: 1;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: filter 0.3s ease-in-out;
          transition: filter 0.3s ease-in-out;
}
.masthead .partner-icon-svg {
  display: block;
  width: 24px;
  height: 24px;
  opacity: 1;
  filter: none;
  color: inherit;
}
.masthead .partner-icon-newsletter {
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("../images/icon-newsletter.png");
          mask-image: url("../images/icon-newsletter.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.masthead .partner-img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

@media only screen and (min-width: 768px) {
  #page {
    margin-top: 0;
  }
  .masthead .ui.segment.container {
    padding-top: 4rem;
  }
  /* Full-bleed light-gray tools strip (container is narrower than the viewport) */
  .masthead-tools {
    top: 0;
    left: 50%;
    right: auto;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0.35rem 0.8rem;
    transform: translateX(-50%);
    background: whitesmoke;
    z-index: 2;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1210px) {
  #masthead {
    position: relative;
    background: transparent;
    padding-top: 0;
  }
  .masthead .ui.segment.container {
    padding-top: 4rem;
    padding-bottom: 0.35rem;
  }
  #masthead .masthead-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand nav";
    align-items: center;
  }
  .masthead-tools {
    padding: 0.35rem 1.5rem;
  }
  #masthead #site-navigation.ui.right.menu {
    display: flex;
    justify-self: end;
    align-self: center;
    width: auto;
    max-width: 100%;
    margin: 0;
    background: transparent;
  }
  #masthead #site-navigation .top-bar-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    gap: 0.15rem 0.35rem;
  }
  #masthead #site-navigation .ui.secondary.right.menu {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
    justify-content: flex-end;
  }
  #masthead #site-navigation .ui.secondary.menu > .menu-item > a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    line-height: 1.45;
  }
  #masthead .desktop-search {
    margin-top: 0;
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  /* schweif-oben.svg is white from the top down to its curve.
     Pull the hero under the header so the nav sits about 1rem
     above that curve at the right end of the 1127px container. */
  .ui.vertical.segment.hero-teaser,
  .ui.vertical.segment.entry-header {
    margin-top: calc(97.8px - 16.593vw);
  }
}

/*--------------
  Site Branding
---------------*/
.site-branding {
  float: left;
}
.home-logo-link {
  display: inline-block;
  max-width: min(165px, 40vw);
  width: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
.home-logo-link .logo-img {
  max-width: 100%;
  height: auto;
  color:transparent;
}
.home-logo-link .logo-img{
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.home-logo-link .logo-img.lazyloaded{
  opacity: 1
}
@media only screen and (min-width: 992px) {
  .home-logo-link { 
    max-width: min(170px, 35vw);
  }
}

/*******************************
  Main Slider
*******************************/
.twelve-five,
.twelve-five.container{
  position: relative;
}
.ui.twelve-five.container{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.twelve-five:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%;
  background: #ffffff;
}
.twelve-five .maincarousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  height: 100%;
}
.maincarousel .carousel-cell {
  width: 100%;
  height: 100%;
  margin-right: 0;
  overflow: hidden;
  background: #BDCF00;
}
.maincarousel .carousel-cell img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.maincarousel .carousel-cell img.lazyloaded {
  opacity: 1;
}
.info-element {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  width: 70%;
  height: auto;
  padding: 5rem 1rem 2rem 3rem;
  background: rgb(189, 207, 0);
  color: #1B1C1D;
  border-radius: 0px 0px 142px 373px / 0px 0px 0px 215px;
  text-align: center;
}
.info-element-title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.info-element-url {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  min-width: 44px;
  min-height: 44px;
  position: absolute;
  right: 20px;
  bottom: -18px;
  z-index: 2;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #1B1C1D;
  background: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border: 1px solid rgb(0 0 0 / 30%);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
  transition: border-color 0.3s ease-in-out, text-decoration-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.info-element-url:hover,
.info-element-url:focus {
  color: #1B1C1D;
  border-color: #1B1C1D;
  text-decoration-color: #1B1C1D;
}
.info-element-url:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 3px;
}
.hero.teaser {
  padding-bottom: 4em;
}
@media only screen and (min-width: 500px) {
  .info-element {
    padding: 1rem 1rem 3rem 2rem;
    width: clamp(200px, 44%, 300px);
    height: clamp(200px, 50%, 300px);
    border-radius: 0px 0px 48px 373px / 0px 0px 0px 215px;
  }
}
@media only screen and (min-width: 768px) {
  .twelve-five:before {
    padding-top: 41.6666666666667%;
  }
  .info-element {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1rem 1rem 3rem 2rem;
    width: clamp(300px, 48%, 370px);
    color: #1B1C1D;
    border-radius: 0px 0px 142px 450px / 0px 0px 0px 186px;
    height: clamp(240px, 60%, 300px);
    text-align: center;
  }
  .info-element-title {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 992px) {
  .info-element {
    padding: 1rem 1rem 3rem 2rem;
    width: clamp(490px, 31%, 500px);
    border-radius: 0px 0px 80px 450px / 0px 0px 0px 150px;
    height: clamp(270px, 64%, 330px);
  }
  .info-element-title {
    font-size: 1.5rem;
  }
  .info-element-url {
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: -26px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1400px) {
  .info-element {
    padding: 1rem 1rem 4rem 1rem;
    width: clamp(660px, 40%, 700px);
    height: clamp(300px, 60%, 400px);
    border-radius: 0px 0px 142px 450px / 0px 0px 0px 250px;
    max-width: 600px;
  }
  .info-element > * {
    max-width: 80%;
  }
}

/*******************************
  Footer
*******************************/

.site-content {
  position: relative;
  z-index: 2;
  background: #fff;
}

#colophon {
  color: #222500;
  margin-top: -1px;
  position: relative;
  padding-top: 0 !important;
}

/*--------------
  Partner-Logos
---------------*/
.site-info.partner-logos {
  padding: 2rem 0;
  margin-top: -1px;
  z-index: 2;
  position: relative;
  background: #fff;
}
.site-info.partner-logos .ui.centered.grid {
  text-align: center;
  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;
  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}
.column.partner-logo img {
  max-width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.column.partner-logo img.lazyload{
  opacity: 0;
}
.column.partner-logo .partner-url{
  color: transparent;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.column.partner-logo .partner-url:hover{
  opacity: 0.6;
}
.column.partner-logo img.lazyloaded{opacity: 1}

/*--------------
  Contact-Infos
---------------*/
.site-info.contact-info {
  background: #C6D61E;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 18%;
  background-image: url('../img/schweifweiss-unten-footer.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  margin-top: -1px;
  z-index: 1;
}
.list-link{
  color: #222500;
  display: block;
  padding-bottom: 1rem;
}
.list-link:hover{
  color: #222500;
  opacity: 0.8;
}
.footer-phone {
  white-space: nowrap;
}
.footer-phone-label {
  margin-right: 0.35em;
}
.footer-phone a {
  color: inherit;
  text-decoration: underline;
}
.footer-phone a:hover,
.footer-phone a:focus {
  opacity: 0.8;
}
/*  SVG Container */
.svg-container.schweifweissunten{
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../img/schweifweiss-unten-footer.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

/*--------------
  Site-Menu
---------------*/

.site-info.site-menu {
  background: #AFC000;
  position: relative;
  min-height: 300px;
  padding-top: 17%;
  padding-bottom: 9%;
  background-image: url('../img/schweifweiss-oben-footer.svg'), url('../img/schweifgruen-oben-footer.svg');
  background-repeat: no-repeat;
  background-position: center top, center bottom;
  background-size: contain;
}
.single-news .site-info.site-menu {
  background-image: url('../img/schweifbeige-oben-footer.svg'), url('../img/schweifgruen-oben-footer.svg');
}
/*  SVG Container */
.svg-container.schweifweissoben {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../img/schweifweiss-oben-footer.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.single-news .svg-container.schweifweissoben {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../img/schweifbeige-oben-footer.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.svg-container.schweifgruenoben {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../img/schweifgruen-oben-footer.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

/*--------------
  Back to Top - WCAG 2.2 Compliant
---------------*/
#backtotop {
  background: #c6d61e;
  border: 1px solid #939e18;
  padding: 0.5rem;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  margin: -1rem 1rem 2rem;
  color: #111200;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 1px 4px 0px #e2e2e2, 0px 0px 6px 0px #e4e4e6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Hover state - WCAG 1.4.13 */
#backtotop:hover {
  border: 1px solid #1B1C1D;
  transform: translateY(-2px);
}

/* Active state */
#backtotop:active {
  transform: translateY(0);
}

/* Icon */
#backtotop span {
  display: block;
  text-align: center;
  font-size: 1.5em;
  line-height: 1;
  margin-top: -0.2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#backtotop span[class^="icon-"]:before, 
#backtotop span[class*=" icon-"]:before {
  margin: 0 !important;
}

@media only screen and (min-width: 768px){
  .site-info.site-menu {
    padding-top: 12%;
    padding-bottom: 9%;
  }
  .site-info.contact-info {
    padding-bottom: 12%;
  }
  .svg-container.schweifweissoben,
  .single-news .svg-container.schweifweissoben,
  .svg-container.schweifgruenoben {
    background-size: contain;
  }
}

/*******************************
  Frontpage
*******************************/

.intro-front p {
  font-size: 1.1em;
}

@media only screen and (min-width: 768px) {
  .intro-front p {
    font-size: 1.24em;
  }
}

/*******************************
  Page General
*******************************/

.header-wrap {
  z-index: 2;
  padding-left: 1em;
  padding-right: 1em;
}
.header-wrap a:hover{
  color: #ffffff;
}
.meta {
  padding-top: 0.5rem;
}
.ui.vertical.segment.entry-header,
.ui.vertical.segment.hero-teaser {
  padding-top: 5rem;
}
.ui.vertical.segment.hero-teaser {
  padding-bottom: 1rem;
}

.ui.vertical.segment.beigegreen-header {
  padding-top: 5rem;
  background: #eff1e8;
}
.entry-header .ui.fluid.container {
  position: relative;
  padding-top: 20vw;
  padding-bottom: 12vw;
  text-align: center;
  background: #c6d61e;
  min-height: 46vw;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui.header.entry-title {
  max-width: 700px;
  margin: auto;
}
.ui.twelve-five.fluid.container .svg-container.schweifoben,
.entry-header .ui.fluid.container .svg-container.schweifoben{
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -1px;
  overflow: hidden;
  background-image: url('../img/schweif-oben.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.ui.twelve-five.fluid.container .svg-container.schweifunten,
.entry-header .ui.fluid.container .svg-container.schweifunten {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: -1px;
  overflow: hidden;
  background-image: url('../img/schweif-unten.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.entry-header.beigegreen-header .ui.fluid.container .svg-container.schweifunten {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: -1px;
  overflow: hidden;
  background-image: url('../img/schweif-unten-beige.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.ui.fluid.container .svg-container.schweifuntenweiss {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: -1px;
  overflow: hidden;
  background-image: url('../img/schweif-unten-weiss.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.ui.header.entry-subtitle {
  margin-top: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px){
  .entry-header .ui.fluid.container{
    padding-top: 16vw;
    padding-bottom: 5vw;
    min-height: 35vw;
  }
  .ui.vertical.segment.entry-header,
  .ui.vertical.segment.hero-teaser,
  .ui.vertical.segment.beigegreen-header {
    padding-top: 3rem;
  }
  .ui.twelve-five.fluid.container .svg-container.schweifoben,
  .entry-header .ui.fluid.container .svg-container.schweifoben,
  .ui.twelve-five.fluid.container .svg-container.schweifunten,
  .entry-header .ui.fluid.container .svg-container.schweifunten,
  .entry-header.beigegreen-header .ui.fluid.container .svg-container.schweifunten,
  .ui.fluid.container .svg-container.schweifuntenweiss {
    background-size: contain;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 991px) {
  .entry-header .ui.fluid.container{
    min-height: 28vw;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1209px) {
  .ui.vertical.segment.entry-header,
  .ui.vertical.segment.hero-teaser,
  .ui.vertical.segment.beigegreen-header {
    padding-top: 3rem;
  }
}
@media only screen and (min-width: 1210px) {
  .ui.vertical.segment.entry-header,
  .ui.vertical.segment.hero-teaser,
  .ui.vertical.segment.beigegreen-header {
    padding-top: 0;
  }
}

/*******************************
  Neuigkeiten Single
*******************************/

.single-news #colophon { padding-top: 0; }
.single-news #postnavigation {
  background: #F4F5ED;
  position: relative;
  padding-top: 15%;
}
.single-news #postnavigation .header       { padding-bottom: 3rem; }
.single-news #postnavigation .card         { text-align: left;     }
.single-news #postnavigation .card .header { padding-bottom: 0;    }
.single-news #postnavigation .svg-container.schweifweissoben {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background-image: url('../img/schweifweiss-oben-footer.svg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

/*******************************
  General Content
*******************************/

/* Download-Card */

/* Card titles: real headings (h2/h3) — avoids heading-order skip and AI p-as-heading */
.file-title {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0 0 0.2em;
  font-weight: bold;
  font-style: normal;
}
.ui.fluid.card.file-download .content {
  color: #1B1C1D;
}
.ui.fluid.card.file-download,
.ui.fluid.card.file-download .card-icon:before,
.ui.fluid.card.file-download > .extra.content {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ui.cards.grid .column .card.file-download {
  min-height: auto;
}
.ui.cards.grid .column .card.file-download .file-title {
  color: #1B1C1D;
  text-decoration: underline transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ui.cards.grid .column .card.file-download:hover .file-title {
  text-decoration: underline #1B1C1D;
}
.ui.fluid.card.file-download > .extra.content {
  color: rgb(0 0 0 / 66%);
  font-size: 1rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
}
.ui.fluid.card.file-download > .extra.content:after {
  display: none;
} 
.ui.fluid.card.file-download:hover > .extra.content {
  color: rgba(27, 28, 29, 1);
}
a.ui.fluid.card {
  text-decoration: none !important;
}
a.ui.fluid.card .header {
  text-decoration: underline transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.ui.fluid.card:hover .header {
  text-decoration: underline #1B1C1D;
}
/* .ui.text.container p a - inherits from global a styles */
.card-icon {display: inline-block;}

/*******************************
  Page Newspapers
*******************************/

#newspapers {
  background: #eff1e8;
  padding-bottom: 15%;
}
#newspapers .ui.cards.grid .column{
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-template-newspaper .ui.basic.clearing.segment.container:before {
    background: white;
    content: '';
    display: inline-flex;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 70px;
    z-index: -1;
  }
}

/*******************************
  Office
*******************************/
/* 
.responsive-calendar {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
} */
.responsive-calendar iframe {
  border-radius: 1rem; 
}

/*******************************
  Calendar Consent - WCAG 2.2
*******************************/

/* Privacy Notice with dynamic height and left-aligned text */
#calendar-privacy-notice {
  position: relative;
  height: auto !important;
  background: #fafafa;
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid #111200;
}

#calendar-privacy-notice .calendar.outline.icon {
  font-size: 2.625rem;
  opacity: 0.5;
  margin-bottom: 0.5rem;
}

#calendar-privacy-notice .header {
  margin-top: 0;
  margin-bottom: 1rem;
}

#calendar-privacy-notice p {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

#calendar-privacy-notice p:last-child {
  margin-bottom: 0;
  margin-top: 1rem;
}

/* Enhanced focus indicators for consent buttons - WCAG 2.4.7 */
#accept-calendar-btn:focus-visible,
#revoke-calendar-btn:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  border-radius: 0.28rem;
}

/* Calendar content container */
#calendar-content {
  position: relative;
}

/* Revoke button container - now after iframe */
#calendar-content > div:last-child {
  margin-top: 1rem;
  text-align: right;
}

/* Responsive adjustments */
@media only screen and (max-width: 767px) {
  #calendar-privacy-notice .calendar.outline.icon {
    font-size: 1.75rem;
  }
  
  #calendar-privacy-notice .header {
    font-size: 1.125rem;
  }
  
  #calendar-privacy-notice p {
    font-size: 0.875rem;
  }
  
  #calendar-content > div:last-child {
    text-align: center;
  }
}

/*******************************
  Office
*******************************/

.segment .page-content .download.header,
.ui.news.header {
  margin-bottom: 2rem;
  margin-top: 5rem;
}
.segment .page-content .download.header:first-child,
.ui.news.header:first-child {
  margin-bottom: 2rem;
  margin-top: 5rem;
}
.segment .page-content:first-child .download.header,
.ui.news.header:first-child {
  margin-top: 0;
}

/*******************************
  Dates
*******************************/

.pagination {
  margin-top: 5rem;
}

/*******************************
  Map
*******************************/

.azlichtenrade-map {
  width: 100%;
  height: 400px;
  height: 90vh;
}
@media only screen and (min-width: 768px){
  .azlichtenrade-map {
    height: 400px;
    height: 50vw;
  }
}


/*******************************
  Icon-Fonts
*******************************/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "azlichtenrade";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before{content:'\e800'}
.icon-search:before{content:'\e801'}
.icon-doc:before{content:'\e802'}
.icon-location:before{content:'\e803'}
.icon-phone:before{content:'\e804'}
.icon-picture:before{content:'\e805'}
.icon-mobile:before{content:'\e806'}
.icon-mail-1:before{content:'\e807'}
.icon-dot-3:before{content:'\e808'}
.icon-down-open:before{content:'\e809'}
.icon-up-open:before{content:'\e80a'}
.icon-right-open:before{content:'\e80b'}
.icon-left-open:before{content:'\e80c'}
.icon-arrow-curved:before{content:'\e80d'}
.icon-up-open-big:before{content:'\e80e'}
.icon-link-ext:before{content:'\f08e'}
.icon-facebook:before{content:'\f09a'}
.icon-menu:before{content:'\f0c9'}
.icon-doc-text:before{content:'\f0f6'}
.icon-down:before{content:'\f175'}
.icon-right:before{content:'\f178'}
.icon-fax:before{content:'\f1ac'}
.icon-file-pdf:before{content:'\f1c1'}
.icon-file-word:before{content:'\f1c2'}
.icon-file-image:before{content:'\f1c5'}
.icon-file-archive:before{content:'\f1c6'}
.icon-file-audio:before{content:'\f1c7'}
.icon-file-video:before{content:'\f1c8'}
.icon-paper-plane:before{content:'\f1d8'}
.icon-newspaper:before{content:'\f1ea'}

.button [class^="icon-"]:before, .button [class*=" icon-"]:before {
  margin: 0 !important;
}

/*******************************
  Helpers
*******************************/

/*--------------
    16:9 Image Helper
---------------*/

.sixteen-nine {
  position: relative;
  overflow: hidden;
}
.sixteen-nine.gallery {
  overflow: visible;
}
.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
  background: #c6d61e;
}
.sixteen-nine-img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  color: transparent;
  border-style: none;
  opacity: 0;
}
.sixteen-nine-img.lazyloaded { opacity: 1 }


/*--------------
    4:3 Image Helper
---------------*/

.four-three {
  position: relative;
  overflow: hidden;
}
.four-three.gallery {
  overflow: visible;
}
.four-three:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
  background: #c6d61e;
}
.four-three img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  color: transparent;
  border-style: none;
}
.four-three-img.lazyloaded { opacity: 1 }


.sixteen-nine.container + .container .caption,
.four-three.container + .container .caption,
.ui.fluid.image.container.page-content + .container .caption {
  text-align: center;
  margin-top: -2rem;
  padding-bottom: 1rem;
}

/*--------------
    Newspaper Image Helper
---------------*/

.newspaper-size {
  position: relative;
  overflow: hidden;
}
.newspaper-size:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 135%;
  background: #c6d61e;
}
.newspaper-size-img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  color: transparent;
  border-style: none;
  opacity: 0;
}
.newspaper-size-img.lazyloaded { opacity: 1 }

/*--------------
    Members Image Helper
---------------*/

.member-size {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.member-size:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
  background: #e8ead6;
}
.member-size-img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  content: '';
  -webkit-transition: all 500ms;
  transition: all 500ms;
  color: transparent;
  opacity: 0;
  border-radius: 50%;
  border: 1px solid #f9f9f9;
}
.member-size-img.lazyloaded{opacity: 1}

/*******************************
  Helpers
*******************************/
.button.lined {
  border: 1px solid #d2d2d2;
  padding: 0.25rem 0.6rem;
  background: transparent;
  border-radius: 0.28571429rem;
  display: inline-block;
}
.button.lined:hover {
  background: #d2d2d2;
  color: #1B1C1D;
}

/*******************************
  Wordpress
*******************************/

body.logged-in.admin-bar {
  padding-top: 32px;
  position: relative;
}

/*-------------
    Alignments
---------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------
    Comments
---------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}

/*--------------
    Infinite scroll
---------------*/
.infinite-loader {
  margin: auto;
  opacity: 0.6;
}
/* Globally hidden elements when Infinite Scroll is supported and in use.
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}
When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before.
.infinity-end.neverending .site-footer {
	display: block;
}
*/
/*--------------
    Media
---------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/*--------------
    Captions
---------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}

/*--------------
    Table
---------------*/
table {
  margin-bottom: 2rem;
  width: 100%;
}
table tr {
  display: inline-block;
  table-layout: fixed;
  padding: .5em 0;
  line-height: 1.5em;
  border-top: 1px solid rgb(0 0 0 / 66%);
  width: 100%;
  vertical-align: top;
  height: auto !important;
}
table tr td:first-child {
  padding-right: 1.5rem;
  width: 11em;
}
table tr:last-child {
  border-bottom: 1px solid rgb(0 0 0 / 66%);
}
@media only screen and (max-width: 768px) {
  table tr td{
    width: 100%;
    display: block;
  }
  table tr td:first-child {
    padding-right: 0;
    font-weight: 600;
  }
  table tr td:last-child {
    padding-top: 0.3em;
  }
  table tr td:last-child strong {
    font-weight: normal;
  }
}
/*--------------
    hyphenate
---------------*/
.hyphenate {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures;
}

/*--------------
    ACF Form
---------------*/
.page .acf-fields > .acf-field {
  padding: 15px 0;
  border: none !important;
}
.acf-fields .acf-field .acf-input-wrap {
  margin-right: 15px;
}
.acf-fields .acf-field:last-child > .acf-input-wrap {
  margin-right: 0;
}
.page .acf-input-wrap input{
  height: auto;
}
.acf-input-prepend {
  height: auto !important;
  padding: .61861429em 1em !important;
}

.page ul.acf-radio-list li,
.page ul.acf-checkbox-list li {
  font-size: 0.9375rem;
}
.acf-form-submit button{
  width: 100%;
}
ul.acf-radio-list li label + input {
  width: auto !important;
}

/* WP Google Maps
============================================================================= */

.wpgmza-modern-marker-listing-marker-view [data-name="category"] {
  padding: 0 1.75rem !important;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] a {
  text-decoration: underline;
  -webkit-text-decoration-color: currentcolor;
          text-decoration-color: currentcolor;
  text-decoration-thickness: auto;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-color: #AABA00;
          text-decoration-color: #AABA00;
  text-underline-offset: .25em;
}

#wpgmza_filter_1 {
  padding-bottom: 0;
}

#wpgmza_filter_1 span {
  font-weight: bold;
  font-size: 1.25rem;
  margin-right: .5em;
}

.wpgmza_map {
  border: 2px solid #fff;
  box-shadow: 0 0 30px rgba(179, 179, 179, 0.27);
}

.wpgmza-gdpr-compliance {
  width: 100%;
  background: #eee;
  padding: 2rem;
  min-height: 30vh;
  animation-fill-mode: backwards;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-height: 600px;
}

.wpgmza-gdpr-compliance > * {
  max-width: 500px;
}

button.wpgmza-api-consent {
  margin-top: 1rem;
  border-radius: 3px;
  padding: 0.825em 1.5em;
  background: #afc000;
  border: none;
}

p.wpgmza_infowindow_title {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 0.75rem;
  padding-bottom: 0 !important;
}
p.wpgmza_infowindow_address {
  display: none;
}
.wpgmza_markerbox strong {
  padding: 0 !important;
  margin: 0 !important;
}
.wpgmza-basic-list-item.wpgmza_div_address {
  display: none;
}
.wpgmza-basic-list-item.wpgmza_div_title {
  margin-top: 1.5rem;
}
p#wpgmza_filter_1 {
  padding: 0;
  margin: 0 0 0.75rem;
  font-size: 1.375rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
p#wpgmza_filter_1 select,
.wpgmza_map .wpgmza-inner-stack .wpgmza-marker-listing-category-filter select {
  margin-left: 1rem;
  margin-bottom: 0;
  line-height: 1.2;
  height: 2.25rem;
  min-height: 0;
  padding: 0 1.75rem 0 0.75rem;
  align-self: center;
  box-sizing: border-box;
}

.wpgmza_map .wpgmza-marker-listing-category-filter.wpgmza-dropdown {
  min-height: 0;
  height: auto;
  padding-bottom: 0;
}

.wpgmza_map .wpgmza_gallery_placeholder:not(:has(img)) {
  display: none !important;
  min-height: 0 !important;
}
table#wpgmza_table_1 tr td:first-child {
    padding-right: 1.5rem;
    width: 9rem;
}
td.wpgmza_table_title {
  width: 8rem;
  word-break: break-word;
}
td.wpgmza_table_category {
    width: 8.5rem;
}
table.dataTable thead .sorting_asc {
  opacity: 0;
}
div#wpgmza_table_1_filter {
  margin: 1.5rem;
}
div#wpgmza_table_1_length {
    margin: 3rem 1rem;
}
table#wpgmza_table_1 {
  line-height: 1.8em !important;
}
table#wpgmza_table_1 a {
  border-bottom: 1px solid;
}
div#wpgmza_table_1_info {
  margin: 0.25rem 1rem .75rem;
}

/* Audio Walk
----------------------------------------------------------------------------- */

.wpgmza-modern-marker-listing-marker-view p[data-custom-field-name="caption"] {
  order: 0;
  margin: 0;
  padding: .75rem 1.5rem 0;
  background: #fff;
}

.page .wpgmza-modern-marker-open-button {
  top: 10px;
  color: #222500;
}

#wpgmza_map_3 .wpgmza-modern-marker-listing li {
  list-style: none;
  position: relative;
  padding-bottom: 1em;
}
#wpgmza_map_3 .wpgmza-modern-marker-listing li {
  counter-increment: ol-counter;
}
#wpgmza_map_3 .wpgmza-modern-marker-listing li:before {
  content: counter(ol-counter);
  font-weight: 400;
  background: #C6D61E;
  border-radius: 50%;
  width: 1.75em;
  height: 1.75em;
  font-size: 1em;
  position: absolute;
  margin-left: -2.5em;
  display: flex;
  justify-content: center;
  line-height: 1.75em;
}

.wpgmza_map .gm-style div > div[style*="z-index: 0;"] > img:not(button > img) {
  border: 4px solid rgba(255,255,255,0.7) !important;
  border-radius: 38px;
  height: 42px;
  width: 42px;
}

/* Leaflet (Zero Cost) uses img.leaflet-marker-icon, not .gm-style */
.wpgmza_map {
  --wpgmza-leaflet-icon-width: 50px;
  --wpgmza-leaflet-icon-height: 50px;
}

.wpgmza_map img.leaflet-marker-icon {
  max-width: none;
  width: 42px !important;
  height: 42px !important;
  border: 4px solid rgba(255, 255, 255, 0.7);
  border-radius: 38px;
  box-sizing: content-box;
}

/* Leaflet hardcodes the popup content height to 280px. A marker gallery fills that box, so the description never shows. */
.wpgmza_map .leaflet-popup-content {
  height: auto !important;
  max-height: min(560px, 75vh) !important;
  overflow-y: auto !important;
}

.wpgmza_map .wpgmza-infowindow {
  display: flex;
  flex-direction: column;
}

.wpgmza_map .wpgmza_infowindow_title {
  order: 1;
}

.wpgmza_map .wpgmza_infowindow_description {
  order: 2;
}

.wpgmza_map .wpgmza_gallery_placeholder {
  order: 3;
}

.wpgmza_map .wpgmza_infowindow_description {
  display: flex;
  flex-direction: column;
  color: #1a1c03;
  font-family: "Hermes FB Reg", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.wpgmza_map .wpgmza_infowindow_description figure.audio {
  order: 1;
}

.wpgmza_map .wpgmza_infowindow_description p {
  order: 2;
}

.wpgmza_map .wpgmza_infowindow_description figure {
  order: 3;
}

.wpgmza_map .leaflet-container a,
.wpgmza_map .wpgmza_infowindow_description a {
  color: #1b1c1d;
  text-decoration: underline;
  text-decoration-color: #aaba00;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}

.wpgmza_map .leaflet-container a:hover,
.wpgmza_map .wpgmza_infowindow_description a:hover {
  color: #1b1c1d;
  text-decoration-color: #535a0c;
}

.wpgmza_map .wpgmza_infowindow_description figure,
.wpgmza_map .wpgmza_infowindow_description img {
  max-width: 100% !important;
  height: auto;
}

.wpgmza_map .wpgmza_infowindow_description figure.wp-caption {
  width: 100% !important;
  margin: 1.5em 0;
  border-radius: 10px;
  overflow: hidden;
}

.wpgmza_map .wpgmza_infowindow_description figure.wp-caption .wp-caption-text {
  font-size: 0.875em;
  background: rgb(235, 235, 235);
  padding: 0.9em 0.7em;
  margin: 0;
}

#wpgmza_map_3 {
  border: 2px solid #fff;
  box-shadow: 0 0 30px rgba(179, 179, 179, 0.27);
}

.page .wpgmza-modern-marker-listing .wpgmza-close-container {
  text-align: right;
  padding: 1.25rem;
  background: transparent;
  color: #1a1c03;
  font-size: 1rem;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.page ul.wpgmza-modern-marker-listing-list-item-container {
  padding: 0 24px 24px 48px;
}

.page .wpgmza-modern-marker-listing [data-name="title"] {
  color: #1a1c03;
  font-family: 'Hermes FB Reg', sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
}

#wpgmza_map_3 .wpgmza-popout-panel .wpgmaps_mlist_row {
  border-bottom: none;
}

.page .wpgmza-close {
  font-size: 1.25rem;
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  line-height: 2.3rem;
  padding-left: 0 !important;
  text-align: center;
  margin-right: 0.25rem;
}

.page .wpgmza-modern-marker-listing-marker-view .wpgmza-close-container {
  text-align: right;
  padding: 16px;
  background: transparent;
  color: #1a1c03;
  font-size: 1rem;
  z-index: 99;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  height: 58px;
  margin-bottom: -58px;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="address"],
.page .wpgmza-modern-marker-listing-button > * {
  display: none;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="pic"] {
  order: 0;
  display: none;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="title"] {
  order: 1;
  color: #1a1c03;
  font-size: 1.35em;
  font-weight: bold;
  font-family: 'Hermes FB Reg', sans-serif;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  margin-top: 15px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] {
  order: 2;
  color: #1a1c03;
  padding-bottom: 24px;
  font-family: 'Hermes FB Reg', sans-serif;
  line-height: 1.5rem;
  font-size: 1.125rem;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] figure.wp-caption {
  width: 100%;
  height: auto;
  margin: 1.5em 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] figure.wp-caption img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] figure.wp-caption .wp-caption-text {
  font-size: 0.875em;
  background:rgb(235, 235, 235);
  padding: .9em .7em 0.9em;
  margin: 0;
}

.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] p {
  line-height: 1.7em;
  font-size: 1.125rem;
}


.page .wpgmza-modern-marker-listing-marker-view [data-name="title"],
.page .wpgmza-modern-marker-listing-marker-view [data-name="description"] {
  padding-left: 24px;
  padding-right: 24px;
}

figure.audio {
  margin: 0 0 2rem;
  width: 100%;
}

figure.audio audio {
  width: 100%;
  border-radius: 10px;
  filter: grayscale(100%) invert(100%);
}

/* secondarycarousel */

.container.slider-container {
  overflow: hidden;
  padding: 4rem 0 6rem 0;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.secondarycarousel .flickity-viewport {
  overflow: visible;
  position: relative;
  height: 100%;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

.secondarycarousel .flickity-page-dots {
  bottom: -38px;
}
.secondarycarousel, 
.secondarycarousel .flickity-viewport, 
.secondarycarousel .carousel-cell {
  height: 40vh;
  max-height: 200px;
}

.secondarycarousel .carousel-cell {
  display: block;
  height: 40vh;
  width: auto;
  margin: 0 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11), 0 1px 5px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.01);
  border-radius: 10px;
  overflow: hidden;
}

.secondarycarousel .flickity-prev-next-button.previous {
  left: 1rem;
}
.secondarycarousel .flickity-prev-next-button.next {
  right: 1rem;
}

.secondarycarousel .carousel-cell-img.lazyloaded {
  opacity: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.secondarycarousel .carousel-cell .carousel-cell-img, 
.secondarycarousel .carousel-cell .carousel-cell-video {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  aspect-ratio: 16 / 9;
}

.secondarycarousel .carousel-cell .carousel-cell-video {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .secondarycarousel, 
  .secondarycarousel .flickity-viewport, 
  .secondarycarousel .carousel-cell {
    height: 40vh;
    max-height: 600px;
  }
}
/*******************************
  Accessible Navigation - WCAG 2.2
  Single source of truth: .is-open class + aria-expanded
*******************************/

/* Focus states for all interactive elements - WCAG 2.4.7 */
.ui.menu .menu-item a:focus,
.ui.menu .menu-item a:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  z-index: 10;
  position: relative;
  border-radius: 0.28rem;
}

/* Keep absolute positioning on focus — relative caused a visible jump */
.submenu-toggle:focus,
.submenu-toggle:focus-visible {
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  z-index: 10;
  border-radius: 0.28rem;
}

/* Submenu toggle button - base styles (WCAG 2.5.8 target size ≥ 24px) */
.menu-item-has-children > .submenu-toggle {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0.35em;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-item-has-children > .submenu-toggle:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ui.menu .secondary.menu .menu-item.menu-item-has-children > a {
  padding-right: 1.85em;
}

/*******************************
  DESKTOP MODE (≥1210px, NO Offcanvas)
  Hover-based navigation + Keyboard support
*******************************/

@media screen and (min-width: 1210px) {
  .menu-header {
    display: none;
  }
  /* Focus affordance only — same coordinates as default (no jump) */
  .menu-item-has-children > .submenu-toggle:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    width: auto;
    margin: 0;
    overflow: visible;
    top: 50%;
    right: 0.35em;
    transform: translateY(-50%);
    background: white;
    border-radius: 50%;
    padding: 0.2em;
  }
  
  /* Submenus hidden by default - UNFOCUSABLE */
  .ui.menu .secondary.menu .sub-menu {
    position: absolute;
    left: -9999px;
    opacity: 0;
    white-space: normal;
    transition: opacity ease 0.3s, visibility 0s 0.3s;
    display: block !important;
    
    /* CRITICAL: Make unfocusable when closed - WCAG 2.4.3 */
    visibility: hidden;
    pointer-events: none;
  }
  
  /* Show submenu when .is-open class is present */
  .ui.menu .secondary.menu li > .sub-menu.is-open {
    left: 0;
    opacity: 1;
    transition: opacity ease 0.3s;    
    /* CRITICAL: Make focusable when open */
    visibility: visible;
    pointer-events: auto;
  }
  
  .ui.menu .secondary.menu .sub-menu li > .sub-menu.is-open {
    left: 100%;
    top: -1px;
  }
  
  .ui.menu .secondary.menu li .sub-menu li:last-child > .sub-menu.is-open {
    left: 0;
    top: 100%;
  }
}

/*******************************
  MOBILE OFFCANVAS POSITIONING
  Fixed sidebar + Focus Management - WCAG 2.4.3
*******************************/

@media only screen and (max-width: 1209px) {

  /* Menu icon - always visible and focusable */
  .title-bar-right {
    display: block;
    position: relative;
    z-index: 101;
  }
  
  .title-bar-right .menu-icon {
    display: inline-block;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5em;
    margin: 0;
  }
  
  /* WCAG 2.4.7: Enhanced focus for menu icon */
  .menu-icon:focus,
  .menu-icon:focus-visible {
    outline: 2px solid #1b5e20;
    outline-offset: 2px;
    border-radius: 0.28rem;
  }

  /* Offcanvas menu structure */
  #site-navigation .ui.right.menu {
    margin: 0 0 1rem 0;
  }

  .top-bar-right {
    position: fixed;
    overflow-y: auto;
    right: -290px;
    top: 0;
    width: 290px;
    background: #212121;
    height: 100vh;
    z-index: 102;
    margin: 0;
    transition: right 0.25s ease-in-out;
    /* CRITICAL: Make unfocusable when closed - WCAG 2.4.3 */
    visibility: hidden;
    pointer-events: none;
  }

  /* Offcanvas OPEN state */
  .top-bar-right.offcanvas-expanded {
    right: 0;    
    /* CRITICAL: Make focusable when open */
    visibility: visible;
    pointer-events: auto;
  }

  .top-bar-right.offcanvas-expanded .menu-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0.6rem 1rem 1rem;
    color: #fff;
    font-size: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .top-bar-right.offcanvas-expanded .menu-header .close {
    background: transparent;
    border: none;
    padding: 0;
  }
  .top-bar-right.offcanvas-expanded .menu-header .close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
    border-radius: 0.28rem;
  }

  /* Menu structure */
  .top-bar-right .ui.secondary.right.menu {
    float: right;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .top-bar-right .ui.secondary.right.menu li a {
    color: #ffffff;
  }

  .top-bar-right .ui.secondary.right.menu > li {
    letter-spacing: 0.05em;
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu {
    margin: 0;
    width: 100%;
    list-style: none;
    padding-left: 0;
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu li {
    letter-spacing: 0;
    margin: 0;
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu .sub-menu li a {
    color: rgba(255, 255, 255, 0.5);
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu li a {
    margin: 0;
    padding: 0.5rem 0;
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu li:first-child a {
    padding: 0.7rem 0 0.5rem 0;
  }

  .top-bar-right .ui.secondary.right.menu .sub-menu li:last-child a {
    padding: 0.5rem 0; /* keep bottom space so last item clears the li border / search */
  }

  .top-bar-right .ui.secondary.right.menu > li {
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: none;
  }

  /* Separator under the top-level row only — not under the whole open submenu */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu > li > a {
    display: block;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu > li.menu-item-has-children:has(> .sub-menu.is-open) > a {
    border-bottom: none;
  }

  /* No fade — panel slide alone handles open/close motion */
  .top-bar-right .ui.secondary.right.menu li a {
    position: relative;
    padding: 0;
    display: inline-block;
    opacity: 1;
    margin-top: 0;
    transition: none;
  }

  .ui.menu .secondary.menu .menu-item.menu-item-has-children > a {
    padding: 0;
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu li a:hover {
    color: #ffffff;
  }

  .top-bar-right .ui.secondary.right.menu li a:hover:before,
  .top-bar-right .ui.secondary.right.menu li a.active:before {
    background: #b9b9b9;
  }

  .hide-for-medium {
    display: block;
  }

  .title-bar-right.hide-for-medium {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  /* Mobile search — clear block below menu (WCAG 1.4.12 / open submenu) */
  .mobile-search {
    display: block;
    float: left;
    width: 100%;
    padding: 1.5rem 1rem 2rem;
    margin-top: 0;
    opacity: 1;
    transition: none;
  }

  .top-bar-right.offcanvas-expanded .mobile-search {
    float: none;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    background-color: #212121;
  }

  .mobile-search .ui.icon.input input.search-field {
    background: rgba(255, 255, 255, 1);
  }

  .desktop-search {
    display: none;
  }
}

/*******************************
  MOBILE OFFCANVAS - Submenu Behavior
  Click-to-toggle, no hover
*******************************/

@media only screen and (max-width: 1209px) {
  
  /* Submenu toggle - visible and styled (top-level row padding is 1rem) */
  .top-bar-right.offcanvas-expanded .menu-item-has-children > .submenu-toggle {
    position: absolute;
    top: 1.15rem;
    right: 1rem;
    transform: none; /* override desktop vertical centering */
    width: 1.3em;
    height: 1.3em;
    background: rgb(255 255 255);
    border-radius: 999px;
    z-index: 10;
  }
  
  /* Nested submenu toggle positioning */
  .top-bar-right.offcanvas-expanded .menu-item-has-children .menu-item-has-children > .submenu-toggle {
    top: 0.6em;
    right: -0.18em;
  }
  
  /* Rotate arrow when expanded */
  .top-bar-right.offcanvas-expanded .menu-item-has-children > .submenu-toggle[aria-expanded="true"]:after {
    transform: rotate(-135deg);
    margin-top: 3px;
  }
  
  /* Reset submenu positioning for mobile — stay in normal flow (never overlay search) */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    white-space: normal;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    display: none; /* Hidden by default */
    margin: 0;
    padding: 0.5rem 1rem 1.25rem;
    transition: none;
  }
  
  /* Show submenu when .is-open */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu.is-open {
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu {
    display: block;
    float: none;
    width: 100%;
    flex: 0 0 auto;
    margin: 0;
  }
  
  /* Nested submenus */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu .sub-menu {
    padding-left: 0.5rem;
  }
  
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu > li {
    width: 100%;
    position: relative;
  }
  
  .top-bar-right.offcanvas-expanded .menu-item-has-children > a {
    padding-right: 3em;
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu li a {
    text-decoration: none; /* Mobile menu: no underline by default */
    transition: none;
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu li a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  
  /* Submenu items */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu li {
    display: block;
    width: 100%;
    float: none;
    position: relative;
    padding: 0.5rem 0;
    border: none;
  }
  
  /* Submenu links */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu li a {
    display: block;
    width: 100%;
    white-space: normal;
    text-align: left;
    min-width: auto;
    padding: 0;
    word-break: break-word;
    hyphens: auto;
    font-size: 1rem;
  }

  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu li a:hover {
    color: #ffffff;
  }
  
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu .sub-menu .sub-menu li a {
    color: rgba(255, 255, 255, 0.8);
  }
  
  /* Focus states - WCAG 2.2 */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu li a:focus,
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu li a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.2em;
  }

  /* Hover states - WCAG 2.2 */
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu > li {
    outline: 2px solid transparent;
    transition: outline 0.3s;
  }
  .top-bar-right.offcanvas-expanded .ui.secondary.right.menu > li:hover {
    outline: 2px solid #ffffff;
    outline-offset: 0px;
  }
  
  .top-bar-right.offcanvas-expanded .menu-item-has-children > .submenu-toggle:focus,
  .top-bar-right.offcanvas-expanded .menu-item-has-children > .submenu-toggle:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }
  
  /* WICHTIG: Disable hover in offcanvas mode */
  .top-bar-right.offcanvas-expanded .ui.menu .menu-item a:hover {
    background: transparent;
  }
}

/* High Contrast Mode - WCAG 1.4.11 */
@media (prefers-contrast: high) {
  .submenu-toggle:focus {
    outline-width: 3px;
  }
}

/* Reduced Motion - WCAG 2.3.3 */
@media (prefers-reduced-motion: reduce) {
  .ui.menu .secondary.menu .sub-menu {
    transition: none;
  }
}

/* Contact Form 7 - Default Styling
----------------------------------------------------------------------------- */


form.wpcf7-form .ui.grid > .column:not(.row) {
  padding-top: 0;
  padding-bottom: 0;
}

.wpcf7-acceptance.wpcf7-not-valid {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}

form.wpcf7-form {
  padding-top: 1rem;
}
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 0 0px 1em;
	padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
  border: 1px solid #e0b4b4;
  border-radius: 0.2em;
  background: #fff6f6;
  padding: 1rem;
  color: #da1111;
  font-size: 1.125rem;
}
.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	color: #d20000 !important;
	font-size: 1em;
	display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #d20000 !important;
	background: #fff;
	padding: .2em .8em;
}
span.wpcf7-list-item {
	margin-left: 0;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
div.wpcf7 div.ajax-error {
	display: none;
}
div.wpcf7 .placeheld {
	color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
	margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
	cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

/*--------------------
    CF7 Select/Dropdown
---------------------*/

.wpcf7-form-control.wpcf7-select,
select.wpcf7-select {
  width: 100%;
  margin: 0em;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  font-family: 'Hermes FB Reg', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  padding: 0.67861429em 2.5em 0.67861429em 1em;
  background: rgb(0 0 0 / 2%);
  border: 1px solid rgb(0 0 0 / 80%);
  color: rgb(0, 0, 0);
  border-radius: 0.28571429rem;
  transition: all 0.3s ease-in-out;
  box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1.25em;
}

/* Focus state for select */
.wpcf7-form-control.wpcf7-select:focus,
select.wpcf7-select:focus {
  border-color: #1b5e20;
  background-color: rgb(0 0 0 / 2%);
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  border-radius: 0.28571429rem;
}

/* Hover state for select */
.wpcf7-form-control.wpcf7-select:hover,
select.wpcf7-select:hover {
  border-color: rgba(0, 0, 0, 0.9);
}

/* Error state for select */
select.wpcf7-not-valid.wpcf7-select {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
}

select.wpcf7-not-valid.wpcf7-select:focus {
  border-color: #E0B4B4;
  outline-color: #9F3A38;
}

/* Disabled state */
.wpcf7-form-control.wpcf7-select:disabled,
select.wpcf7-select:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background-color: #e0e0e0;
}

/* Option styling */
.wpcf7-form-control.wpcf7-select option,
select.wpcf7-select option {
  padding: 0.5em;
  background: #FFFFFF;
  color: rgb(0, 0, 0);
}

/* Placeholder option styling */
.wpcf7-form-control.wpcf7-select option[value=""],
select.wpcf7-select option[value=""] {
  color: rgba(111, 111, 111, 1);
}

/* Required field indicator alignment for all CF7 form controls */
.wpcf7-form-control-wrap {
  position: relative;
  display: block;
  margin-bottom: 1em;
}

span.wpcf7-list-item label, 
.wpcf7-checkbox span.wpcf7-list-item.first.last {
  display: flex;
  column-gap: 1rem;
  align-items: flex-start;
  margin-left: 0;
}

/* span.wpcf7-list-item label input[type="checkbox"], 
.wpcf7-checkbox span.wpcf7-list-item.first.last input[type="checkbox"] {
  margin-top: 0.4em;
} */

/* Checkbox Styling */
.wpcf7-checkbox input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"] {
  /* Remove default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* Size and spacing */
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  margin: 0;
  
  /* Visual styling */
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-color: #ffffff;
  
  /* Interaction */
  cursor: pointer;
  transition: all 0.2s ease;
  
  /* Position for checkmark */
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* Hover state */
.wpcf7-checkbox input[type="checkbox"]:hover,
.wpcf7-acceptance input[type="checkbox"]:hover {
  border-color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.02);
}

/* Checked state */
.wpcf7-checkbox input[type="checkbox"]:checked,
.wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #1b5e20;
  border-color: #1b5e20;
}

/* Checkmark - using pseudo-element */
.wpcf7-checkbox input[type="checkbox"]:checked::after,
.wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 0.45em;
  top: 0.2em;
  width: 0.4em;
  height: 0.75em;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
}

/* Checked hover state */
.wpcf7-checkbox input[type="checkbox"]:checked:hover,
.wpcf7-acceptance input[type="checkbox"]:checked:hover {
  background-color: #2e7d32;
  border-color: #2e7d32;
}

/* Disabled state */
.wpcf7-checkbox input[type="checkbox"]:disabled,
.wpcf7-acceptance input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #e0e0e0;
  border-color: rgba(0, 0, 0, 0.3);
}

/* Disabled checked state */
.wpcf7-checkbox input[type="checkbox"]:disabled:checked,
.wpcf7-acceptance input[type="checkbox"]:disabled:checked {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}

/* Error state */
.wpcf7-not-valid .wpcf7-checkbox input[type="checkbox"],
.wpcf7-not-valid .wpcf7-acceptance input[type="checkbox"],
.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"] {
  border-color: #dc3545;
  background-color: #fff6f6;
}

/* Error state - checked */
.wpcf7-not-valid .wpcf7-checkbox input[type="checkbox"]:checked,
.wpcf7-not-valid .wpcf7-acceptance input[type="checkbox"]:checked,
.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"]:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Error state - focus */
.wpcf7-not-valid .wpcf7-checkbox input[type="checkbox"]:focus,
.wpcf7-not-valid .wpcf7-acceptance input[type="checkbox"]:focus,
.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"]:focus {
  outline-color: #dc3545;
  border-color: #dc3545;
}

/* Contact Form 7 - WCAG
----------------------------------------------------------------------------- */

/* Form Status/Validation Hint */
.form-status {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border-left: 3px solid #0066cc;
  border-radius: 4px;
}

.form-status .validation-hint {
  display: block;
  color: #495057;
  font-size: 0.875rem;
}

/* Verstecken wenn Form valid */
.wpcf7 form.valid .form-status {
  display: none;
}

/* Error State */
.wpcf7 span.wpcf7-not-valid-tip {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
}

.wpcf7 input.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
  border-color: #dc3545 !important;
}

/* Focus Indicators (WCAG 2.2) */
.ui.input input:focus,
.ui.dropdown:focus,
.ui.button:focus {
  outline: 2px solid #1b5e20 !important;
  outline-offset: 2px !important;
}

/* Fieldset Styling */
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* Abbr Styling — #b00020 on white ≈ 7:1 (was #dc3545 ≈ 4.5:1, borderline) */
abbr[title] {
  text-decoration: none;
  color: #b00020;
  font-weight: bold;
}

/*******************************
  Accessibility 2026
  Prose links match body text (#1B1C1D / dark #F2F3E8); underline
  carries the non-color distinction (WCAG 1.4.1).
*******************************/

#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

#top:focus {
  clip: auto;
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 0.35rem 0.6rem;
  background: #ffffff;
  outline: 2px solid #1b5e20;
  outline-offset: 2px;
  z-index: 100001;
}

main:focus {
  outline: none;
}

main:focus-visible,
#search-results:focus {
  outline: 2px solid #1b5e20;
  outline-offset: 4px;
}

p.ui.header.entry-subtitle {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2857em;
  margin: calc(2rem - 0.14285em) 0 1rem;
}

.contact-address-title,
.site-info.contact-info .footer-newsletter-title,
.site-info.contact-info .footer-contact-title {
  font-size: 1rem;
  line-height: 1.2857em;
}

.ui.text.container,
.page-content {
  color: #1B1C1D;
}

.ui.text.container a:not(.ui.button):not(.button),
.page-content a:not(.ui.button):not(.button) {
  color: #1B1C1D;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.ui.text.container a:not(.ui.button):not(.button):hover,
.ui.text.container a:not(.ui.button):not(.button):focus,
.page-content a:not(.ui.button):not(.button):hover,
.page-content a:not(.ui.button):not(.button):focus {
  color: #1B1C1D;
  text-decoration-thickness: 3px;
}

.wpgmza_map .leaflet-container a,
.wpgmza_map .wpgmza_infowindow_description a {
  color: #1b1c1d;
  text-decoration: underline;
  text-decoration-color: #aaba00;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}

.ui.card .header,
.ui.card .meta,
.ui.cards > .card > .content > .description,
.ui.card > .content > .description,
.ui.card .description {
  color: #1B1C1D;
}

/* Prose links inside cards (e.g. date descriptions on the frontpage).
   Beat Semantic UI `.ui.card a { text-decoration: none }` and grey description text. */
.ui.cards > .card > .content > .description a:not(.ui.button):not(.button),
.ui.card > .content > .description a:not(.ui.button):not(.button),
.ui.card .description a:not(.ui.button):not(.button) {
  color: #1B1C1D;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.ui.cards > .card > .content > .description a:not(.ui.button):not(.button):hover,
.ui.cards > .card > .content > .description a:not(.ui.button):not(.button):focus,
.ui.card > .content > .description a:not(.ui.button):not(.button):hover,
.ui.card > .content > .description a:not(.ui.button):not(.button):focus,
.ui.card .description a:not(.ui.button):not(.button):hover,
.ui.card .description a:not(.ui.button):not(.button):focus {
  color: #1B1C1D;
  text-decoration-thickness: 3px;
}

.ui.fluid.card .card-title-link {
  color: #1B1C1D;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.ui.card {
  position: relative;
}

.ui.fluid.card .card-title-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.ui.menu .secondary.menu > li > a,
.top-bar-right .ui.secondary.right.menu > li > a,
.ui.menu .secondary.menu .sub-menu a {
  height: auto;
  white-space: normal;
}

.ui.menu .secondary.menu .sub-menu {
  min-width: 14rem;
  max-width: 22rem;
}

.top-bar-right.offcanvas-expanded .menu-item-has-children > a {
  padding-right: 3.25em;
}

.accessibility-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  clear: both;
  margin: 0.75rem 0 0;
}

.accessibility-links a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.search-form {
  width: 100%;
}

.search-form .search-label {
  display: block;
  margin-bottom: 0.35rem;
  font-weight: 700;
  color: #1B1C1D;
}

.mobile-search .search-label {
  color: #ffffff;
}

.ui.icon.input > button.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.67142857em;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1B1C1D;
  cursor: pointer;
}

.search-submit-icon::before {
  content: "\e801";
  font-family: azlichtenrade;
  font-size: 1.125rem;
  line-height: 1;
}

/* Normal weight: axe AI flags bold paragraphs as missing heading markup (p-as-heading). */
.form-required-hint {
  margin: 0 0 1rem;
  font-weight: 400;
  color: #1B1C1D;
}

html.az-theme-dark .form-required-hint {
  color: #F2F3E8;
}

/* Darker red than Bootstrap #dc3545 so * meets WCAG 1.4.3 on white (~7:1) */
abbr.form-required-abbr[title] {
  color: #b00020;
}

html.az-theme-dark abbr.form-required-abbr[title] {
  color: #ff8a9a;
}

.slider-current-title:empty {
  display: none;
}

/* Keep slide title on content width; carousel stays full-bleed in fluid parent */
.slider-current-title.ui.container {
  margin-top: 0;
  margin-bottom: 0.75rem;
  float: none;
}

@media only screen and (max-width: 1209px) {
  #site-navigation .top-bar-right {
    display: flex;
    flex-direction: column;
  }

  #site-navigation .top-bar-right .menu-header {
    order: -1;
  }

  #site-navigation .top-bar-right .ui.secondary.right.menu,
  #site-navigation .top-bar-right .mobile-search {
    float: none;
    width: 100%;
  }
}

html.az-theme-dark {
  color-scheme: dark;
}

html.az-theme-dark body,
html.az-theme-dark .site-content {
  background: #12140c;
  color: #F2F3E8;
}

html.az-theme-dark .page-content,
html.az-theme-dark .ui.text.container,
html.az-theme-dark .ui.header,
html.az-theme-dark .ui.card,
html.az-theme-dark .ui.card .header,
html.az-theme-dark .ui.card .meta,
html.az-theme-dark .ui.card .description,
html.az-theme-dark p,
html.az-theme-dark li {
  color: #F2F3E8;
}

html.az-theme-dark .ui.card,
html.az-theme-dark .ui.cards > .card,
html.az-theme-dark .ui.modal,
html.az-theme-dark .ui.modal > .content {
  background: #1a1d14;
  color: #F2F3E8;
  border-color: #3a4030;
  box-shadow: none;
}

/* Beat Semantic `.ui.link.cards .card:hover { background: #fff }` (higher specificity) */
html.az-theme-dark .ui.link.cards .card:hover,
html.az-theme-dark .ui.cards a.card:hover,
html.az-theme-dark a.ui.card:hover,
html.az-theme-dark .ui.link.card:hover {
  background: #22261a;
  border-color: #C6D61E;
  box-shadow: none;
}

html.az-theme-dark .category-badge,
html.az-theme-dark .ui.link.cards .card:hover .category-badge,
html.az-theme-dark .ui.link.cards .card:hover .header,
html.az-theme-dark .ui.link.cards .card:hover .meta,
html.az-theme-dark .ui.link.cards .card:hover .card-title-link,
html.az-theme-dark .ui.card > .content.meta:hover {
  color: #F2F3E8;
}

html.az-theme-dark .ui.link.cards .card:hover .card-title-link {
  text-decoration-color: #F2F3E8;
}

html.az-theme-dark .entry-header .ui.fluid.container,
html.az-theme-dark .entry-header .ui.fluid.container .ui.header,
html.az-theme-dark .entry-header .ui.fluid.container p,
html.az-theme-dark .info-element,
html.az-theme-dark .info-element .info-element-title,
html.az-theme-dark #colophon,
html.az-theme-dark .site-info.site-menu,
html.az-theme-dark .site-info.site-menu a,
html.az-theme-dark .site-info.contact-info,
html.az-theme-dark .site-info.contact-info a,
html.az-theme-dark .ui.green.button,
html.az-theme-dark .ui.green.buttons .button {
  color: #1B1C1D;
}

html.az-theme-dark #colophon p,
html.az-theme-dark #colophon li,
html.az-theme-dark #colophon h2,
html.az-theme-dark #colophon .ui.header,
html.az-theme-dark #colophon .footer-menu-title {
  color: #1B1C1D;
}

/* Desktop defaults overridden below; keep toggles dark on white offcanvas chips */
html.az-theme-dark #site-navigation .menu-item-has-children > .submenu-toggle {
  color: #1B1C1D;
}

html.az-theme-dark .page-content a:not(.ui.button):not(.button),
html.az-theme-dark .ui.text.container a:not(.ui.button):not(.button),
html.az-theme-dark .ui.fluid.card .card-title-link,
html.az-theme-dark .ui.cards > .card > .content > .description a:not(.ui.button):not(.button),
html.az-theme-dark .ui.card > .content > .description a:not(.ui.button):not(.button),
html.az-theme-dark .ui.card .description a:not(.ui.button):not(.button) {
  color: #F2F3E8;
}

html.az-theme-dark .accessibility-links a {
  color: #3C8CDA;
}

html.az-theme-dark .info-element-url {
  color: #1B1C1D;
  background: #ffffff;
  border-color: rgb(0 0 0 / 30%);
}

html.az-theme-dark .wpcf7-form input.wpcf7-form-control:not([type="checkbox"]):not([type="radio"]),
html.az-theme-dark .wpcf7-form textarea.wpcf7-form-control,
html.az-theme-dark .ui.form input.ui.input:not([type="checkbox"]):not([type="radio"]),
html.az-theme-dark .search-form input.search-field,
html.az-theme-dark .ui.modal input.search-field {
  background-color: #1a1d14;
  color: #F2F3E8;
  border-color: #C6D61E;
}

html.az-theme-dark .wpcf7-form input.ui.input::placeholder,
html.az-theme-dark .wpcf7-form textarea.ui.input::placeholder,
html.az-theme-dark .search-form input.search-field::placeholder,
html.az-theme-dark .ui.modal input.search-field::placeholder {
  color: #c5c8b4;
  opacity: 1;
}

html.az-theme-dark .wpcf7-form input.ui.input::-webkit-input-placeholder,
html.az-theme-dark .wpcf7-form textarea.ui.input::-webkit-input-placeholder,
html.az-theme-dark .search-form input.search-field::-webkit-input-placeholder,
html.az-theme-dark .ui.modal input.search-field::-webkit-input-placeholder {
  color: #c5c8b4;
  opacity: 1;
}

html.az-theme-dark .ui.button:not(.green) {
  background: #2a2e22;
  color: #F2F3E8;
}

html.az-theme-dark .search-form .search-label,
html.az-theme-dark .ui.modal .search-label,
html.az-theme-dark .ui.icon.input > button.search-submit,
html.az-theme-dark .mobile-search .search-label {
  color: #F2F3E8;
}

/* Offcanvas search: match dark form fields (not white) */
html.az-theme-dark .mobile-search .ui.icon.input > button.search-submit,
html.az-theme-dark .mobile-search .ui.icon.input input.search-field {
  color: #F2F3E8;
  background: #1a1d14;
  border-color: #C6D61E;
}

html.az-theme-dark .mobile-search .ui.icon.input input.search-field::placeholder,
html.az-theme-dark .mobile-search .ui.icon.input input.search-field::-webkit-input-placeholder {
  color: #c5c8b4;
  opacity: 1;
}

/* Burger: keep dark gray bars (color-scheme: dark can wash these out) */
html.az-theme-dark .menu-icon::after {
  background: #1B1C1D;
  box-shadow: 0 7px 0 #1B1C1D, 0 14px 0 #1B1C1D;
}

html.az-theme-dark a:focus-visible,
html.az-theme-dark button:focus-visible,
html.az-theme-dark input:focus-visible,
html.az-theme-dark #top:focus,
html.az-theme-dark #search-results:focus,
html.az-theme-dark main:focus-visible {
  outline-color: #C6D61E;
}

/* Header tools stay on the light-gray strip — dark type/icons, no invert */
html.az-theme-dark .masthead-tools {
  background: whitesmoke;
  color: #1B1C1D;
}

html.az-theme-dark .masthead .site-info.partner-logos {
  background: transparent;
  outline: none;
}

html.az-theme-dark .masthead .color-scheme-switch {
  color: #1B1C1D;
}

html.az-theme-dark .masthead .color-scheme-switch:focus-visible {
  outline-color: #1B1C1D;
}

html.az-theme-dark .masthead .color-scheme-switch-track {
  border-color: #1B1C1D;
  background: #ffffff;
}

html.az-theme-dark .masthead .color-scheme-switch-thumb {
  background: #1B1C1D;
}

html.az-theme-dark .masthead .color-scheme-switch[aria-checked="true"] .color-scheme-switch-track {
  background: #1B1C1D;
  border-color: #1B1C1D;
}

html.az-theme-dark .masthead .color-scheme-switch[aria-checked="true"] .color-scheme-switch-thumb {
  background: #C6D61E;
}

html.az-theme-dark .masthead .partner-url {
  color: #1B1C1D;
}

html.az-theme-dark .masthead .partner-img:not(.partner-icon-svg) {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 1;
}

html.az-theme-dark .masthead .partner-icon-svg {
  filter: none;
  color: #1B1C1D;
  opacity: 1;
}

/* Footer partner strip matches dark nav */
html.az-theme-dark .site-footer .site-info.partner-logos,
html.az-theme-dark #colophon .site-info.partner-logos {
  background: #1a1d14;
  outline: 1px solid #3a4030;
  outline-offset: -1px;
}

/* Light plates so dark partner marks stay readable on the dark strip */
html.az-theme-dark #colophon .site-info.partner-logos .column.partner-logo .partner-url,
html.az-theme-dark #colophon .site-info.partner-logos .column.partner-logo > img {
  display: inline-block;
  background: #f4f5ec;
  border-radius: 0.28rem;
  padding: 0.5rem;
  outline: 1px solid #3a4030;
  color: #1B1C1D;
}

@media (min-width: 1210px) {
  html.az-theme-dark #masthead {
    background: transparent;
  }

  /* Nav sits with the logo over the dark hero — light type, no separate bar */
  html.az-theme-dark #masthead #site-navigation.ui.right.menu {
    background: transparent;
    outline: none;
  }

  html.az-theme-dark #masthead #site-navigation .ui.secondary.menu > .menu-item > a,
  html.az-theme-dark #masthead #site-navigation .menu-item-has-children > .submenu-toggle,
  html.az-theme-dark #masthead .desktop-search,
  html.az-theme-dark #masthead .desktop-search::before {
    color: #F2F3E8;
  }

  html.az-theme-dark #masthead #site-navigation .ui.secondary.menu > .menu-item > a:hover,
  html.az-theme-dark #masthead #site-navigation .ui.secondary.menu > .menu-item > a:focus-visible {
    outline: 2px solid #C6D61E;
    outline-offset: 2px;
  }

  html.az-theme-dark #masthead #site-navigation .menu-item-has-children > .submenu-toggle:focus,
  html.az-theme-dark #masthead #site-navigation .menu-item-has-children > .submenu-toggle:focus-visible {
    background: transparent;
    outline: 2px solid #C6D61E;
    outline-offset: 2px;
  }

  html.az-theme-dark #site-navigation .sub-menu {
    background: #1a1d14;
    border: 1px solid #3a4030;
    outline: 1px solid #3a4030;
    box-shadow: none;
  }

  html.az-theme-dark #site-navigation .sub-menu a {
    background: transparent;
    color: #F2F3E8;
  }

  html.az-theme-dark #site-navigation .sub-menu a:hover,
  html.az-theme-dark #site-navigation .sub-menu a:focus-visible {
    outline: 2px solid #C6D61E;
    outline-offset: -2px;
    background: transparent;
  }
}

html.az-theme-dark .color-scheme-switch,
html.az-theme-dark .color-scheme-switch-track {
  color: #1B1C1D;
  border-color: #1B1C1D;
}

@media (max-width: 1209px) {
  /* Offcanvas links stay light; chevrons on white chips stay black */
  html.az-theme-dark #site-navigation .top-bar-right .ui.secondary.menu a {
    color: #F2F3E8;
  }

  html.az-theme-dark #site-navigation .top-bar-right .menu-item-has-children > .submenu-toggle {
    color: #1B1C1D;
    background: #ffffff;
  }
}

/* Hero curves: white SVG fill → page background via mask (shape stays, color swaps).
   Oversize mask + container by 2px to kill subpixel side gaps from mask/contain. */
html.az-theme-dark .ui.twelve-five.fluid.container .svg-container.schweifoben,
html.az-theme-dark .entry-header .ui.fluid.container .svg-container.schweifoben,
html.az-theme-dark .ui.twelve-five.fluid.container .svg-container.schweifunten,
html.az-theme-dark .entry-header .ui.fluid.container .svg-container.schweifunten,
html.az-theme-dark .entry-header.beigegreen-header .ui.fluid.container .svg-container.schweifunten,
html.az-theme-dark .ui.fluid.container .svg-container.schweifuntenweiss {
  background-image: none;
  background-color: #12140c;
  left: -1px;
  right: -1px;
  width: calc(100% + 2px);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: calc(100% + 2px) auto;
  mask-size: calc(100% + 2px) auto;
}

html.az-theme-dark .ui.twelve-five.fluid.container .svg-container.schweifoben,
html.az-theme-dark .entry-header .ui.fluid.container .svg-container.schweifoben {
  -webkit-mask-image: url('../img/schweif-oben.svg');
  mask-image: url('../img/schweif-oben.svg');
  -webkit-mask-position: center top;
  mask-position: center top;
}

html.az-theme-dark .ui.twelve-five.fluid.container .svg-container.schweifunten,
html.az-theme-dark .entry-header .ui.fluid.container .svg-container.schweifunten {
  -webkit-mask-image: url('../img/schweif-unten.svg');
  mask-image: url('../img/schweif-unten.svg');
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
}

html.az-theme-dark .entry-header.beigegreen-header .ui.fluid.container .svg-container.schweifunten {
  -webkit-mask-image: url('../img/schweif-unten-beige.svg');
  mask-image: url('../img/schweif-unten-beige.svg');
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
}

html.az-theme-dark .ui.fluid.container .svg-container.schweifuntenweiss {
  -webkit-mask-image: url('../img/schweif-unten-weiss.svg');
  mask-image: url('../img/schweif-unten-weiss.svg');
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
}

/* White/beige top curves that blend from page content (postnav, footer helpers) */
html.az-theme-dark .svg-container.schweifweissoben,
html.az-theme-dark .single-news .svg-container.schweifweissoben,
html.az-theme-dark .single-news #postnavigation .svg-container.schweifweissoben {
  background-image: none;
  background-color: #12140c;
  left: -1px;
  right: -1px;
  width: calc(100% + 2px);
  -webkit-mask-image: url('../img/schweifweiss-oben-footer.svg');
  mask-image: url('../img/schweifweiss-oben-footer.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-size: calc(100% + 2px) auto;
  mask-size: calc(100% + 2px) auto;
}

html.az-theme-dark .svg-container.schweifweissunten {
  background-image: none;
  background-color: #12140c;
  left: -1px;
  right: -1px;
  width: calc(100% + 2px);
  -webkit-mask-image: url('../img/schweifweiss-unten-footer.svg');
  mask-image: url('../img/schweifweiss-unten-footer.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-size: calc(100% + 2px) auto;
  mask-size: calc(100% + 2px) auto;
}

/* Footer sections paint white curves via background-image — swap fills for dark page / partner strip */
/* Default pages: white top curve → dark page. Single-news keeps beige (matches #F4F5ED postnav). */
html.az-theme-dark .site-info.site-menu {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='163' viewBox='0 0 1440 163'%3E%3Cpath fill='%2312140c' fill-rule='evenodd' d='M1440,0 L0,0 L0,170 L1440,170 L1440,160.349341 C1440,160.350135 1199.98954,177.921327 719.978625,120.507463 C239.958,63.0923031 0,0 0,0 L0,85 L0,170 L1440,170 L1440,165.174671 L1440,160.349341 L1440,0 Z'/%3E%3C/svg%3E"),
    url('../img/schweifgruen-oben-footer.svg');
}

/* Contact strip bottom curve meets partner logos (#1a1d14 in dark mode) */
html.az-theme-dark .site-info.contact-info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='170' viewBox='0 0 1440 170'%3E%3Cpath fill='%231a1d14' d='M1440,165.174671 L1440,160.349341 C1440,160.349341 1200.00037,177.922623 719.978625,120.507463 C239.958,63.0923031 0,0 0,0 L0,85 L0,170 L1440,170 L1440,165.174671 L1440,165.174671 Z'/%3E%3C/svg%3E");
}