body {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  border-bottom: none; }

a {
  text-decoration: none; }
  a:hover, a:active, a:focus {
    text-decoration: none; }

blockquote {
  text-align: center;
  font-style: italic;
  font-size: 16px; }
  blockquote:before {
    font-size: 90px;
    line-height: 30px; }
  blockquote cite {
    font-weight: bold; }

code {
  white-space: normal; }

.highlight {
  word-wrap: normal; }
  .highlight code {
    white-space: pre; }

.address span:first-of-type {
  font-weight: bold; }

.custom-button, .custom-label {
  font-size: 12px;
  text-transform: uppercase; }

#main-menu {
  text-align: center; }
  #main-menu ul li a {
    white-space: nowrap; }
  #main-menu .navbar-brand {
    font-size: 20px; }

#footer {
  font-size: 12px; }

.primary-banner h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold; }
.primary-banner strong {
  font-weight: normal; }
.primary-banner.main-page h2 {
  font-size: 48px;
  line-height: 120%; }

.secondary-banner.workshop-banner {
  text-align: center; }
  .secondary-banner.workshop-banner a {
    font-size: 22px;
    border-bottom: none; }
    .secondary-banner.workshop-banner a span, .secondary-banner.workshop-banner a small {
      border-bottom: 1px solid transparent; }
.secondary-banner.cookie-banner a {
  text-decoration: underline; }
.secondary-banner.cookie-banner .cookie-button {
  text-decoration: none; }

.article-meta {
  font-size: 12px; }

.article h3, .article h4, .article h5 {
  text-align: center; }
.article p:first-of-type {
  font-weight: 400;
  font-size: 16px;
  text-align: center; }
.article .article-meta {
  text-align: center; }
.article blockquote:before {
  font-size: 60px;
  line-height: 0; }

.author {
  text-align: center; }
  .author a, .author a:hover {
    border-bottom: none; }
    .author a i, .author a:hover i {
      font-size: 28px; }

.workshop-meta {
  font-size: 12px; }

.workshop .workshop-meta {
  text-align: center; }
.workshop .stage p {
  font-weight: 300; }
.workshop .stage .stage-meta {
  font-size: 12px;
  text-transform: uppercase; }
.workshop .stage .number > div .icon {
  font-size: 34px;
  font-weight: 500;
  text-align: center; }
.workshop .agenda-item {
  font-size: 14px; }
  .workshop .agenda-item h5 {
    text-align: left; }
  .workshop .agenda-item .start-time {
    font-size: 18px;
    text-align: right;
    font-weight: 800; }
  .workshop .agenda-item .item-meta {
    font-size: 12px;
    text-transform: uppercase; }

.error-page {
  text-align: center; }
  .error-page a.home-link {
    border-bottom: none; }

@media screen and (max-width: 767px) {
  .secondary-banner {
    text-align: center; }

  .workshop .agenda-item .start-time {
    text-align: left; }

  #footer {
    text-align: center; }
    #footer #footer-logo {
      text-align: center !important;
      padding: 10px 15px; }
      #footer #footer-logo img {
        display: none; } }
body {
  color: #676767; }

a {
  color: #e74c3c; }
  a:hover, a:active, a:focus {
    color: #e74c3c;
    border-bottom-color: #e74c3c; }

h3, h4, h5 {
  color: #e74c3c; }

.highlight, code {
  background-color: #f5f6f7; }

code {
  color: #000; }

form input, form textarea {
  border-bottom-color: #eee; }
  form input:focus, form textarea:focus {
    border-bottom-color: #e74c3c; }
  form input::placeholder, form textarea::placeholder {
    color: #a7a7a7; }

table thead {
  border-bottom-color: #000;
  color: #000; }
table tbody tr {
  border-bottom: 1px solid #000; }
  table tbody tr:nth-child(odd) {
    background-color: #f5f6f7; }
table td, table th {
  padding: 5px 10px; }

#main-menu a {
  transition: color ease-in-out .15s; }
  #main-menu a span {
    transition: border-bottom-color ease-in-out .15s; }
  #main-menu a:hover span, #main-menu a.active span {
    border-bottom-color: #e74c3c; }

.custom-button {
  border-color: #e74c3c;
  transition: color ease-in-out .15s, background-color ease-in-out .15s; }
  .custom-button:hover {
    background-color: #e74c3c;
    color: #fff; }
  .custom-button.contact-button, .custom-button.cookie-button {
    border-color: #fff; }
    .custom-button.contact-button:hover, .custom-button.cookie-button:hover {
      background-color: #fff;
      color: #e74c3c; }
  .custom-button.send-button {
    background-color: #fff;
    color: #e74c3c; }
    .custom-button.send-button:hover {
      background-color: #e74c3c;
      color: #fff; }

.custom-label {
  color: #fff; }

.custom-label.success {
  border-color: #5cb85c;
  background-color: #5cb85c; }

.custom-label.error {
  border-color: #d9534f;
  background-color: #d9534f; }

#main-menu {
  background-color: #fff; }
  #main-menu a {
    color: #676767; }
    #main-menu a:hover, #main-menu a.active {
      color: #e74c3c;
      background-color: #fff;
      border-bottom-color: #e74c3c; }
      #main-menu a:hover span, #main-menu a.active span {
        border-bottom-color: #e74c3c; }

#footer a {
  color: #676767; }
  #footer a:hover, #footer a.active {
    background-color: #fff;
    color: #676767; }

#main-content .content-section.separated:after {
  border-bottom-color: #eee; }

.secondary-banner {
  background-color: #e74c3c;
  color: #fff; }
  .secondary-banner h4 {
    color: #fff; }
  .secondary-banner.workshop-banner a span, .secondary-banner.workshop-banner a small {
    transition: border-bottom-color ease-in-out .15s;
    border-bottom-color: transparent; }
  .secondary-banner.cookie-banner a {
    color: #fff; }

.contact-button {
  color: #fff; }

.cookie-button:hover {
  color: #e74c3c; }

.primary-banner {
  color: #e74c3c; }
  .primary-banner strong {
    background-color: #000; }
  .primary-banner p {
    color: #676767; }

.workshop .description:after {
  border-bottom-color: #eee; }
.workshop .stage .number > div .icon {
  color: #e74c3c; }
.workshop .agenda-item .start-time {
  color: #e74c3c; }

@media screen and (max-width: 767px) {
  #main-menu .navbar-nav {
    background: #fff; } }
.highlight table td {
  padding: 5px; }

.highlight table pre {
  margin: 0; }

.highlight .cm {
  color: #999988;
  font-style: italic; }

.highlight .cp {
  color: #999999;
  font-weight: bold; }

.highlight .c1 {
  color: #999988;
  font-style: italic; }

.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

.highlight .c, .highlight .cd {
  color: #999988;
  font-style: italic; }

.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }

.highlight .gd {
  color: #000000;
  background-color: #ffdddd; }

.highlight .ge {
  color: #000000;
  font-style: italic; }

.highlight .gr {
  color: #aa0000; }

.highlight .gh {
  color: #999999; }

.highlight .gi {
  color: #000000;
  background-color: #ddffdd; }

.highlight .go {
  color: #888888; }

.highlight .gp {
  color: #555555; }

.highlight .gs {
  font-weight: bold; }

.highlight .gu {
  color: #aaaaaa; }

.highlight .gt {
  color: #aa0000; }

.highlight .kc {
  color: #000000;
  font-weight: bold; }

.highlight .kd {
  color: #000000;
  font-weight: bold; }

.highlight .kn {
  color: #000000;
  font-weight: bold; }

.highlight .kp {
  color: #000000;
  font-weight: bold; }

.highlight .kr {
  color: #000000;
  font-weight: bold; }

.highlight .kt {
  color: #445588;
  font-weight: bold; }

.highlight .k, .highlight .kv {
  color: #000000;
  font-weight: bold; }

.highlight .mf {
  color: #009999; }

.highlight .mh {
  color: #009999; }

.highlight .il {
  color: #009999; }

.highlight .mi {
  color: #009999; }

.highlight .mo {
  color: #009999; }

.highlight .m, .highlight .mb, .highlight .mx {
  color: #009999; }

.highlight .sb {
  color: #d14; }

.highlight .sc {
  color: #d14; }

.highlight .sd {
  color: #d14; }

.highlight .s2 {
  color: #d14; }

.highlight .se {
  color: #d14; }

.highlight .sh {
  color: #d14; }

.highlight .si {
  color: #d14; }

.highlight .sx {
  color: #d14; }

.highlight .sr {
  color: #009926; }

.highlight .s1 {
  color: #d14; }

.highlight .ss {
  color: #990073; }

.highlight .s {
  color: #d14; }

.highlight .na {
  color: #008080; }

.highlight .bp {
  color: #999999; }

.highlight .nb {
  color: #0086B3; }

.highlight .nc {
  color: #445588;
  font-weight: bold; }

.highlight .no {
  color: #008080; }

.highlight .nd {
  color: #3c5d5d;
  font-weight: bold; }

.highlight .ni {
  color: #800080; }

.highlight .ne {
  color: #990000;
  font-weight: bold; }

.highlight .nf {
  color: #990000;
  font-weight: bold; }

.highlight .nl {
  color: #990000;
  font-weight: bold; }

.highlight .nn {
  color: #555555; }

.highlight .nt {
  color: #000080; }

.highlight .vc {
  color: #008080; }

.highlight .vg {
  color: #008080; }

.highlight .vi {
  color: #008080; }

.highlight .nv {
  color: #008080; }

.highlight .ow {
  color: #000000;
  font-weight: bold; }

.highlight .o {
  color: #000000;
  font-weight: bold; }

.highlight .w {
  color: #bbbbbb; }

.highlight {
  background-color: #f8f8f8; }

/*
.grid-overlay {
  z-index: -1;
}

.grid-overlay div[class^="col-"] {
  background-color: rgba(0, 0, 255, 0.2);
}
*/
#main-menu {
  border-bottom: 1px solid #ccc; }
  #main-menu a.navbar-brand {
    text-decoration: none; }
  #main-menu a {
    position: relative; }
  #main-menu a.active:after {
    text-decoration: none;
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 1px;
    width: 100%;
    background: #e74c3c;
    content: ''; }
  @media screen and (max-width: 767.98px) {
    #main-menu a.nav-link:hover:after {
      position: absolute;
      left: 12.5%;
      bottom: -1px;
      height: 1px;
      width: 75%;
      background: #e74c3c;
      content: '';
      z-index: 100; }
    #main-menu a {
      position: relative; }
    #main-menu a.active:after {
      text-decoration: none;
      position: absolute;
      left: 12.5%;
      bottom: -1px;
      height: 1px;
      width: 75%;
      background: #e74c3c;
      content: '';
      z-index: 90; } }
  #main-menu img {
    height: 25px;
    display: inline;
    vertical-align: -5px; }

#main-content {
  min-height: 100%; }
  #main-content .content-section {
    margin-bottom: 60px; }
    #main-content .content-section:last-child {
      margin-bottom: 0; }
    #main-content .content-section.separated:after {
      margin-left: 15px;
      padding-top: 60px;
      width: calc(100% - 30px);
      border-bottom-width: 1px;
      border-bottom-style: solid; }
    #main-content .content-section.split-section:last-child:after {
      border-bottom: none;
      padding-top: 0;
      margin-bottom: 0; }
    #main-content .content-section p:last-child {
      margin-bottom: 0; }

#main-section {
  margin: 60px auto; }
  #main-section > .row:first-child {
    margin-top: 0; }
  #main-section > .row:last-child {
    margin-bottom: 0; }

h3 {
  margin: 0 0 40px 0; }

h4, h5 {
  margin: 0 0 20px 0; }

p, pre {
  margin: 0 0 20px 0; }

ul li {
  margin-left: 1em; }

blockquote {
  border: none;
  width: 83.33333333%;
  margin: 0 auto;
  padding: 0; }
  blockquote:before {
    display: block;
    content: "\201d"; }

form input, form textarea {
  margin: 0 0 20px 0;
  border-width: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 100%; }
form input:focus, form input:active, form textarea:focus, form textarea:active, form button:focus, form button:active {
  outline: none; }
form textarea {
  resize: none; }

pre.highlight {
  border: none;
  padding: 20px; }

.custom-button, .custom-label {
  display: inline-block;
  border-width: 1px;
  border-style: solid; }

.custom-button {
  padding: 5px 50px;
  cursor: pointer; }

.custom-label {
  padding: 5px 10px; }

.secondary-banner {
  width: 100%;
  padding: 20px 0; }
  .secondary-banner.workshop-banner {
    background-image: none; }
    .secondary-banner.workshop-banner a {
      display: inline-block; }
  @media screen and (max-width: 767.98px) {
    .secondary-banner h4 {
      padding-bottom: 10px; } }
  .secondary-banner h4 {
    margin: 0; }
  .secondary-banner.cookie-banner {
    position: fixed;
    display: none;
    bottom: 0;
    z-index: 9999;
    background-image: none; }
    .secondary-banner.cookie-banner p {
      margin: 0; }

#footer {
  margin-bottom: 0;
  bottom: 0;
  height: 50px; }
  #footer #footer-logo {
    padding: 15px; }
    #footer #footer-logo img {
      height: 25px; }

.primary-banner {
  padding: 55px 0; }
  .primary-banner.main-page {
    padding: 110px 0;
    height: auto; }
    .primary-banner.main-page h2 {
      word-spacing: 10px; }
  .primary-banner h2 {
    margin: 0 auto 30px auto; }
  .primary-banner strong {
    padding: 3px; }

.content-teaser p {
  padding-top: 10px;
  padding-bottom: 10px; }

.tools .tool {
  text-align: center; }
  .tools .tool i {
    height: 110px; }

#contact-form textarea {
  height: 100px; }
#contact-form .custom-label {
  position: absolute;
  margin-left: 5px;
  opacity: 0;
  transition: opacity 0.5s linear; }

.address > span, .contact > span {
  display: block;
  clear: both; }

.articles .custom-button {
  margin: 10px 0 0 0; }

.workshops h3 {
  margin-bottom: 10px; }
.workshops p {
  margin-bottom: 5px; }
  .workshops p:last-of-type {
    margin-bottom: 20px; }

#main-content .articles .separated:last-child:after, #main-content .workshops .separated:last-child:after {
  padding-top: 0;
  border-bottom: none; }

.article h4, .article h5 {
  margin-top: 40px; }
.article ol {
  list-style-position: inside;
  padding: 0; }
.article p, .article ul, .article ol {
  width: 83.33333333%;
  margin-right: auto;
  margin-left: auto; }
  .article p img, .article ul img, .article ol img {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block; }
.article p:first-of-type {
  margin-bottom: 40px; }
.article .article-meta {
  margin: 0 0 20px 0; }
.article blockquote {
  margin-top: 40px;
  margin-bottom: 20px; }
.article table {
  margin: 0 auto 20px auto; }
  .article table thead {
    border-bottom-width: 2px;
    border-bottom-style: solid; }
  .article table tbody tr {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .article table td, .article table th {
    padding: 5px 10px; }

.author span, .author i.author {
  display: block; }
.author span.author {
  margin: 10px 0; }
.author i.author {
  margin: 0 auto;
  filter: none;
  -webkit-filter: none; }

#comment-section {
  margin: 60px auto; }

.workshop h4 {
  text-align: left;
  margin-top: 10px; }
  .workshop h4 .number {
    display: none; }
.workshop p, .workshop ul {
  margin-right: auto;
  margin-left: auto; }
.workshop .workshop-meta {
  margin: 0 0 20px 0; }
.workshop .stage {
  margin-bottom: 60px; }
  .workshop .stage p {
    margin: 0 0 20px 0; }
  .workshop .stage .custom-button {
    cursor: pointer; }
  .workshop .stage .number > div {
    position: relative;
    width: 100%;
    color: black; }
    .workshop .stage .number > div:before {
      content: "";
      display: block;
      padding-top: 20%; }
.workshop .agenda-items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out; }
  .workshop .agenda-items .agenda-item {
    margin: 0 0 40px 0;
    padding: 0 15px; }
    .workshop .agenda-items .agenda-item:last-child {
      margin-bottom: 60px; }
    .workshop .agenda-items .agenda-item h5 {
      margin: 10px 0; }
    .workshop .agenda-items .agenda-item .start-time {
      margin-top: 4px; }

.error-page {
  padding-top: 100px; }

@media screen and (max-width: 767px) {
  #main-content .content-section.separated.split-section:after {
    width: calc(100% - 30px); }
  #main-content .content-teaser {
    margin-bottom: 60px; }
    #main-content .content-teaser:last-child {
      margin-bottom: 0; }
  #main-content .workshops .icon {
    margin-bottom: 20px; }
  #main-content .workshop .stage .number {
    display: none; }
  #main-content .workshop .stage h4 .number {
    display: inline; }

  .secondary-banner .contact-button {
    float: none !important; }
  .secondary-banner.cookie-banner .cookie-button {
    float: none !important; }

  .primary-banner.main-page {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .primary-banner.main-page h2 {
      margin-bottom: unset;
      margin-top: unset; }
  .primary-banner h2 {
    font-size: 36px;
    margin-top: 30px; }
  .primary-banner.main-page h2 {
    font-size: 36px; }

  #contact-form {
    margin-bottom: 20px; } }