@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab");
@import url(../fonts/web-fonts-with-css/css/fontawesome-all.min.css);
body,
.fancybox-container {
  font-family: 'Roboto Slab', serif; }

.ty-menu-mobile {
  background: #f7a600; }
  .ty-menu-mobile ul {
    padding: 20px;
    margin: 0; }
    .ty-menu-mobile ul li {
      display: block;
      padding: 0;
      border-top: 1px solid #fff; }
      .ty-menu-mobile ul li a, .ty-menu-mobile ul li .toggle {
        padding: 5px 5px 5px 5px;
        display: block;
        text-decoration: none;
        color: white;
        border-bottom: none; }
      .ty-menu-mobile ul li a:hover {
        background: #a56f00; }
      .ty-menu-mobile ul li a:focus {
        outline: 0; }
      .ty-menu-mobile ul li ul {
        margin: 0;
        padding: 0 0 0 20px; }
        .ty-menu-mobile ul li ul li {
          border-top: 1px solid rgba(255, 255, 255, 0.333); }
          .ty-menu-mobile ul li ul li a {
            color: #fff; }
        .ty-menu-mobile ul li ul li.cur a {
          background: #a56f00; }
        .ty-menu-mobile ul li ul li:last-child {
          border-bottom: none; }
    .ty-menu-mobile ul li:before {
      position: static;
      left: auto;
      top: auto;
      content: none; }
    .ty-menu-mobile ul li:last-child {
      border-bottom: 1px solid #fff; }
    .ty-menu-mobile ul li.cur a {
      background: #a56f00; }
    .ty-menu-mobile ul li.cur ul li a {
      background: none; }
    .ty-menu-mobile ul li.cur ul li a:hover {
      background: #a56f00; }
    .ty-menu-mobile ul li.cur ul li.cur a {
      background: #a56f00; }

.ty-menu-mobile .ty-menu-mobile-top ul li a {
  color: #ffe2a6;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  font-size: 14px; }

.ty-menu-mobile .ty-menu-mobile-top ul li a:hover {
  background: transparent;
  color: white; }

.ty-menu-mobile .ty-menu-mobile-top ul li.is-active a {
  color: white;
  font-weight: 700; }

.ty-container {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.ty-menu-top-container {
  background: #3b3b3b;
  border-bottom: 8px solid #f7a600; }

.ty-center {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.ty-visual {
  display: flex;
  height: 40vw;
  max-height: 480px;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  /*margin-top: 22px;*/ }
  .ty-visual img {
    width: 100%; }

.ty-2spaltig {
  /*column-count: 2;
	column-gap: 2rem;*/ }
  .ty-2spaltig h2, .ty-2spaltig ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .ty-2spaltig .ce-uploads-fileName {
    display: inline-block; }
  .ty-2spaltig .ty-col-break {
    break-before: column; }

/*** Hamburger Menü ***/
.ty-hamburger-box {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 25px;
  height: 19px;
  cursor: pointer;
  z-index: 100; }
  .ty-hamburger-box .ty-hamburger, .ty-hamburger-box .ty-hamburger:before, .ty-hamburger-box .ty-hamburger:after {
    background-color: white;
    width: 25px;
    height: 3px;
    display: block;
    -webkit-transition: top 0.2s 0.0s ease, bottom 0.2s 0.0s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
    -moz-transition: top 0.2s 0.0s ease, bottom 0.2s 0.0s ease, background-color 0.2s ease,    -moz-transform 0.2s ease;
    transition: top 0.2s 0.0s ease, bottom 0.2s 0.0s ease, background-color 0.2s ease,         transform 0.2s ease; }
  .ty-hamburger-box .ty-hamburger {
    position: relative;
    top: 8px; }
  .ty-hamburger-box .ty-hamburger:before, .ty-hamburger-box .ty-hamburger:after {
    content: "";
    position: absolute;
    left: 0; }
  .ty-hamburger-box .ty-hamburger:before {
    top: -8px; }
  .ty-hamburger-box .ty-hamburger:after {
    bottom: -8px; }

.ty-hamburger-box:hover .ty-hamburger, .ty-hamburger-box:hover .ty-hamburger:before, .ty-hamburger-box:hover .ty-hamburger:after {
  background-color: white; }

.ty-hamburger-box[aria-expanded="true"] .ty-hamburger {
  background: transparent; }

.ty-hamburger-box[aria-expanded="true"] .ty-hamburger:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.ty-hamburger-box[aria-expanded="true"] .ty-hamburger:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.ty-menu-top ul {
  height: 3rem;
  display: block;
  margin: 0 -1rem 0 -1rem; }
  .ty-menu-top ul li {
    display: inline-block; }
    .ty-menu-top ul li a {
      display: block;
      padding: 0 1rem;
      color: white;
      border-right: 1px solid white;
      line-height: 3rem; }
    .ty-menu-top ul li a:hover {
      background: #f7a600; }
  .ty-menu-top ul li.is-active a {
    background: #f7a600; }

.ty-menu-lang ul {
  height: 3rem;
  display: block;
  margin: 0 -1rem 0 -1rem; }
  .ty-menu-lang ul li {
    display: inline-block; }
    .ty-menu-lang ul li a {
      display: block;
      padding: 0 1rem;
      color: rgba(255, 255, 255, 0.5);
      line-height: 3rem; }
    .ty-menu-lang ul li a:hover {
      color: white; }
  .ty-menu-lang ul li.is-active a {
    color: white; }

/*** MENU-MAIN ***/
.ty-menu-main {
  display: flex;
  align-items: center;
  font-weight: bold; }
  .ty-menu-main ul {
    margin: 0 -0.5rem 0 -0.5rem; }
    .ty-menu-main ul li {
      display: inline-block; }
      .ty-menu-main ul li a {
        display: block;
        padding: 1rem 0.5rem;
        color: black;
        transition: all 0.333s ease; }
      .ty-menu-main ul li a:hover {
        text-decoration: none; }
      .ty-menu-main ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        flex-direction: column;
        margin: 0 0 0 0.5rem;
        transition: all 0.33s ease;
        background: rgba(240, 240, 240, 0.9);
        font-weight: normal;
        z-index: 100; }
        .ty-menu-main ul li ul li {
          display: block; }
          .ty-menu-main ul li ul li a {
            padding: 0.5rem 1rem; }
          .ty-menu-main ul li ul li a:hover {
            background: rgba(224, 224, 224, 0.9); }
        .ty-menu-main ul li ul li.is-active a {
          background: rgba(224, 224, 224, 0.9); }
        .ty-menu-main ul li ul li ul {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          left: 100%;
          top: 0;
          margin-left: 0rem;
          border-left: 1px solid white; }
    .ty-menu-main ul li:hover ul {
      visibility: visible;
      opacity: 1; }
      .ty-menu-main ul li:hover ul li {
        position: relative; }
      .ty-menu-main ul li:hover ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin-left: 0rem;
        border-left: 1px solid white; }
      .ty-menu-main ul li:hover ul li:hover ul {
        visibility: visible;
        opacity: 1; }
    .ty-menu-main ul li.is-active a {
      color: #f7a600; }
    .ty-menu-main ul li.is-active ul li a {
      color: black; }

.ty-menu-main-container .ty-center {
  position: relative; }
  .ty-menu-main-container .ty-center .ty-menu-main-line {
    border-bottom: 1px solid #777777; }
    .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a {
      display: inline-block; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-schweizergarde {
        width: 20rem;
        max-width: calc(100vw - 1.25rem);
        margin: 2rem 0; }
        .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-schweizergarde img {
          width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-stiftung {
        width: 20rem;
        max-width: calc(100vw - 1.25rem);
        margin: 1rem 0 3.125rem; }
        .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-stiftung img {
          width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-kasernenstiftung {
        width: 5.625rem;
        max-width: calc(100vw - 1.25rem);
        margin: 1.375rem 0 1.5rem; }
        .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-kasernenstiftung img {
          width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-messaggero {
        width: 20rem;
        max-width: calc(100vw - 1.25rem);
        margin: 2.75rem 0 2.875rem; }
        .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-messaggero img {
          width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-ehemalige {
        width: 30rem;
        max-width: calc(100vw - 1.25rem);
        margin: 1.6875rem 0 1.6875rem; }
        .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-ehemalige img {
          width: 100%; }

.ty-content {
  flex-grow: 1;
  margin: 3rem 0; }
  .ty-content ul {
    list-style-type: none; }
  .ty-content li {
    position: relative; }
  .ty-content li:before {
    position: absolute;
    left: -1rem;
    top: 0;
    content: "•";
    color: #f7a600; }
  .ty-content .accordion li:before {
    content: none; }
  .ty-content a {
    color: black;
    padding-bottom: 1px;
    margin-bottom: -2px;
    border-bottom: 1px dotted #f7a600; }
  .ty-content a:hover {
    border-bottom: 1px solid #f7a600; }
  .ty-content .ty-linkbox {
    border: 1px solid #f7a600;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease-in-out; }
    .ty-content .ty-linkbox a {
      border-bottom: none; }
    .ty-content .ty-linkbox .ty-linkbox-image {
      margin: 0 0 1rem 0; }
    .ty-content .ty-linkbox p {
      margin-bottom: 0; }
  .ty-content .ty-linkbox:hover {
    transform: scale(1.025);
    /*background: scale-color($garde, $lightness: 95%);*/ }
  .ty-content .ty-linkbox-100 {
    border: 1px solid #f7a600;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease-in-out; }
    .ty-content .ty-linkbox-100 a {
      display: block;
      border-bottom: none; }
      .ty-content .ty-linkbox-100 a .cell {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center; }
        .ty-content .ty-linkbox-100 a .cell h2, .ty-content .ty-linkbox-100 a .cell ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .ty-content .ty-linkbox-100 a .cell .ce-uploads-fileName {
          font-size: 30px;
          margin-bottom: 1rem; }
        .ty-content .ty-linkbox-100 a .cell .ty-linkbox-image {
          margin: 0; }
        .ty-content .ty-linkbox-100 a .cell p {
          margin-bottom: 0;
          max-width: 100%; }
        .ty-content .ty-linkbox-100 a .cell p.ty-button {
          font-weight: bold;
          color: #f7a600;
          border: 1px solid #f7a600;
          display: inline-block;
          padding: 0.5rem;
          margin-top: 1.5rem;
          width: auto; }
  .ty-content .ty-linkbox-100:hover {
    transform: scale(1.025);
    /*background: scale-color($garde, $lightness: 95%);*/ }

.ty-footer {
  font-size: 0.875rem;
  color: white;
  background: #f7a600; }
  .ty-footer .ty-center div {
    margin-top: 1rem; }
  .ty-footer a {
    color: white;
    padding-bottom: 1px;
    margin-bottom: -2px;
    border-bottom: 1px dotted white; }
  .ty-footer a:hover {
    border-bottom: 1px solid white; }

.ty-agenda {
  position: relative;
  border-top: 1px solid #f7a600;
  border-bottom: 1px solid #f7a600;
  padding: 0;
  margin-top: -1px; }
  .ty-agenda h2, .ty-agenda ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .ty-agenda .ce-uploads-fileName {
    margin: 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #f7a600;
    font-size: 1.125rem; }
  .ty-agenda p.datum {
    padding-top: 0.5rem;
    margin: 0;
    font-size: 0.75rem; }
  .ty-agenda p {
    margin: 0;
    font-size: 0.875rem; }
  .ty-agenda p:last-child {
    padding-bottom: 0.5rem; }
  .ty-agenda a {
    display: block;
    border-bottom: none;
    transition: all 0.25s ease-in-out;
    position: relative;
    padding: 0.25rem 3rem 0.25rem 0.25rem; }
  .ty-agenda a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #f7a600;
    width: 2rem;
    text-align: center; }
  .ty-agenda a:hover {
    background: whitesmoke;
    border-bottom: none; }

.ty-agenda + a {
  display: inline-block;
  margin-top: 1rem; }

.ty-agenda-hidden {
  display: none;
  max-width: 600px; }

.ty-galerie-balken {
  margin: 2.5rem 0; }
  .ty-galerie-balken a {
    display: block; }

.ty-textmitbild {
  padding-bottom: 1rem; }
  .ty-textmitbild .ty-image {
    margin-top: 0.4375rem;
    margin-bottom: 0.25rem; }

.ty-textmitbildfloating {
  padding-bottom: 1rem;
  overflow: hidden; }
  .ty-textmitbildfloating .ty-image {
    margin-top: 0.4375rem;
    margin-bottom: 0.75rem;
    width: 100%; }

.ty-portraits {
  margin-top: 0;
  margin-bottom: 1rem; }
  .ty-portraits .ty-image {
    margin-top: 0.4375rem;
    margin-bottom: 1.4375rem; }
  .ty-portraits h2, .ty-portraits ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .ty-portraits .ce-uploads-fileName {
    color: #f7a600;
    font-size: 1.5rem; }
  .ty-portraits hr {
    margin-top: 0;
    margin-bottom: 0; }

.ty-galerie .ty-picture {
  padding: 0.5rem 0; }
  .ty-galerie .ty-picture a {
    display: none;
    padding: 0;
    border-bottom: none; }
  .ty-galerie .ty-picture a:first-child {
    display: block; }

.ty-spende {
  margin-top: 1.5rem;
  margin-bottom: 0rem; }
  .ty-spende .cell {
    position: relative;
    margin-bottom: 1.5rem; }
    .ty-spende .cell a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 2px solid #f7a600;
      transition: all 0.25s ease-in-out; }
      .ty-spende .cell a span {
        display: block; }
      .ty-spende .cell a span.value {
        font-family: 'Roboto Slab', serif;
        font-weight: 600;
        color: #f7a600;
        font-size: 40px; }
    .ty-spende .cell a:hover {
      transform: scale(1.025); }
  .ty-spende .cell:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial ratio of 1:1*/ }

.ty-titelmitbutton .ty-button {
  margin-bottom: 2rem; }
  .ty-titelmitbutton .ty-button a {
    background: #f7a600;
    color: white;
    display: block;
    padding: 0.5rem 1rem;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    border: 1px solid #f7a600;
    transition: all 0.25s ease-in-out;
    text-align: center; }
  .ty-titelmitbutton .ty-button a:hover {
    background: white;
    color: #f7a600; }

.ty-content-cell .ty-medienmitteilung, .ty-content-cell a.ty-medienmitteilung {
  border-top: 1px solid #f7a600;
  border-bottom: 1px solid #f7a600;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  margin-bottom: -1px;
  transition: all 0.25s ease-in-out; }

.ty-content-cell a.ty-medienmitteilung:hover {
  background: #ececec; }

.ty-content-cell .ty-short {
  display: none; }

.ty-content-cell .ty-news-link {
  padding: 0.375rem 0.375rem 0.375rem 0; }

.ty-side .ty-medienmitteilung, .ty-side a.ty-medienmitteilung {
  border-top: 1px solid #f7a600;
  border-bottom: 1px solid #f7a600;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: -1px;
  transition: all 0.25s ease-in-out; }
  .ty-side .ty-medienmitteilung .medium-9, .ty-side a.ty-medienmitteilung .medium-9 {
    width: 100% !important; }
  .ty-side .ty-medienmitteilung .cell, .ty-side a.ty-medienmitteilung .cell {
    padding-left: 0.375rem;
    padding-right: 0.375rem; }
    .ty-side .ty-medienmitteilung .cell p, .ty-side a.ty-medienmitteilung .cell p {
      margin-bottom: 0; }
    .ty-side .ty-medienmitteilung .cell h2, .ty-side .ty-medienmitteilung .cell ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .ty-side .ty-medienmitteilung .cell .ce-uploads-fileName, .ty-side a.ty-medienmitteilung .cell h2 {
      font-size: 1rem; }
  .ty-side .ty-medienmitteilung .ty-long, .ty-side a.ty-medienmitteilung .ty-long {
    display: none; }

.ty-side a.ty-medienmitteilung:hover {
  background: #ececec; }

.ty-side .ty-medienmitteilung-bild {
  display: none; }

.ty-side .ty-news-link {
  padding: 0.375rem; }

#kaserneModal h1 {
  color: #003e82; }

.ty-linktotop {
  text-align: center;
  font-size: 2.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
  .ty-linktotop a {
    border-bottom: none;
    color: #777777; }
    .ty-linktotop a i {
      transition: all 0.25s ease-in-out; }
  .ty-linktotop a:hover {
    border-bottom: none; }
    .ty-linktotop a:hover i {
      transform: translateY(-8px); }

h1 {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  color: #f7a600;
  margin-bottom: 2rem; }

h2, ul.ce-uploads li .ce-uploads-fileName {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  color: #f7a600; }

h3 {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  color: black;
  margin-bottom: 0; }

a {
  color: #f7a600; }

table {
  /*width: auto;*/ }

table p {
  margin-bottom: 0; }

iframe {
  border: none; }

hr {
  border-bottom: 1px solid #777777; }

button.btn {
  border: 1px solid #f7a600;
  padding: 1rem;
  margin: 2rem 0 0;
  background: #f7a600;
  color: white;
  transition: all 0.25s ease-in;
  font-weight: bold; }

button.btn:hover {
  background: white;
  color: black; }

button.btn:active {
  background: #f7a600;
  color: white; }

textarea {
  height: 10rem; }

blockquote {
  border-left: 2px solid #f7a600; }
  blockquote p {
    font-style: italic;
    font-size: 1.125rem; }

.accordion ul {
  list-style-type: none; }

.accordion li {
  position: relative; }

.accordion li:before {
  position: absolute;
  left: -1rem;
  top: 0;
  content: "•";
  color: #f7a600; }

ul.tabs {
  border: 1px solid #b9b9b9;
  padding: 2rem; }
  ul.tabs li.tabs-title {
    padding: 0 1rem 0 0;
    border: none; }
    ul.tabs li.tabs-title a {
      font-size: 2rem;
      border-bottom: none;
      width: 4rem;
      height: 4rem;
      text-align: center;
      line-height: 4rem;
      padding: 0;
      margin-bottom: 1rem;
      background: #b9b9b9;
      border-radius: 50%;
      color: white;
      transition: all 0.25s ease-in; }
    ul.tabs li.tabs-title a:hover {
      background: #f7a600;
      color: white; }
  ul.tabs li.tabs-title.is-active a {
    background: #f7a600;
    color: white; }
  ul.tabs li.tabs-title:before {
    content: none; }

.tabs-content .tabs-panel {
  padding: 2rem; }
  .tabs-content .tabs-panel p:last-child {
    margin-bottom: 0; }
  .tabs-content .tabs-panel h2, .tabs-content .tabs-panel ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .tabs-content .tabs-panel .ce-uploads-fileName {
    font-size: 1.75rem;
    margin-bottom: 0.5rem; }

.ty-fancybox-text {
  max-width: 40rem; }

.tx-felogin-pi1 {
  border: 1px solid #b9b9b9;
  padding: 1rem;
  margin-bottom: 2rem; }
  .tx-felogin-pi1 h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #f7a600;
    font-size: 1.25rem; }
  .tx-felogin-pi1 legend {
    display: none; }
  .tx-felogin-pi1 label {
    font-size: 1rem;
    line-height: 1.4;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: black;
    margin-bottom: 0; }
  .tx-felogin-pi1 fieldset, .tx-felogin-pi1 input[name="submit"] {
    margin-top: 1rem; }

.ty-side .tx-felogin-pi1 {
  margin-bottom: 0; }

/*.accordion-title {
	position: relative;
	display: block;
	padding: 1.25rem 1rem;
	border: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	font-size: 0.75rem;
	line-height: 1;
	color: #1779ba;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	text-align: center;
}*/
.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;
  content: '';
  display: block;
  width: 100%; }

.timeline {
  margin: 30px auto;
  padding: 0 10px;
  position: relative;
  transition: all 0.25s ease-in;
  width: 100%; }

.timeline::before {
  background: #777777;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 3px; }

.timeline::after {
  clear: both;
  content: '';
  display: table;
  width: 100%; }

.timeline a.ty-button {
  display: inline-block;
  padding: 0 0.5rem;
  margin-top: 0.5rem;
  color: black;
  border: 1px solid #f7a600;
  transition: all 0.25s ease-in-out; }

.timeline a.ty-button:hover {
  /*transform: scale(1.025);*/
  background: #f7a600;
  color: white; }

.timeline .timeline-item {
  margin-bottom: 50px;
  position: relative; }

.timeline .timeline-item .timeline-icon {
  background: black;
  color: white;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin-left: -23px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-weight: bold; }

.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon svg {
  left: 14px;
  position: relative;
  top: 11px; }

.timeline .timeline-item .timeline-icon svg {
  top: 14px; }

.timeline .timeline-item .timeline-content {
  padding: 9px 20px 11px;
  text-align: right;
  transition: all 0.25s ease-in;
  width: 45%;
  background: transparent; }

.timeline .timeline-item .timeline-content p {
  color: black; }

.timeline .timeline-item .timeline-content p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0; }

.timeline .timeline-item .timeline-content .timeline-content-date {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0; }

.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400; }

.timeline .timeline-item .timeline-content.right,
.timeline .timeline-item:nth-child(2n) .timeline-content {
  float: right;
  text-align: left; }

.news ul li:before {
  content: none; }

.news .ty-teaser {
  font-weight: bold; }

.news h2, .news ul.ce-uploads li .ce-uploads-fileName, ul.ce-uploads li .news .ce-uploads-fileName {
  font-size: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.news p.datum {
  font-size: 0.875rem;
  color: #777777; }

.news p {
  font-size: 1rem; }

/* Small only */
@media screen and (max-width: 39.9375em) {
  .timeline {
    margin: 30px;
    padding: 0;
    width: 90%; }
  .timeline::before {
    left: 0; }
  .timeline .timeline-item .timeline-content {
    float: right;
    text-align: left;
    width: 90%; }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;
    border-right: 7px solid black;
    left: 10%;
    margin-left: -6px; }
  .timeline .timeline-item .timeline-icon {
    left: 0; } }

figure.image img {
  width: 100%; }

.ty-stoerer {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  right: 1rem;
  top: 1rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  font-size: 16px;
  line-height: 1.083;
  transform: rotate(8deg);
  transition: all .2s ease-in-out; }
  @media screen and (min-width: 40em) {
    .ty-stoerer {
      right: 1.25rem;
      top: 1.25rem;
      width: 9rem;
      height: 9rem;
      font-size: 19px; } }
  @media screen and (min-width: 64em) {
    .ty-stoerer {
      right: 1.5rem;
      top: 1.5rem;
      width: 12rem;
      height: 12rem;
      font-size: 24px; } }
  .ty-stoerer:hover {
    transform: scale(1.02) rotate(8deg); }

.ty-stoerer-anchor {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-shadow: none;
  border-bottom: none !important; }
  .ty-stoerer-anchor .ty-stoerer-title {
    color: #f7a600; }
  .ty-stoerer-anchor .ty-stoerer-cta {
    margin-top: 0.5rem;
    font-size: 66.666%;
    transition: all .2s ease-in-out;
    color: black; }

.ty-stoerer-anchor:hover {
  text-decoration: none; }
  .ty-stoerer-anchor:hover .ty-stoerer-cta {
    color: black; }

ul.ce-uploads {
  border-top: 1px solid #f7a600; }
  ul.ce-uploads li {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f7a600; }
    ul.ce-uploads li .ce-uploads-filesize {
      color: #777777; }

/* Medium and up */
@media screen and (min-width: 40em) {
  .ty-textmitbildfloating .ty-image {
    width: 33%;
    margin-bottom: 0; }
  .ty-textmitbildfloating .ty-image[style="float: left;"] {
    padding-right: 1.875rem; }
  .ty-textmitbildfloating .ty-image[style="float: right;"] {
    padding-left: 1.875rem; }
  .ty-titelmitbutton .ty-button {
    margin-bottom: 0; } }

/* Medium only */
/* Large and up */
@media screen and (min-width: 64em) {
  .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo {
    padding-right: 2rem; }
    .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a {
      display: block; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-schweizergarde {
        max-width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-stiftung {
        max-width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-kasernenstiftung {
        max-width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-messaggero {
        max-width: 100%; }
      .ty-menu-main-container .ty-center .ty-menu-main-line .ty-logo a .ty-logo-ehemalige {
        max-width: 100%; } }

/* Large only */