/* CSS for fast tweaks */
@font-face {
  font-family: "Leftist";
  src: url("../fonts/Leftist/Leftist-Mono-Serif.ttf.woff") format("woff");
}
@font-face {
  font-family: "SeoulHangang-CL";
  src: url("../fonts/SeoulHangang-CL/SeoulHangang-CL.ttf.woff") format("woff");
}
@font-face {
  font-family: "Rotis";
  src: url("../fonts/Rotis/rotis-semiserif-55.otf") format("opentype");
}

html {
  --shortcut-big-radius: 36px;
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(odd)
  .hiag-shortcut-button {
  border-radius: 4px var(--shortcut-big-radius) 4px var(--shortcut-big-radius);
  transition: transform 0.4s;
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(odd)
  .hiag-shortcut-button
  > * {
  transition: transform 0.4s;
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(odd):hover
  .hiag-shortcut-button {
  transform: rotate(20deg);
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(odd):hover
  .hiag-shortcut-button
  > * {
  transform: rotate(-20deg);
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(even)
  .hiag-shortcut-button {
  border-radius: var(--shortcut-big-radius) 4px var(--shortcut-big-radius) 4px;
  transition: transform 0.4s;
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(even)
  .hiag-shortcut-button
  > * {
  transition: transform 0.4s;
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(even):hover
  .hiag-shortcut-button {
  transform: rotate(-20deg);
}

.region-directlinks
  .hiag-shortcuts-view
  .views-row:nth-child(even):hover
  .hiag-shortcut-button
  > * {
  transform: rotate(20deg);
}

.region-directlinks .hiag-shortcuts-view .views-row:nth-child(odd) {
  border-radius: 4px var(--shortcut-big-radius) 4px var(--shortcut-big-radius);
  background-color: var(--secondary-color);
}

.region-directlinks .hiag-shortcuts-view .views-row:nth-child(even) {
  border-radius: var(--shortcut-big-radius) 4px var(--shortcut-big-radius) 4px;
  background-color: var(--secondary-color);
}

@media (not (orientation: landscape)) or (min-width: 1023px) {
  .is-front-page {
    min-height: 100vh;
  }

  .region-content > *:last-child {
    margin-bottom: 500px;
  }

  .path-frontpage .region-content > *:last-child {
    margin-bottom: 380px;
  }

  .is-front-page footer {
    position: fixed;
    width: 100vw;
    bottom: 0px;
    transform: translateY(calc(100% - 56px));
    transition: transform 0.65s;
    z-index: 100000;
  }

  .is-front-page footer:hover,
  .is-front-page .footer-is-open {
    position: fixed;
    width: 100vw;
    bottom: 0px;
    transform: translateY(0px);
  }
}

.is-front-page .orbit-bullets {
  transform: translateY(-30px);
}

.hiag-main-menu-tree-container .is-active > a,
.hiag-main-menu-tree-container .menu-item > a:hover {
  box-shadow: 0px 0px 12px rgba(10, 10, 10, 0.2);
  border-radius: 20px 0 20px 0;
}
.hiag-main-menu-tree-container .hiag-main-menu-tree-is-active-trail > a,
.hiag-main-menu-tree-container .hiag-main-menu-tree-is-active-trail:hover > a {
  box-shadow: 0px 0px 12px rgba(10, 10, 10, 0.2),
    0px 0px 0px 2px var(--primary-color) inset;
  background-color: transparent;
  color: var(--primary-color);
}

@media print, screen and (min-width: 64em) {
  .node--view-mode-full .page-sub-content:before {
    border-radius: 20px 0 20px 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

main.hiag-main-container {
  margin-top: 4.2rem;
}

main > #hiag-layout-content {
  margin-top: 0;
}

#block-hiag-base-theme-page-title h1.page-title,
h3 > .page-title {
  font-family: "Rotis", "SeoulHangang-CL", serif;
  letter-spacing: 0.125rem;
  opacity: 0.8;
  line-height: 0.9;
}

h3 > .page-title {
  padding-bottom: 1.05rem;
}

.node--type-person.card {
  border-radius: 4px var(--shortcut-big-radius) 4px var(--shortcut-big-radius);
}

.node--type-person.card .card-divider {
  border-radius: 0px var(--shortcut-big-radius) 0px 0px;
}

.node--type-person.card h4 .field--name-title {
  /* color: var(--primary-color); */
}

.region-content a:not(.button):not(.accordion-title),
.region-sub-content a:not(.button):not(.accordion-title) {
  font-style: italic;
}

.region-content .account-menu a:not(.button):not(.accordion-title) {
  font-style: normal;
}

.region-content .account-menu a:not(.button):not(.accordion-title) p {
  font-size: 85%;
}

.button a,
th a,
li.tabs-title a,
.accordion-title a,
a.hiag-event-teaser-link,
.views-field a[href*="edit?destination"],
a[href*="?destination=/admin/structure/block"] {
  font-style: normal !important;
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #fefefe;
}

.accordion-title.hiag-js-accordion-title::before {
  transform: scale(1.8);
  transition: transform 0.4s;
}

.accordion-title.hiag-js-accordion-title:hover::before {
  transform: scale(3) rotate(180deg);
}

.region-sub-content table td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.region-sub-content .node--view-mode-teaser .teaser-info-section {
  display: none;
}

.node--type-config-responsive-blocks
  .responsive-blocks-content__item.card
  .wrapper-container-view {
  padding-top: 0px;
  padding-bottom: 0px;
}

#hiag-layout-content > * {
  position: relative;
}
#hiag-layout-content::before {
  position: absolute;
  content: "";
  background: var(--secondary-color);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  min-width: 720px;
  -webkit-mask-image: url(../images/masks/mond.png);
  mask-image: url(../images/masks/mond.png);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 95% 120px;
}

.dialog-off-canvas-main-canvas {
  overflow-y: hidden;
}

@media screen and (min-width: 720px) {
  .view:not(.hiag-grid) .node--type-person.node--view-mode-hiag-card.card {
    flex-direction: row;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card.card
    > .card-divider.hiag-person-header {
    flex: 1;
    min-width: 350px;
    align-items: start;
  }

  .view:not(.hiag-grid) .node--type-person.node--view-mode-hiag-card.card {
    overflow: visible;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card.card
    > .card-divider.hiag-person-header
    .field--name-field-portrait
    img {
    border-radius: 4px 4px 4px 30px;
    box-shadow: 0px 0px 12px rgba(10, 10, 10, 0.4);
    margin: 6px;
    border: 2px solid #fcd006;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card.card
    > .card-divider.hiag-person-header {
    border-bottom-left-radius: 36px;
    border-top-left-radius: 4px;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card.card
    > .card-divider.hiag-person-header
    .field--name-field-portrait {
    flex: unset;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card.card
    > .card-section.hiag-person-content {
    flex: 2;
  }

  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card
    .field--name-field-portrait,
  .view:not(.hiag-grid)
    .node--type-person.node--view-mode-hiag-card
    .field--name-field-portrait
    > * {
    position: relative;
  }
}

.view.view-id-employees .views-row > *,
.view.view-id-teachers .views-row > * {
  position: relative;
  z-index: 2;
}

.view.view-id-employees .views-row > * > *,
.view.view-id-teachers .views-row > * > * {
  position: relative;
}

.tabs-panel h2 > .field--name-title {
  display: none;
}

@media screen and (min-width: 1023px) {
  .node--type-config-responsive-blocks {
    display: flex;
    justify-content: center;
  }
  .node--type-config-responsive-blocks .show-for-medium {
    max-width: 95.2381rem;
  }
}

.button.hiag-shortcut-button.hiag-shortcut-button--highlighted {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.button.hiag-shortcut-button.hiag-shortcut-button--highlighted:hover,
.button.hiag-shortcut-button.hiag-shortcut-button--highlighted:focus {
  background-color: var(--secondary-color-lighten-1);
}

.hiag-shortcuts-view
  .hiag-shortcut-button.hiag-shortcut-button--highlighted
  .field--name-field-shortcut-link
  a {
  color: var(--primary-color);
}

.view-header > .card-section {
  padding: 0;
}

.view.view-organisationen {
  overflow-y: auto;
}

.view.view-organisationen #view-field-image-table-column {
  width: 100px;
}

.view.view-organisationen #view-body-table-column {
  width: 420px;
}

.view.view-organisationen td:not(.views-field-field-links) {
  vertical-align: top;
}

.menu--account .is-dropdown-submenu {
  background-color: black;
  transform: translateY(-5px);
  border-radius: 5px;
}

.menu--account .menu-item.is-dropdown-submenu-parent > a::after {
  transform: rotate(180deg);
}

div.account-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
div.account-menu div.menu-item:not(.menu-item--expanded) {
  height: 160px;
  width: 160px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  transition: transform 0.2s, border-color 0.2s;
}

div.account-menu div.menu-item:not(.menu-item--expanded):hover {
  border-color: #535353;
}

div.account-menu div.menu-item:not(.menu-item--expanded):hover {
  transform: scale(1.1);
}

div.account-menu div.menu-item.menu-item--expanded {
  width: 100%;
  display: flex;
  flex-direction: column;
}

div.account-menu div.menu-item.menu-item--expanded > a {
  text-align: left;
  color: #b2b2b2;
  transition: color 0.2s;
  font-size: 120%;
  font-weight: bold;
}

div.account-menu div.menu-item.menu-item--expanded > a:hover {
  cursor: default;
}

div.account-menu div.menu-item a {
  height: 100%;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
}

div.account-menu div.menu-item a > .link-description {
  font-size: 95%;
  opacity: 80%;
  color: #b2b2b2;
  transition: color 0.2s;
}

div.account-menu
  div.menu-item:not(.menu-item--expanded):hover
  a
  .link-description {
  color: #535353;
}

div.account-menu div.menu-item a > .link-title {
  font-weight: bold;
  color: #b2b2b2;
  transition: color 0.2s;
}

div.account-menu div.menu-item:not(.menu-item--expanded):hover a .link-title {
  color: #535353;
}

.view .view-footer {
  display: block;
}

.view .view-footer a.button {
  float: right;
}

article .contextual {
  position: absolute !important;
  right: 6px;
  top: 12px;
}

.menu--main
  .hiag-menu-underlined-link
  a[data-drupal-link-system-path="node/76"],
.menu--main .hiag-menu-underlined-link a[href="/schule/willkommen"],
.menu--main-navigation-school
  .hiag-menu-underlined-link
  a[data-drupal-link-system-path="<front>"],
.menu--main
  .hiag-menu-underlined-link
  a[data-drupal-link-system-path="node/76"]:hover,
.menu--main .hiag-menu-underlined-link a[href="/schule/willkommen"]:hover,
.menu--main-navigation-school
  .hiag-menu-underlined-link
  a[data-drupal-link-system-path="<front>"]:hover {
  color: var(--secondary-color);
}

table tbody {
  border-left-color: transparent;
  border-right-color: transparent;
}

th[class*="views-field-edit-node"],
th.views-field-field-links {
  width: 125px;
}

button.close-button {
  display: flex;
}

.view-content .school-termin-wrapper {
  border-bottom: 1px solid #b2b2b2;
}

.view-content .school-termin-wrapper > div:first-child {
  font-weight: bold;
}

.views-sorting-title + .views-row .school-termin-wrapper {
  border-top: 1px solid #b2b2b2;
}

.view-agenda-schule .views-sorting-title {
  margin-top: 1.05rem;
}

.view-agenda-schule .view-grouping:not(:first-child) {
  margin-top: 2.1rem;
}

.hiag-shortcuts-view,
.is-front-page .region-directlinks > *:last-child {
  transform: translateY(-120px);
}

@media screen and (max-width: 1023px) {
  .is-front-page .hiag-shortcuts-view .view-content {
    justify-content: space-evenly;
  }

  .is-front-page .hiag-shortcuts-view,
  .is-front-page .region-directlinks > *:last-child {
    transform: translateY(0px);
  }

  .is-front-page .orbit-bullets {
    transform: translateY(0px);
  }

  .is-front-page main.hiag-main-container {
    margin-top: 2.1rem;
  }

  .block-block-content .orbit img {
    min-height: 220px;
  }
}

@media screen and (max-width: 720px) {
  .hiag-shortcuts-view .hiag-shortcut-button.button {
    padding: 1.5em;
  }

  .hiag-shortcuts-view .hiag-shortcut-button.button .material-symbols-outlined {
    font-size: 75px;
  }

  .is-front-page .region-directlinks > *:last-child,
  .region-content > *:last-child {
    margin-bottom: 700px;
  }
}

.off-canvas .hiag-shortcuts-view {
  transform: translateY(0);
}

.off-canvas .hiag-shortcuts-view .views-row {
  width: 100%;
  background-color: transparent !important;
}

.off-canvas .hiag-shortcuts-view .views-row .hiag-shortcut-button {
  width: 100%;
}

.is-drilldown li {
  border-bottom: 1px solid #1162a5;
}

.node--view-mode-hiag-person .field.field--label-inline {
  display: flex;
}

.node--view-mode-hiag-person .field.field--label-inline .field__label {
  width: 200px;
  min-width: 200px;
}

.node--view-mode-hiag-person .hiag-tags div.hiag-tag:last-child::after {
  content: none;
}

@media screen and (max-width: 1023px) {
  .node--view-mode-hiag-person .field.field--label-inline {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 580px) {
  .node--view-mode-hiag-person .field.field--label-inline {
    flex-direction: column;
  }

  .node--type-person.node--view-mode-hiag-person .node__content,
  .node--type-school-person.node--view-mode-hiag-person .node__content {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 1023px) {
  .node--type-abteilung.node--view-mode-hiag-tabs-content .node__content {
    flex-direction: column-reverse;
  }

  .node--type-abteilung.node--view-mode-hiag-tabs-content
    .node__content
    .page-sub-content {
    display: flex;
    flex-direction: column;
  }
}

a[class*="hiag-"]:not([class*="hiag-js-"]) {
  display: inline;
  overflow-wrap: anywhere;
}

a[class*="hiag-"]:not([class*="hiag-js-"]):before {
  display: inline;
  padding-right: 4px;
}

.hiag-table-stacked-content {
  overflow-wrap: anywhere;
}

.views-field[class*="views-field-edit-node"] .hiag-table-stacked-content {
  overflow-wrap: normal;
}

.hiag-tags div.hiag-tag,
.hiag-js-accordion-title.accordion-title {
  font-size: 100%;
}

@media screen and (min-width: 720px) {
  .view-id-committees table tr > td {
    width: 33%;
  }
}

th.priority-low {
  width: 140px;
}

.view-id-search_content .node--view-mode-hiag-person > h4,
.view-id-search_content
  .node--view-mode-hiag-person
  img[alt="Standard Avatar"] {
  display: none;
}

#block-hiag-base-theme-views-block-boswil-info-block-boswil-info .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.05rem;
}

#block-hiag-base-theme-views-block-boswil-info-block-boswil-info
  .view-content
  .view-grouping {
  flex: 1;
  min-width: 200px;
  max-width: 400px;
}

#block-hiag-base-theme-views-block-boswil-info-block-boswil-info
  .view-content
  .view-grouping
  .view-grouping-header {
  font-size: 120%;
  border-bottom: 1px solid #e6e6e6;
}

.view-display-id-block_newsfeed_footer .views-field-nothing * {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.node--view-mode-hiag-person .field--name-field-portrait > img {
  max-width: 200px;
}

.views-field a[href*="delete?destination"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px !important;
  padding: 0 16px;
  background: var(--gin-bg-layer3);
  border-radius: 16px;
  color: var(--gin-color-danger);
  border: 1px solid var(--gin-color-danger);
  font-style: normal !important;
}

.views-field a[href*="delete?destination"]:hover {
  -webkit-box-shadow: 0 0 0 1px var(--gin-color-danger-light),
    0 0 0 4px var(--gin-color-danger-lightest);
  box-shadow: 0 0 0 1px var(--gin-color-danger-light),
    0 0 0 4px var(--gin-color-danger-lightest);
}

.responsive-blocks-content__item.card {
  padding-left: 0.525rem;
  padding-right: 0.525rem;
}

@media screen and (min-width: 1200px) {
  #block-footerinhalte .hiag-table-stacked-content,
  #block-hiag-base-theme-footerinhalteschule .hiag-table-stacked-content {
    height: 24px !important;
  }
}

.responsive-blocks-row {
  flex-wrap: wrap;
}

.responsive-blocks-row > * {
  min-width: 300px;
}

.accordion div.views-field {
  display: flex;
  flex-wrap: wrap;
}

.accordion div.views-field .field-content:first-child {
  flex: 1;
}

.accordion div.views-field .views-label {
  font-weight: bold;
  color: #8a8a8a;
  padding-bottom: 4px;
  width: 200px;
}
.accordion div.views-field .views-label:after {
  content: ":";
}

.field--name-field-school-termin-type {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px solid #e6e6e6;
}

.view-id-agenda_schule.view-display-id-page_1 .views-row {
  display: flex;
  flex-direction: row-reverse;
}

.view-id-agenda_schule.view-display-id-page_1
  .views-row
  .views-field-nothing-2 {
  flex: 1;
}

.view-reversed-order .view-grouping-content {
  display: flex;
  flex-direction: column-reverse;
}

.view-reversed-order .view-grouping-content {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.view-reversed-order .view-grouping-content > .views-row {
  width: 100%;
}

#hiag-main-menu.hiag-main-menu--is-safari.is-anchored {
  transform: translateY(calc(-1 * var(--title-bar-bottom-wrapper-height)));
}

.hiag-sidebars-off-canvas-toggle-container {
  transform: translateY(-50px);
}

.node--type-tabs-site .tabs-panel {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

.accordion-content {
  padding-right: 0;
  padding-left: 0;
}

.node--type-tabs-site .tabs-panel > .edit-link {
  right: 0;
  top: -42px;
  position: absolute;
  z-index: 20;
}

.views-field.views-field-field-address .field-content p {
  margin-bottom: 0;
}

#block-hiag-base-theme-paddingblock {
  opacity: 0 !important;
  height: 0px !important;
  min-height: 0px !important;
  position: absolute;
}

@media screen and (min-width: 1024px) {
  #hiag-layout-content.hiag-layout-content--center {
    animation-name: centerMain;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
  }

  @keyframes centerMain {
    0% {
      transform: translateX(0%);
      opacity: 0;
    }
    100% {
      transform: translateX(-17.5%);
      opacity: 1;
    }
  }
}

form.webform-submission-form {
}

.form-wrapper.wrapper-container:not(.form-actions) {
  border: 1px solid #e6e6e6;
  padding: 1.05rem;
  margin-bottom: 1.05rem;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  margin-bottom: 0;
}

.help-text {
  margin-top: 0;
}

label.form-required:after {
  content: "*";
  font-size: 90%;
  font-weight: bold;
  color: var(--alert-color);
  position: relative;
  top: -0.2rem;
  padding-left: 0.1rem;
}

.views-field-body .hiag-table-stacked-content {
  overflow-wrap: normal;
}

.views-field-body table td {
  vertical-align: top;
}

.form--inline select {
  margin-bottom: 0;
}

#block-newsfeed-block-banner-news {
  display: none;
}
body.path-frontpage .region-slider {
  position: relative;
}
body.path-frontpage .region-slider #block-newsfeed-block-banner-news {
  display: block;
  position: absolute;
  z-index: 100;
  top: calc(55px + 1.05rem);
  max-width: 95.2381rem;
  width: 100%;
  --space-left: max(calc(100vw - 95.2381rem), 2.1rem);
  margin: 0 calc(var(--space-left) / 2);
}

@media screen and (max-width: 1024px) {
  body.path-frontpage .region-slider #block-newsfeed-block-banner-news {
    top: 1.05rem;
  }
}

body.path-frontpage
  .region-slider
  #block-newsfeed-block-banner-news
  .views-field-title
  a {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-radius: 4px var(--shortcut-big-radius) 4px var(--shortcut-big-radius);
  padding: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 12px rgba(138, 138, 138, 0.6);
  box-shadow: 0px 0px 12px rgba(138, 138, 138, 0.6);
}

body.path-frontpage
  .region-slider
  #block-newsfeed-block-banner-news
  .views-field-title
  a:before {
  content: "!";
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  margin-right: 1.05rem;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50%;
  border: 3px solid var(--primary-color);
}