@charset "UTF-8";
/* all colors */
.image {
  padding-bottom: 1.4285714286rem;
}
.image figure {
  margin: 0;
}
.image figure.center {
  text-align: center;
}
.image figure.right {
  text-align: right;
}
.image figure.full .img-fluid {
  width: 100%;
}
.image figure .img-fluid {
  width: 100%;
}
.image figure figcaption {
  margin-top: 0.8571428571rem;
}

.paragraph {
  margin-bottom: 1.4285714286rem;
}
.paragraph.topline {
  border-top: 0.2857142857rem solid #d4dbde;
  padding-top: 0.7857142857rem;
}
.paragraph header {
  margin-bottom: 1.4285714286rem;
}
.paragraph header.page-heading .heading {
  margin-bottom: 0.3571428571rem;
}
.paragraph header.page-heading .subheading {
  margin-bottom: 0.5rem;
  color: #3e7899;
  font-family: "Lato", Arial, sans-serif;
  font-size: 1.2142857143rem;
  line-height: normal;
  font-style: normal;
  font-weight: 400;
  color: #3e7899;
}
.paragraph header.section-heading .heading {
  margin-bottom: 0.3571428571rem;
  color: #22445d;
}
.paragraph header.section-heading .subheading {
  margin-bottom: 0;
  color: #707070;
  font-family: "Lato", Arial, sans-serif;
  font-size: 1.0714285714rem;
  line-height: 1.4;
  font-style: normal;
  font-weight: 700;
}
.paragraph .text > *:first-child {
  margin-top: 0;
}
.paragraph .text p {
  margin-bottom: 0.9285714286rem;
}
.paragraph .text p:last-child {
  margin-bottom: 0;
}
.paragraph .text a {
  font-weight: bold;
}

.imgbox {
  padding-bottom: 2.1428571429rem;
  min-height: 22.5rem;
}
@media (max-width: 767.98px) {
  .imgbox {
    min-height: 0;
  }
}
.imgbox.linked .link {
  position: relative;
  width: 100%;
  margin: 0 15px;
}
@media (max-width: 767.98px) {
  .imgbox.linked .link {
    flex-wrap: wrap;
  }
}
.imgbox.linked .link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.7s;
}
.imgbox.linked .link:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.imgbox.linked .link .link-marker {
  position: absolute;
  top: 50%;
  right: 0.3571428571rem;
  width: 0;
  height: 0;
  border-top: 0.7142857143rem solid transparent;
  border-bottom: 0.7142857143rem solid transparent;
  border-left: 0.7142857143rem solid white;
  transform: translateY(-50%);
}
.imgbox.linked .link .image, .imgbox.linked .link .content {
  padding: 0;
}
.imgbox .image {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .imgbox .image {
    padding-right: 0;
  }
}
.imgbox .image .wrapper {
  height: 22.5rem;
  background-color: #103b68;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .imgbox .image .wrapper {
    height: 19.6428571429rem;
  }
}
@media (max-width: 575.98px) {
  .imgbox .image .wrapper {
    height: 10.3571428571rem;
  }
}
@media (min-width: 992px) {
  .imgbox .content {
    padding-left: 0;
  }
}
.imgbox .content .wrapper {
  padding: 1.4285714286rem;
  color: white;
  background-color: #103b68;
}
.imgbox .content .wrapper header {
  margin-bottom: 1.2857142857rem;
}
.imgbox .content .wrapper header .heading {
  margin-bottom: 0.2142857143rem;
  color: white;
  font-size: 1.4285714286rem;
}
.imgbox .content .wrapper header .subheading {
  color: #b3d1db;
  font-size: 1.4285714286rem;
}
.imgbox .content .wrapper .text p:last-child {
  margin-bottom: 0;
}

.overview-box.grey .image, .overview-box.blue .image {
  padding: 0;
}
.overview-box.grey .content, .overview-box.blue .content {
  padding: 1.4285714286rem 1.0714285714rem 1.0714285714rem;
}
.overview-box.grey .content .heading, .overview-box.blue .content .heading {
  color: #002744;
  font-size: 1.4285714286rem;
  line-height: 1.25;
}
.overview-box.grey .content .text a, .overview-box.blue .content .text a {
  font-weight: bold;
}
.overview-box.grey .content .text p:last-child, .overview-box.blue .content .text p:last-child {
  margin-bottom: 0;
}
.overview-box.grey {
  background-color: #e6eaed;
}
.overview-box.grey.bordered .image {
  padding: 0.8571428571rem;
}
.overview-box.grey.info {
  background-color: #a2a5aa;
  border-bottom: 42px solid white;
}
.overview-box.grey.info .heading {
  max-width: 25rem;
  margin: -1.4285714286rem -1.0714285714rem 0 -1.0714285714rem;
  padding: 0.5714285714rem 0.7142857143rem 0.5714285714rem 0;
  font-size: 1.2857142857rem;
  color: #103b68;
  background-color: #e6eaed;
  border-left: 0.7142857143rem solid #e6eaed;
  border-top: none;
  border-right: none;
  border-bottom: 0.7142857143rem solid #a2a5aa;
}
@media (max-width: 575.98px) {
  .overview-box.grey.info .heading {
    max-width: none;
  }
}
.overview-box.grey.info .content {
  position: relative;
  padding-bottom: 2.8571428571rem;
  color: white !important;
  font-size: 1.0714285714rem;
  line-height: 1.7142857143rem;
  border-bottom: 1px solid #dcdddf;
  z-index: 0;
}
.overview-box.grey.info .content ul {
  margin-left: 0.7142857143rem;
  list-style: none;
}
.overview-box.grey.info .content ul li::before {
  content: "\f0da";
  display: inline-block;
  padding-right: 0.7142857143rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.overview-box.grey.info .content ul li:hover::before, .overview-box.grey.info .content ul li:active::before {
  color: #d2d2d2;
}
.overview-box.grey.info .content a {
  color: white;
  font-weight: 400;
}
.overview-box.grey.info .content a:hover, .overview-box.grey.info .content a:focus {
  color: #d2d2d2;
}
.overview-box.grey.info .content::after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: -44px;
  height: 10.7142857143rem;
  width: 10.7142857143rem;
  background-image: url("/typo3conf/ext/mathematikum_distribution/Resources/Public/Images/graue_box.png");
  background-position: bottom right;
  z-index: -1;
}
.overview-box.glass {
  height: 20.7142857143rem;
  padding-bottom: 2.1428571429rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .overview-box.glass {
    height: 25rem;
  }
}
@media (max-width: 575.98px) {
  .overview-box.glass {
    height: 18.9285714286rem;
  }
}
.overview-box.glass .wrapper {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.overview-box.glass .wrapper .content {
  height: 50%;
  padding: 1.4285714286rem 1.0714285714rem;
  background-color: rgba(255, 255, 255, 0.875);
  overflow: hidden;
  z-index: 1;
}
.overview-box.glass .wrapper .content .heading {
  margin-bottom: 1.1428571429rem;
  color: #103b68;
}
.overview-box.glass .wrapper .content .text {
  color: #103b68;
}
.overview-box.glass .wrapper .content-bg {
  position: absolute;
  height: 8.5714285714rem;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: bottom;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  z-index: 0;
}
.overview-box.glass .wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.7s;
}
.overview-box.glass .wrapper:hover .overlay {
  opacity: 0.15;
}

.downloadbox {
  margin-bottom: 1.7857142857rem;
}
.downloadbox .image {
  height: 17.8571428571rem;
  padding: 0;
  background-color: #d2d2d2;
}
.downloadbox .image a {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.downloadbox .content .heading {
  margin: 0.7142857143rem 0 0;
  color: black;
}
.downloadbox .content .description {
  margin: 0;
}
.downloadbox .content a {
  color: #d13e3e;
}
.downloadbox .content a::before {
  content: "»";
  margin-right: 0.2142857143rem;
}
.downloadbox .content a:hover, .downloadbox .content a:focus {
  text-decoration: underline;
}
.downloadbox.compact {
  position: relative;
  margin-bottom: 0.7142857143rem;
  padding: 1.4285714286rem 0.7142857143rem;
}
.downloadbox.compact .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.0714285714rem;
  right: 1.0714285714rem;
  background-color: #dfe7ea;
}
.downloadbox.compact .image {
  height: auto;
  background-color: transparent;
}
.downloadbox.compact .image img {
  background-color: white;
}
@media (max-width: 575.98px) {
  .downloadbox.compact .content {
    padding: 1.4285714286rem 0 0;
  }
}
.downloadbox.compact .content .heading {
  margin: 0;
  color: #707070;
  font-weight: bold;
}
.downloadbox.compact .content a {
  font-weight: bold;
  color: #3e7899;
  text-decoration: none !important;
}
.downloadbox.compact .content a::before {
  display: none;
}

.linkbox {
  position: relative;
  height: auto;
  min-height: 8.5714285714rem;
  margin: 0 0 0.7142857143rem 0;
  background-color: #f5f5f5;
}
.linkbox a {
  display: flex;
  height: inherit;
}
@media (max-width: 575.98px) {
  .linkbox a {
    display: block;
  }
}
.linkbox div[class^=col-]:first-child {
  padding-left: 0;
}
@media (max-width: 575.98px) {
  .linkbox div[class^=col-]:first-child {
    padding-right: 0;
  }
}
.linkbox div[class^=col-]:last-child {
  padding-right: 0;
}
@media (max-width: 575.98px) {
  .linkbox div[class^=col-]:last-child {
    padding-left: 0;
  }
}
.linkbox .image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
@media (max-width: 575.98px) {
  .linkbox .image {
    height: 8.5714285714rem;
  }
}
.linkbox .content {
  padding: 1.0714285714rem 4.2857142857rem 0 0;
}
.linkbox .content .title {
  margin-bottom: 0.7142857143rem;
  font-size: 1.2857142857rem;
  color: #103b68;
}
.linkbox .content .text {
  color: #707070;
}
.linkbox i.arrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3.2142857143rem;
  background-color: #ebebeb;
  background-image: url("/typo3conf/ext/mathematikum_distribution/Resources/Public/Images/arrow-right.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.linkbox .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: transparent;
  transition: background-color 1s;
}
.linkbox:hover .overlay {
  background-color: rgba(0, 0, 0, 0.2);
}

.booking-btn {
  padding: 0.5714285714rem 1.1428571429rem 0.4285714286rem;
  font-weight: bold;
  background-color: #d13e3e;
  border-color: #d13e3e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.booking-btn:hover {
  background-color: #d13e3e !important;
  border-color: #d13e3e !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  outline: none !important;
}
.booking-btn:focus, .booking-btn:active {
  background-color: #d13e3e !important;
  border-color: #d13e3e !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  outline: none !important;
}
.booking-btn i {
  margin-right: 1.1428571429rem;
  font-size: 1.5rem;
}
.booking-btn span {
  line-height: 1;
}

.tx-ws-flexslider .flexslider {
  margin: 0;
  border: none;
}
.tx-ws-flexslider .flexslider .flex-direction-nav li a {
  width: 5.3571428571rem;
  height: 5.3571428571rem;
  margin: -2.6785714286rem 0 0;
  color: transparent;
  text-shadow: none;
}
.tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-prev {
  left: 10%;
  background: url("../images/slider-prev.png") no-repeat center transparent;
}
@media screen and (max-width: 860px) {
  .tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-prev {
    opacity: 0;
  }
}
.tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-prev:before {
  content: "";
}
.tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-next {
  right: 10%;
  background: url("../images/slider-next.png") no-repeat center transparent;
}
@media screen and (max-width: 860px) {
  .tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-next {
    opacity: 0;
  }
}
.tx-ws-flexslider .flexslider .flex-direction-nav li a.flex-next:before {
  content: "";
}

/*# sourceMappingURL=mask.css.map */