.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
span.eeb-nodis{display:none!important}span.eeb-rtl{unicode-bidi:bidi-override!important;direction:rtl!important;display:inline!important}span.eeb-rtl span.eeb-sd,span.eeb-nrtl span.eeb-sd{display:inline!important;padding-left:0!important}span.eeb-nrtl{word-break:break-all!important}.eeb-encoded{position:relative;margin-top:-.3em;z-index:1000;color:green}
.forminator-custom-form input,.forminator-custom-form textarea,.forminator-custom-form select,.forminator-custom-form input[type=email],.forminator-custom-form input[type=text],.forminator-custom-form .forminator-textarea,.forminator-design--flat input,.forminator-design--flat textarea,.forminator-design--flat select,.forminator-design--flat input[type=email],.forminator-design--flat input[type=text],.forminator-design--flat .forminator-textarea{background-color:hsl(from var(--bg-panel) h s 30%)!important;color:#fff!important;opacity:0.8!important}.forminator-custom-form input:focus,.forminator-custom-form input :active,.forminator-custom-form textarea:focus,.forminator-custom-form textarea :active,.forminator-custom-form select:focus,.forminator-custom-form select :active,.forminator-custom-form input[type=email]:focus,.forminator-custom-form input[type=email] :active,.forminator-custom-form input[type=text]:focus,.forminator-custom-form input[type=text] :active,.forminator-custom-form .forminator-textarea:focus,.forminator-custom-form .forminator-textarea :active,.forminator-design--flat input:focus,.forminator-design--flat input :active,.forminator-design--flat textarea:focus,.forminator-design--flat textarea :active,.forminator-design--flat select:focus,.forminator-design--flat select :active,.forminator-design--flat input[type=email]:focus,.forminator-design--flat input[type=email] :active,.forminator-design--flat input[type=text]:focus,.forminator-design--flat input[type=text] :active,.forminator-design--flat .forminator-textarea:focus,.forminator-design--flat .forminator-textarea :active{background-color:hsl(from var(--bg-panel) h s 45%)!important;opacity:1!important}
/*
Theme Name: AHP
Theme URI: https://hanser.se
Author: Anders Hanser
Author URI: https://hanserform.se
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ahp
*/
html.fancybox-active:not(.fancybox-allowscroll),html.fancybox-active:not(.fancybox-allowscroll) body{touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;overflow:hidden;}html.fancybox-active:not(.fancybox-allowscroll) body{margin-right:var(--vertical-scrollbar);margin-bottom:var(--horizontal-scrollbar);}html.fancybox-active:not(.fancybox-allowscroll) body.rtl{margin-right:0;margin-left:var(--vertical-scrollbar);}#fancybox-loading,#fancybox-loading div,#fancybox-overlay,#fancybox-wrap *,#fancybox-wrap *::before,#fancybox-wrap *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#fancybox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:111100;display:none;}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}#fancybox-wrap{position:absolute;top:0;left:0;z-index:111101;display:none;outline:none!important;}#fancybox-outer{position:relative;width:100%;height:100%;box-shadow:0 0 20px #111;-moz-box-shadow:0 0 20px #111;-webkit-box-shadow:0 0 20px #111;background:#fff;}#fancybox-content{position:relative;width:100%;height:100%;overflow:hidden;z-index:111102;border:0 solid #fff;background:#fff;background-clip:padding-box;}#fancybox-content>*{max-width:100%;max-height:100%;-webkit-overflow-scrolling:touch;}#fancybox-error{color:#444;padding:14px;margin:0;}#fancybox-frame,#fancybox-img{width:100%;height:100%;border:none;}#fancybox-img{padding:0;margin:0;line-height:0;vertical-align:top;max-width:none!important;max-height:none!important}#fancybox-frame{display:block;z-index:0}.fancy-ico{position:absolute;width:48px;height:48px;border-radius:50%;}.fancy-ico span{display:block;position:relative;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:#000;border:2px solid white;box-shadow:0 0 4px #000;transition:transform .25s ease-in-out;}#fancybox-close:hover span,#fancybox-next:hover span,body.rtl #fancybox-prev:hover span{transform:rotate(360deg);}#fancybox-prev:hover span,body.rtl #fancybox-next:hover span{transform:rotate(-360deg);}#fancybox-close{top:-24px;right:-24px;cursor:pointer;z-index:111105;display:none;}#fancybox-close span::after,#fancybox-close span::before{content:'';position:absolute;top:9px;left:4px;width:12px;height:2px;background-color:#fff;}#fancybox-close span::before{transform:rotate(45deg);}#fancybox-close span::after{transform:rotate(-45deg);}#fancybox-prev,#fancybox-next{top:50%;margin-top:-24px;cursor:pointer;z-index:111102;display:none;}#fancybox-next,body.rtl #fancybox-prev{left:auto;right:-24px;}#fancybox-prev,body.rtl #fancybox-next{left:-24px;right:auto;}#fancybox-prev span::after,#fancybox-next span::after{content:'';position:absolute;top:6px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;}#fancybox-prev span::after,body.rtl #fancybox-next span::after{transform:rotate(-135deg);left:7px;}#fancybox-next span::after,body.rtl #fancybox-prev span::after{transform:rotate(45deg);left:initial;right:7px;}#fancybox-title-wrap{z-index:111104;}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background-color:#fff;position:relative;}.fancybox-title-outside{padding-top:10px;color:#fff;font-weight:600;}.fancybox-title-over{position:absolute;width:100%;bottom:0;left:0;color:#fff;text-align:left;}body.rtl .fancybox-title-over{text-align:right}.fancybox-title-over #fancybox-title{padding:10px;background:rgba(0,0,0,.6);display:block;}.fancybox-title-float{text-align:center;}.fancybox-title-float #fancybox-title{display:table;margin:-12px auto;height:24px;padding:0 15px;line-height:20px;font-size:14px;color:#fff;background:#000;border:2px solid #fff;border-radius:12px;box-shadow:0 0 4px #000;position:relative;z-index:111104;}#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:rgba(0,0,0,.9);border-radius:5px;cursor:pointer;overflow:hidden;z-index:111104;display:none;}#fancybox-loading div{transform-origin:20px 20px;animation:fancybox-loading 1.2s linear infinite;}#fancybox-loading div::after{content:'';display:block;position:absolute;top:7px;left:19px;width:2px;height:7px;border-radius:20%;background:#fff;}#fancybox-loading div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s;}#fancybox-loading div:nth-child(2){transform:rotate(30deg);animation-delay:-1s;}#fancybox-loading div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s;}#fancybox-loading div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s;}#fancybox-loading div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s;}#fancybox-loading div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s;}#fancybox-loading div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s;}#fancybox-loading div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s;}#fancybox-loading div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s;}#fancybox-loading div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s;}#fancybox-loading div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s;}#fancybox-loading div:nth-child(12){transform:rotate(330deg);animation-delay:0s;}@keyframes fancybox-loading{0%{opacity:1}100%{opacity:0}}.fancybox-hidden{display:none;}#fancybox-content .fancybox-hidden,#fancybox-tmp .fancybox-hidden{display:revert;}
.loadMoreBtn{color:inherit}.lds-ellipsis{display:none;position:relative;width:80px;height:12px}.lds-ellipsis div{position:absolute;top:0;width:12px;height:12px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.ald-ajax-btn{min-width:160px}.ald-ajax-btn.loading .ald-btn-label{display:none}.ald-ajax-btn.loading .lds-ellipsis{display:inline-block}.ald_laser_loader{visibility:hidden;position:fixed;top:0;left:0;right:0;height:2px;background:#e1e4e8;z-index:99999;width:100%}.ald_laser_loader.show{visibility:visible}.ald_loader_progress{background:linear-gradient(to left,#230dc2,#ff9200);box-shadow:rgb(35 13 194) 0 0 10px;height:100%;position:absolute;z-index:99999;left:0;width:100%;top:0;transform:translate3d(-100%,0,0);transition:all 2s cubic-bezier(0, 0, .2, 1) 0s}
@charset "UTF-8";
/* playfair-display-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 800;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 900;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/playfair-display-v37-latin-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/open-sans/open-sans-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/open-sans/open-sans-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/open-sans/open-sans-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/open-sans/open-sans-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("https://www.hanser.se/wp-content/themes/ahp/assets/css/../fonts/open-sans/open-sans-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --bg: oklch(18.691% 0.01235 237.571);
  --bg-panel: oklch(29.205% 0.01796 262.242);
  --bg-panel-light: hsl(224, 6%, 45%);
  --navbar: hsl(226, 12%, 15%);
  --switch-color: var(--primary);
  --color-heading: #efefef;
  --color-text: rgba(255, 255, 255, 0.8);
  --color-bold: #fff;
  --primary: #589dea;
  --primary-dark: #427cbe;
  --primary-light: #92c4fd;
  --hr: #888;
  --highlight: var(--primary-light);
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline li {
  background: color-mix(in lab, var(--color-text) 50%, var(--bg) 50%);
}

.timeine-ingress {
  width: 100% !important;
}

.timeline {
  padding-top: 0 !important;
  margin-top: 0;
  scrollbar-width: none;
}
.timeline ::-webkit-scrollbar {
  display: none;
}
.timeline {
  display: grid;
  justify-content: center;
}
.timeline ul {
  background: transparent;
  padding: 0 !important;
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: var(--bg);
}
.timeline ul li::after {
  background: var(--primary) !important;
  background-size: 40% !important;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}
.timeline ul li .timeline-year {
  display: flex;
  flex-direction: column;
  width: 280px;
}
@media (min-width: 768px) {
  .timeline ul li .timeline-year {
    width: 450px;
  }
}
@media (min-width: 992px) {
  .timeline ul li .timeline-year {
    width: 350px;
  }
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year {
    width: 340px;
  }
}
@media (min-width: 1600px) {
  .timeline ul li .timeline-year {
    width: 460px;
  }
}
.timeline ul li .timeline-year .img-wrapper {
  position: relative;
  height: auto;
  min-height: 25px;
  display: flex;
  flex-direction: column;
}
.timeline ul li .timeline-year .img-wrapper .year-wrapper {
  position: relative;
  display: grid;
  z-index: 9998;
  transition: 100ms !important;
}
.timeline ul li .timeline-year .img-wrapper .year-wrapper .year {
  background-color: var(--primary);
  position: absolute;
  display: grid !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0.5rem 0.8rem 0.8rem !important;
  text-box-trim: trim-both !important;
  text-box-edge: cap alphabetic !important;
  color: #fff;
  top: -0.5rem;
  z-index: 9999;
  margin-top: -0.5rem;
  font-family: "Playfair Display", serif;
  font-weight: 800;
  font-size: 120%;
}
.timeline ul li .timeline-year .img-wrapper img {
  height: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}
.timeline ul li .timeline-year .timeline-content {
  background: var(--bg);
  padding: 2rem;
}
.timeline ul li .timeline-year .timeline-content h3 {
  color: #efefef !important;
  font-family: "Playfair Display", serif;
  margin-bottom: 1.5rem !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.025rem;
  text-align: center;
}
@media (min-width: 768px) {
  .timeline ul li .timeline-year .timeline-content h3 {
    font-size: 1.35rem !important;
  }
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year .timeline-content h3 {
    text-align: left;
    font-size: 1.5rem !important;
  }
}
.timeline ul li .timeline-year .timeline-content p {
  text-wrap: pretty !important;
  color: var(--color-text);
  display: block !important;
  margin-bottom: 0;
  font-size: 75%;
}
@media (min-width: 1200px) {
  .timeline ul li .timeline-year .timeline-content p {
    font-size: 85%;
  }
}
.timeline ul li .timeline-year .timeline-content .ahp-btn {
  background-color: color-mix(in lab, var(--primary) 40%, var(--bg-panel) 60%) !important;
  color: var(--color-text);
  padding: 0.5rem 1rem 0.65rem;
  margin-top: 1.5rem;
  font-size: 0.9rem;
}

.timeline ul li .timeline-year {
  transform: translateX(-50%);
}
.timeline ul li .year-wrapper {
  display: grid;
}
.timeline ul li .year {
  display: none;
}

@media (min-width: 992px) {
  .timeline ul li:nth-child(even) .timeline-year {
    transform: translate3d(-112%, 0, 0);
  }
  .timeline ul li:nth-child(even) .year-wrapper {
    justify-content: right;
    transform: translateX(86%) !important;
  }
}

@media (min-width: 992px) {
  .timeline ul li:nth-child(odd) .timeline-year {
    transform: translateX(14%);
  }
  .timeline ul li:nth-child(odd) .year-wrapper {
    justify-content: left;
    transform: translateX(-3%);
  }
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul li::after {
  transition: 500ms ease-in-out;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-200%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-111%, 0, 0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(200%, 0, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate3d(12%, 0, 0);
  }
}

.navtop-wrapper {
  background-color: transparent;
  display: grid;
  justify-content: right;
  width: 90% !important;
  left: 4%;
  height: 80px;
  position: fixed;
  bottom: 3% !important;
  z-index: 9999;
}
.navtop-wrapper button.scroll-top {
  border: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  scale: 0;
  background: hsl(from var(--bg-panel) h s 25%) url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Lager_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M11,23V7.8l-5.6,5.6L4,12l8-8l8,8l-1.4,1.4L13,7.8V23H11z"/></svg>') center center no-repeat;
  background-size: 1.5rem;
  opacity: 0;
}
@media (min-width: 768px) {
  .navtop-wrapper button.scroll-top {
    animation: fade linear forwards;
    animation-timeline: view();
    animation-range-start: 400px;
    animation-range-end: 600px;
  }
}

button.scroll-top {
  background-color: var(--bg-panel);
}
button.scroll-top::before {
  content: "scrolla upp";
  font-size: 0.8rem;
  font-variant: small-caps;
  margin-top: -4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
}

a button {
  background-color: var(--primary);
}

@keyframes fadebanner {
  from {
    bottom: -8rem;
  }
  to {
    bottom: 0;
  }
}
@keyframes fade {
  from {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}