/* Desktop */
	  
	  #pdf-iframe {
	      height: 800px;
	      width: 100%;
	  }
	  /* Mobile */
	  
	  @media screen and (max-width: 992px) {
	      #pdf-iframe {
	          height: 300px;
	          width: 100%;
	      }
	  }
	  
	  ul.social-buttons li a {
	      font-size: 1rem;
	  }
	  
	  .intro-text .intro-lead-in {
	      font-size: 40px;
	      font-style: italic;
	      line-height: 40px;
	      margin-bottom: 25px;
	      font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	      color: white;
	      text-align: center !important;
	  }
	  
	  .scroll a {
	      font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	      font-weight: 700;
	      color: white;
	  }
	  
	  .btn btn-primary btn-xl text-uppercase js-scroll-trigger:hover {
	      background-color: #1070b6;
	  }
	  
	  .btn-primary:hover,
	  .portfolio-hover {
	      background: #1070b6;
	  }
	  
	  #portfolio .portfolio-item .portfolio-link .portfolio-hover {
	      -webkit-transition: all ease .5s;
	      transition: all ease .5s;
	      opacity: 0;
	      background: rgba(0, 123, 255, .6);
	  }
	  /** Kleinere Monitore **/
	  
	  @media only screen and (max-width: 600px) {
	      header.masthead {
	          text-align: center;
	          color: #fff;
	          background-repeat: no-repeat;
	          background-attachment: scroll;
	          background-position: center center;
	          background-size: cover;
	          height: 600px;
	      }
	      .page-section {
	          padding-top: 20px;
	      }
	      /***Textausrichtung in der unteren Hälfte***/
	      .vertikal {
	          padding-top: 300px !important;
	      }
	  }
	  /***style map***/
	  /** .img-gradient{
            background-image:  linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5));
        }**/
	  
	  * {
	      padding: 0;
	      margin: 0;
	  }
	  
	  html,
	  body {
	      width: 100%;
	      height: 100%;
	  }
	  
	  .ol-attribution.ol-logo-only,
	  .ol-attribution.ol-uncollapsible {
	      max-width: calc(100% - 3em) !important;
	      height: 1.5em !important;
	  }
	  
	  .ol-control button,
	  .ol-attribution,
	  .ol-scale-line-inner {
	      font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif !important;
	  }
	  
	  .ol-popup {
	      font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif !important;
	      font-size: 12px;
	      position: absolute;
	      background-color: white;
	      -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	      filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	      padding: 15px;
	      border-radius: 10px;
	      border: 1px solid #cccccc;
	      bottom: 12px;
	      left: -50px;
	      min-width: 150px;
	  }
	  
	  .ol-popup:after,
	  .ol-popup:before {
	      top: 100%;
	      border: solid transparent;
	      content: " ";
	      height: 0;
	      width: 0;
	      position: absolute;
	      pointer-events: none;
	  }
	  
	  .ol-popup:after {
	      border-top-color: white;
	      border-width: 10px;
	      left: 48px;
	      margin-left: -10px;
	  }
	  
	  .ol-popup:before {
	      border-top-color: #cccccc;
	      border-width: 11px;
	      left: 48px;
	      margin-left: -11px;
	  }
	  
	  .ol-popup-closer {
	      text-decoration: none;
	      position: absolute;
	      top: 2px;
	      right: 8px;
	  }
	  
	  .ol-popup-closer:after {
	      content: "✖";
	      color: #c3c3c3;
	  }
	  
	  #popup-content {
	      text-align: center;
	      color: #000000;
	  }
	  
	  #popup-content hr {
	      border: 1px solid #1ca5f2;
	      margin: 8px 0;
	  }
	  
	  #popup-content h4 {
	      color: #000000;
	  }
	  
	  @media (min-width: 768px) {
	      #popup-closer {
	          display: none !important;
	      }
	  }
	  
	  #popup-content a,
	  #popup-content a:visited {
	      text-decoration: none;
	      color: #0f71b3;
	  }
	  
	  #popup-content a:hover {
	      color: 1ca5f2;
	  }
	  /**********offcanvas*****/
	  
	  .bg-dark {
	      background-color: #000000 !important;
	  }
	  
	  body {
	      padding-top: 56px;
	  }
	  
	  .offcanvas-collapse h4 {
	      font-size: 1rem;
	      font-weight: 400;
	      color: #000000;
	  }
	  
	  hr {
	      border-bottom: none;
	      border-right: none;
	      border-left: none;
	  }
	  
	  .no-scroll {
	      overflow: hidden;
	  }
	  
	  .offcanvas-collapse {
	      position: fixed;
	      top: 70px;
	      /* Height of navbar */
	      bottom: 0;
	      width: 100%;
	      padding-right: 1rem;
	      padding-left: 1rem;
	      overflow-y: auto;
	      background-color: rgba(0, 0, 0, 0.75);
	      /**background-image:  linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5));**/
	      transition: -webkit-transform .3s ease-in-out;
	      transition: transform .3s ease-in-out;
	      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	      -webkit-transform: translateX(100%);
	      transform: translateX(100%);
	  }
	  
	  .offcanvas-collapse.open {
	      -webkit-transform: translateX(-1rem);
	      transform: translateX(-1rem);
	      /* Account for horizontal padding on navbar */
	  }
	  
	  .nav-scroller {
	      position: relative;
	      z-index: 2;
	      height: 2.75rem;
	      overflow-y: hidden;
	  }
	  
	  .nav-scroller .nav {
	      display: -webkit-box;
	      display: -ms-flexbox;
	      display: flex;
	      -ms-flex-wrap: nowrap;
	      flex-wrap: nowrap;
	      padding-bottom: 1rem;
	      margin-top: -1px;
	      overflow-x: auto;
	      color: rgba(255, 255, 255, .75);
	      text-align: center;
	      white-space: nowrap;
	      -webkit-overflow-scrolling: touch;
	  }
	  
	  .nav-underline .nav-link {
	      padding-top: .75rem;
	      padding-bottom: .75rem;
	      font-size: .875rem;
	      color: var(--secondary);
	  }
	  
	  .nav-underline .nav-link:hover {
	      color: var(--blue);
	  }
	  
	  .nav-underline .active {
	      font-weight: 500;
	      color: var(--gray-dark);
	  }
	  
	  .text-white-50 {
	      color: rgba(255, 255, 255, .9);
	  }
	  
	  .bg-purple {
	      background-color: var(--purple);
	  }
	  
	  .border-bottom {
	      border-bottom: 1px solid #e5e5e5;
	  }
	  
	  .box-shadow {
	      box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
	  }
	  
	  .lh-100 {
	      line-height: 1;
	  }
	  
	  .lh-125 {
	      line-height: 1.25;
	  }
	  
	  .lh-150 {
	      line-height: 1.5;
	  }
	  /**********end offcanvas*****/