/*!
* MAIN CSS FOR GREPPA RÅDGIVNING
* Consid 2018
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
body {
   overflow-x: hidden;
   margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   display: block;
}
audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline;
}
audio:not([controls]) {
   display: none;
   height: 0;
}
[hidden],
template {
   display: none;
}
a {
   background-color: transparent;
}
a:active,
a:hover {
   outline: 0;
}
abbr[title] {
   border-bottom: 1px dotted;
}
b,
strong {
   font-weight: bold;
}
dfn {
   font-style: italic;
}
h1 {
   font-size: 2em;
   margin: 0.67em 0;
}
mark {
   background: #ff0;
   color: #000;
}
small {
   font-size: 80%;
}
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}
sup {
   top: -0.5em;
}
sub {
   bottom: -0.25em;
}
img {
   border: 0;
}
svg:not(:root) {
   overflow: hidden;
}
figure {
   margin: 1em 40px;
}
hr {
   box-sizing: content-box;
   height: 0;
}
pre {
   overflow: auto;
}
code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}
button {
   overflow: visible;
}
button,
select {
   text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}
button[disabled],
html input[disabled] {
   cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}
input {
   line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   height: auto;
}
input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}
fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
}
legend {
   border: 0;
   padding: 0;
}
textarea {
   overflow: auto;
}
optgroup {
   font-weight: bold;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
td,
th {
   padding: 0;
}
* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*:before,
*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img,
svg {
   vertical-align: middle;
}
.greppa-img-responsive img {
   display: block;
   max-width: 100%;
   height: auto;
}
.greppa-img-circle img {
   border-radius: 50%;
   /*set radius in percents*/
}
input,
textarea,
button,
select,
a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4 {
   margin: 0 0 0 0;
}
h1,
h2,
h3,
h4 {
   /* These are technically the same, but use both */
   overflow-wrap: break-word;
   word-wrap: break-word;
   /* Adds a hyphen where the word breaks, if supported (No Blink) */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
.sv-portlet p,
p {
   margin: 0 0 0 0;
}
ul.normal {
   padding-left: 1em;
   margin-left: 1em;
   margin-bottom: 1.875em;
}
ul.normal li {
   padding-left: 0.4em;
   margin-bottom: 0.313em;
}
ol.normal {
   padding-left: 1em;
   margin-left: 1em;
   margin-bottom: 1.875em;
}
ol.normal li {
   padding-left: 0.4em;
   margin-bottom: 0.313em;
}
ul.greppa-list-style-checkbox-blue {
   padding-left: 0;
}
ul.greppa-list-style-checkbox-blue li {
   position: relative;
   list-style: none;
}
ul.greppa-list-style-checkbox-blue li::before {
   content: "\f00c";
   font: normal normal normal 1em FontAwesome;
   position: absolute;
   left: -1em;
   top: 0.2em;
   color: #005c84;
}
ul.greppa-list-style-arrow-blue {
   padding-left: 0;
}
ul.greppa-list-style-arrow-blue li {
   position: relative;
   list-style: none;
}
ul.greppa-list-style-arrow-blue li::before {
   content: "\f105";
   font: normal normal normal 1.2em FontAwesome;
   position: absolute;
   left: -0.7em;
   color: #005c84;
   font-weight: bold;
}
.greppa-decoration-alert-box ul.greppa-list-style-checkbox-blue li::before,
.greppa-decoration-alert-box ul.greppa-list-style-arrow-blue li::before {
   color: #fff;
}
.greppa-list-unstyled {
   list-style: outside none none;
   padding-left: 0;
}
blockquote.sv-blockquote:lang(sv)::before,
blockquote.sv-blockquote-edit:lang(sv)::before {
   content: "“" !important;
   position: absolute;
   background: none;
   width: 30px;
   height: 25px;
   left: 0;
   color: #fff;
   font-size: 2.5em;
   font-family: "Times New Roman", Times, serif;
   background: none !important;
}
.sv-blockquote .normal,
.sv-blockquote-edit .normal {
   position: relative;
   margin-left: 2em;
}
.greppa-set-font-color_white *,
.greppa-set-font-color_white a.normal,
.greppa-set-font-color_white a:link,
.greppa-set-font-color_white a:visited {
   color: #fff !important;
}
body {
   background-color: #1A4152;
}
.greppa-bg-circles {
   background-image: url("/images/18.2751f9aa160b69635e551ef/1517305076546/circles-1586x1968.svg");
   background-repeat: no-repeat;
   background-position: center top;
   background-size: 75%;
}
.greppa-left-column-content,
.sv-grid-12-columns.sv-fixed-fluid-grid .greppa-left-column-content,
.sv-fixed-fluid-grid.sv-grid-12-columns .greppa-left-column-content {
   /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 992px) {
   .greppa-left-column-content,
   .sv-grid-12-columns.sv-fixed-fluid-grid .greppa-left-column-content,
   .sv-fixed-fluid-grid.sv-grid-12-columns .greppa-left-column-content {
      display: inline;
   }
}
.greppa-right-column-content,
.sv-grid-12-columns.sv-fixed-fluid-grid .greppa-right-column-content,
.sv-fixed-fluid-grid.sv-grid-12-columns .greppa-right-column-content {
   float: left;
   margin-left: 0;
   width: 100%;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 992px) {
   .greppa-right-column-content,
   .sv-grid-12-columns.sv-fixed-fluid-grid .greppa-right-column-content,
   .sv-fixed-fluid-grid.sv-grid-12-columns .greppa-right-column-content {
      float: right;
      width: 74.34210526%;
      margin-left: 2.63157895%;
      padding-left: 1.875em;
   }
}
.sv-grid-12-columns {
   padding: 0 1.5em;
}
.greppa-column-border-right {
   position: relative;
}
.greppa-column-border-right .pagecontent:after,
.greppa-column-border-right > div:after {
   /* Small devices (tablets, 768px and up) */
}
@media (min-width: 768px) {
   .greppa-column-border-right .pagecontent:after,
   .greppa-column-border-right > div:after {
      content: '';
      width: 0px;
      height: 100%;
      position: absolute;
      border-right: 1px solid #4a4a4a;
      top: 0;
      right: 0;
      margin-right: -0.96em;
   }
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
table {
   margin-bottom: 1.5em;
}
.sv-text-portlet table.sv-standard caption {
   color: #4a4a4a;
   font-size: 1em;
}
[role="button"] {
   cursor: pointer;
}
.greppa-btn {
   display: inline-block;
   margin-bottom: 0;
   /*For input.btn*/
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   /*Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
   border: 1px solid transparent;
   white-space: nowrap;
   font-family: "Plus Jakarta Sans";
   font-size: 1em;
   line-height: 1.375;
   padding: 6px 12px;
   text-decoration: none;
   box-sizing: border-box;
   border-radius: 3px;
}
.greppa-btn-red {
   color: #fff;
   background: linear-gradient(186.13deg, #a71930 0%, #821023 100%);
}
.greppa-btn-blue {
   color: #fff;
   background: linear-gradient(187.54deg, #0b6b94 0%, #005c84 100%);
}
.greppa-btn-block {
   display: block;
   width: 100%;
}
.checkbox-button {
   font-family: FontAwesome;
   font-size: 21px;
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   cursor: pointer;
   vertical-align: bottom;
}
.checkbox-button .fa-fw {
   position: relative;
   top: 2px;
}


html:not(.sv-template-startsida) .gre-main {
   padding: 1.5rem 0;
}

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
.greppa-panel-white-with-padding {
   background-color: #fff;
   padding: 1.5em;
   margin-bottom: 1.5em;
}
.sv-decoration-img-circle img {
   border-radius: 50%;
   /*set radius in percents*/
}
.greppa-decoration-information-box {
   background-color: #ededed;
   padding: 2em;
}
.greppa-decoration-alert-box {
   background-color: #a71930;
   padding: 2em;
   color: #fff;
}
.greppa-decoration-alert-box .subheading,
.greppa-decoration-alert-box .subheading3,
.greppa-decoration-alert-box .normal {
   color: inherit;
}
.greppa-decoration-information-box .greppa-icon-decoration,
.greppa-decoration-alert-box .greppa-icon-decoration {
   font-size: 220%;
   position: absolute;
}
.greppa-decoration-information-box .subheading:first-child::before,
.greppa-decoration-alert-box .subheading:first-child::before {
   content: "\f05a";
   font: normal normal normal 1.2em FontAwesome;
   margin-right: 0.3em;
}
.greppa-decoration-information-box .sv-use-margins .subheading:first-child,
.greppa-decoration-alert-box .sv-use-margins .subheading:first-child,
.greppa-decoration-information-box .sv-old-text-portlet .subheading.sv-first-child,
.greppa-decoration-alert-box .sv-old-text-portlet .subheading.sv-first-child,
.greppa-decoration-information-box .sv-use-margins h2:first-child,
.greppa-decoration-alert-box .sv-use-margins h2:first-child,
.greppa-decoration-information-box .sv-old-text-portlet h2.sv-first-child,
.greppa-decoration-alert-box .sv-old-text-portlet h2.sv-first-child {
   margin-top: -0.2em;
}
.greppa-decoration-information-box .subheading3:first-child::before,
.greppa-decoration-alert-box .subheading3:first-child::before {
   content: "\f05a";
   font: normal normal normal 1.2em FontAwesome;
   margin-right: 0.3em;
}
.sv-font-m-lank-visa-alla {
   padding-left: 1.5em;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.sv-font-m-lank-visa-alla a::before {
   font-family: "FontAwesome";
   content: "\f105";
   display: inline-block;
   text-decoration: none;
   font-size: 1.33333333em;
   line-height: 0.75em;
   vertical-align: -15%;
   padding-right: 0.3em;
}
.sv-font-m-lank-visa-alla-extern {
   padding-left: 1.5em;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.sv-font-m-lank-visa-alla-extern a::before,
.sv-font-m-lank-visa-alla-extern a::after {
   font-family: "FontAwesome";
   display: inline-block;
   text-decoration: none;
}
.sv-font-m-lank-visa-alla-extern a::before {
   content: "\f105";
   padding-right: 0.3em;
   font-size: 1.33333333em;
   line-height: 0.75em;
   vertical-align: -15%;
}
.sv-font-m-lank-visa-alla-extern a::after {
   content: "\f08e";
   padding-left: 0.3em;
}
.sv-font-m-sidfot-text strong,
.sv-font-m-sidfot-text strong * {
   font-weight: normal!important;
}
.sv-font-button-red-lg {
   margin: 0 0 1.5em 0;
}
.sv-font-button-red-lg a {
   box-sizing: border-box;
   margin-bottom: 0;
   /*For input.btn*/
   display: inline-block;
   line-height: 1.375;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   font-size: 1em;
   background: #92303b;
   border: 1px solid transparent;
   border-radius: 3px;
   color: #fff !important;
   padding: 12px 18px;
}
.sv-font-button-red-lg a:hover {
   text-decoration: none;
}
p.sv-font-button-blue,
.sv-font-button-blue {
   margin: 0 0 1.5em 0;
   box-sizing: border-box;
   margin-bottom: 0;
   /*For input.btn*/
   display: inline-block;
   line-height: 1.375;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   white-space: nowrap;
   font-size: 1em;
   background: linear-gradient(187.54deg, #0B6B94 0%, #005C84 100%);
   border: 1px solid transparent;
   border-radius: 3px;
   color: #fff;
   padding: 6px 12px;
}
p.sv-font-button-blue:hover,
.sv-font-button-blue:hover {
   text-decoration: none;
}
.sv-font-button-login-gnw-admin {
   margin: 0 0 1.5em 0;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.sv-font-button-login-gnw-admin a {
   box-sizing: border-box;
   margin-bottom: 0;
   /*For input.btn*/
   display: block;
   width: 100%;
   line-height: 1.375;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   white-space: nowrap;
   font-size: 1em;
   background: linear-gradient(180deg, #A71930 0%, #921025 100%);
   border: 1px solid transparent;
   border-radius: 3px;
   color: #fff;
   padding: 12px 18px;
}
.sv-font-button-login-gnw-admin a:hover {
   text-decoration: none;
}
@media (min-width: 768px) {
   .sv-font-button-login-gnw-admin a {
      width: 75%;
   }
}
@media (min-width: 992px) {
   .sv-font-button-login-gnw-admin a {
      width: 50%;
   }
}
.pagecontent .sv-image-portlet .sv-portlet-image-caption {
   background-color: #fff;
   padding: 1em 2em 0 2em;
   margin-bottom: -1em;
   font-size: 0.875em;
   color: #4a4a4a;
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
.greppa-logotype {
   display: block;
   max-width: 220px;
}
.greppa-logotype-mobile {
   display: flex;
   justify-content: center;
}
.greppa-logotype-mobile img {
   display: block;
   max-width: 160px;
   height: auto;
}
/*
.greppa-mobile__logotyp {
img {
height: 50px;
padding: 5px 0 10px 0;
}
}
*/
.greppa-header {
   background-color: #fff;
   position: relative;
   z-index: 1000;
}

.greppa-header-search-box {
   border-radius: 4px;
   background-color: rgba(0, 57, 93, 0.16);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   min-width: 225px;
   min-height: 32px;
}
.greppa-header-search-box .greppa-search-field {
   display: inline-block;
   padding: 6px 12px 6px 12px;
   font-size: 1em;
   line-height: 1.375;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   outline: 0;
}
.greppa-header-search-box .greppa-btn-search {
   display: inline-block;
   margin-bottom: 0;
   /*For input.btn*/
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   /*Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
   background-color: transparent;
   border: 1px solid transparent;
   white-space: nowrap;
   font-size: 1em;
   padding: 4px 12px;
   text-decoration: none;
   box-sizing: border-box;
   color: #005c84;
}

.greppa-header .gre-top-button {
   min-height: 2.2rem;
   line-height: 1.2rem;
   gap: 8px;
}

footer.greppa-footer {
   position: relative;
   background-color: #712330;
}
footer.greppa-footer > div:nth-child(2) {
   background-image: url(/images/18.1241f02f19a54e0427919/1762361063694/RGB_Niva-2_var2_Pattern_Rod-mellan.svg);
   background-size: contain;
   background-position: right;
   background-repeat: no-repeat;
   padding: 4rem 2rem;
}

footer .greppa-logotype-footer {
   text-align: center;
   margin-top: 1em;
}
footer .greppa-logotype-footer a {
   display: inline-block;
}
footer .greppa-logotype-footer img {
   width: 163px;
   height: auto;
}
footer .gre-page-footer__bottom {
   /*padding: 1rem 1rem 3rem 1rem;*/
   padding: 2rem 1rem 2rem 1rem;
}
footer .gre-page-footer__bottom .sv-font-m-sidfot-text-liten {
   color: #4a4a4a;
   font-size: 0.9em;
   line-height: 1.5;
   margin: 1rem 0 1.5rem 0 !important;
}
/* Footer partner block (2024)
---------------------------------------------------------------------------- */
.gre-partner-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   column-gap: 1.5rem;
   row-gap: 1rem;
   margin-top: 1.5rem;
}
@media (min-width: 768px) {
   .gre-partner-block {
      column-gap: 2rem;
      row-gap: 2rem;
      margin-top: 0;
   }
}
@media (min-width: 992px) {
   .gre-partner-block {
      column-gap: 3rem;
      row-gap: 3rem;
      margin-top: 0;
   }
}
.gre-partner-block a.gre-partner__logo {
   text-decoration: none;
   display: inline-block;
}
.gre-partner-block .gre-partner__logo img {
   /*
   max-height: 60px;
   max-width: 60px;
   padding: 0.5em 1em;
   */
   height: 100%;
   width: 100%;
   max-height: 70px;
   max-width: 70px;
}
.gre-partner-block .gre-partner__logo.gre-partner__jordbruksverket img {
   max-width: 70px;
}
.gre-partner-block .gre-partner__logo.gre-partner__lrf img {
   max-width: 60px;
   max-height: 60px;
}
.gre-partner-block .gre-partner__logo.gre-partner__lansstyrelserna img {
   max-width: 110px;
   max-height: 110px;
}
.gre-partner-block .gre-partner__logo.gre-partner__eu img {
   max-width: 130px;
   max-height: 130px;
}
@media (min-width: 768px) {
   .gre-partner-block .gre-partner__logo img {
      height: 100%;
      width: 100%;
      /*max-width: 70px;
      max-height: 70px;*/
   }
   .gre-partner-block .gre-partner__logo.gre-partner__jordbruksverket img {
      max-width: 80px;
      max-height: 80px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__lrf img {
      max-width: 60px;
      max-height: 60px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__lansstyrelserna img {
      max-width: 120px;
      max-height: 120px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__eu img {
      max-width: 130px;
      max-height: 130px;
   }
}
@media (min-width: 992px) {
   .gre-partner-block .gre-partner__logo img {
      /*
      max-height: 60px;
      max-width: 60px;
      padding: 0.5em 1em;
      */
      height: 100%;
      width: 100%;
      /*max-width: 70px;
      max-height: 70px;*/
   }
   .gre-partner-block .gre-partner__logo.gre-partner__jordbruksverket img {
      max-width: 80px;
      max-height: 80px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__lrf img {
      max-width: 70px;
      max-height: 70px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__lansstyrelserna img {
      max-width: 130px;
      max-height: 130px;
   }
   .gre-partner-block .gre-partner__logo.gre-partner__eu img {
      max-width: 140px;
      max-height: 140px;
   }
}
.greppa-main-menu {
   padding: 0;
   margin: 0 0 0 0;
   list-style: none;
   text-align: right;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-main-menu li {
   margin-right: 15px;
   display: inline-block;
}
.greppa-main-menu li:last-child {
   margin-right: 0;
}
.greppa-main-menu li a {
   display: inline-block;
   text-decoration: none;
   padding: 5px 0;
   border-bottom: 2px solid transparent;
}
.greppa-main-menu li a:hover {
   text-decoration: none;
   border-bottom-color: #A71930;
}
.greppa-main-menu li.active a {
   border-bottom-color: #A71930;
}
.greppa-mobile-navbar {
   background: #005C84;
   padding: 0.5em 1.5em;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-mobile-navbar .fa-lg {
   font-size: 1.5em;
   line-height: 0.75em;
   vertical-align: -15%;
}
.greppa-mobile-navbar .greppa-btn {
   color: #fff;
   background-color: transparent;
   border-color: transparent;
   border-radius: 0;
   padding: 0.5em;
}
.greppa-mobile-navbar .greppa-btn:active {
   outline: none;
}
.greppa-mobile-navbar .greppa-btn-toggle-mobile-menu-panel {
   margin-left: -0.5em;
}
.greppa-mobile-navbar .greppa-btn-toggle-mobile-menu-panel .fa-lg {
   font-size: 1.7em;
   line-height: 0.5em;
   vertical-align: -25%;
}
.greppa-mobile-navbar .greppa-btn-gnw-adm {
   margin-right: 0.5em;
}
.greppa-mobile-navbar .greppa-btn-gnw-adm .fa-lg {
   margin-right: 0.2em;
}
.greppa-mobile-navbar .greppa-btn-toggle-search-bar {
   margin-right: -0.5em;
}
.greppa-mobile-menu-panel {
   position: fixed;
   top: 0;
   left: -100%;
   float: right;
   z-index: 999;
   background: #005C84;
   color: #fff;
   padding: 0;
   margin: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: ease-in-out 0.2s;
   -moz-transition: ease-in-out 0.2s;
   -o-transition: ease-in-out 0.2s;
   transition: ease-in-out 0.2s;
   overflow-y: auto;
   overflow-x: hidden;
   visibility: hidden;
}
.greppa-mobile-menu-panel.active {
   left: 0;
   visibility: visible;
}
.greppa-mobile-menu-panel .greppa-mobile-menu-panel-header {
   background-color: #005C84;
   padding: 0.5em 1.5em;
}
.greppa-mobile-menu-panel .greppa-mobile-menu-panel-header .greppa-btn {
   color: #fff;
   background-color: transparent;
   border-color: transparent;
   border-radius: 0;
   padding: 0.5em;
}
.greppa-mobile-menu-panel .greppa-mobile-menu-panel-header .greppa-btn:active {
   outline: none;
}
.greppa-mobile-menu-panel .greppa-mobile-menu-panel-header .greppa-btn-close-mobile-menu-panel {
   margin-left: -0.5em;
}
.greppa-mobile-menu-panel .greppa-mobile-menu-panel-header .greppa-btn-close-mobile-menu-panel .fa-lg {
   font-size: 1.333em;
   line-height: 0.75em;
   vertical-align: -9%;
   margin-right: 0.2em;
}
.greppa-mobile-menu-panel > ul {
   border-bottom: 1px solid #c0c0c0;
}
.greppa-mobile-menu-panel ul {
   padding: 0;
   margin: 0;
}
.greppa-mobile-menu-panel ul li {
   box-sizing: border-box;
   list-style: none;
   width: 100%;
   border-top: 1px solid #c0c0c0;
   /*
   &.active {
   > .toggle:before {
   content: "\f068";
}
}
   */
}
.greppa-mobile-menu-panel ul li .mobile-menu-item {
   display: flex;
}
.greppa-mobile-menu-panel ul li a {
   flex: 1;
   -webkit-transition: 0.25s ease;
   -moz-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
   text-decoration: none;
   padding: 12px 40px 12px 24px;
}
.greppa-mobile-menu-panel ul li a:hover {
   text-decoration: underline;
   text-underline-position: under;
}
.greppa-mobile-menu-panel ul li.currentpage > a {
   text-decoration: underline;
   text-underline-position: under;
}
.greppa-mobile-menu-panel ul li .toggle {
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9;
   cursor: pointer;
   text-align: center;
   width: 4em;
   height: 47px;
   padding: 0;
   background: none;
}
.greppa-mobile-menu-panel ul li .toggle:before {
   font-family: "FontAwesome";
   content: "\f067";
   font-size: 1em;
}
.greppa-mobile-menu-panel ul li.active > .mobile-menu-item .toggle:before {
   content: "\f068";
}
.greppa-mobile-menu-panel ul li ul {
   display: none;
   padding: 0;
   margin: 0;
}
.greppa-mobile-menu-panel ul li ul.active {
   display: block;
}
.greppa-mobile-menu-panel ul li {
   color: #fff;
   /*
   &:last-child > a {
   border-bottom: 1px solid @grayscale-light-gray;
}
   */
   /*
   &:hover {
   color: #fff;
}
   */
   /*
   > a {
   color: #fff;
   background-color: @decor-dark-blue;
}
   */
}
.greppa-mobile-menu-panel ul li > .mobile-menu-item a {
   color: #fff;
}
.greppa-mobile-menu-panel ul li > .toggle {
   color: #fff;
}
.greppa-mobile-menu-panel ul li.active > a {
   background-color: #005C84;
}
.greppa-mobile-menu-panel ul li.active > ul {
   display: block;
}
.greppa-mobile-menu-panel ul li.active > .toggle {
   color: #fff;
}
.greppa-mobile-menu-panel ul li ul {
   background: #eee;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li {
   color: #4a4a4a;
   /*
   > a {
   //background: @mobile-menu-bg-light-gray;
   color: @text-color;
   padding-left: 32px;
}
   */
}
.greppa-mobile-menu-panel ul li ul li > .mobile-menu-item a {
   color: #4a4a4a;
   padding-left: 32px;
}
.greppa-mobile-menu-panel ul li ul li > .toggle {
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li.active > a {
   background: #eee;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li.active > .toggle {
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul {
   background: #eee;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li {
   color: #4a4a4a;
   /*
   > a {
   //background: @mobile-menu-bg-light-gray;
   //color: @text-color;
   padding-left: 40px;
}
   */
}
.greppa-mobile-menu-panel ul li ul li ul li > .mobile-menu-item a {
   color: #4a4a4a;
   padding-left: 40px;
}
.greppa-mobile-menu-panel ul li ul li ul li > .toggle {
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li.active > a {
   background: #eee;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li.active > .toggle {
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li ul {
   background: #fff;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li {
   color: #4a4a4a;
   border-top-color: #fff;
   /*
   > a {
   //background: #fff;
   //color: @text-color;
   padding-left: 48px;

   &:before {
   font-family: "FontAwesome";
   content: "\f068";
   font-size: 0.5em;
   margin-right: 1.0em;
   line-height: 1.5em;
   vertical-align: 15%;
   display: inline-block;
}
}
   */
}
.greppa-mobile-menu-panel ul li ul li ul li ul li > .mobile-menu-item a {
   color: #4a4a4a;
   padding-left: 48px;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li > .mobile-menu-item a:before {
   font-family: "FontAwesome";
   content: "\f068";
   font-size: 0.5em;
   margin-right: 1em;
   line-height: 1.5em;
   vertical-align: 15%;
   display: inline-block;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li.currentpage > a:before {
   display: inline-block;
   text-decoration: none;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li > .toggle {
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li.active > a {
   background: #fff;
   color: #4a4a4a;
}
.greppa-mobile-menu-panel ul li ul li ul li ul li.active > .toggle {
   color: #4a4a4a;
}
.greppa-search-bar {
   z-index: 2000;
   width: 100%;
   background-color: #005C84;
   padding: 0.25em 1.5em 1em;
   display: none;
}
.greppa-search-bar .greppa-header-search-box {
   border-radius: 4px;
   background-color: #eee;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   min-width: 225px;
   min-height: 32px;
}
.greppa-search-bar .greppa-header-search-box .greppa-search-field {
   width: calc(100% - 3.3em);
}
.greppa-search-bar .greppa-header-search-box .greppa-btn-search .fa-search {
   font-size: 1.33333333em;
   line-height: 0.75em;
   vertical-align: -15%;
}
.greppa-breadcrumbs {
   display: block;
   padding: 0;
   margin: 0 0 1em 0;
   list-style: none;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-breadcrumbs > li {
   display: inline;
   line-height: 1.3;
}
.greppa-breadcrumbs > li + li:before {
   font-family: "FontAwesome";
   content: "\f105";
   padding: 0 0.417em;
   line-height: 1.3;
}
.greppa-breadcrumbs a {
   background-color: transparent;
   text-decoration: none;
}
.greppa-breadcrumbs a:hover {
   text-decoration: underline;
}
.greppa-sub-menu {
   list-style: none;
   line-height: 1.3;
   padding: 0;
   margin: 1em 0 1.5em 0;
   font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 1em;
}
.greppa-sub-menu:before {
   content: "";
   display: block;
   height: 6px;
   width: 40px;
   background: #4a4a4a;
   margin-bottom: 2px;
}
.greppa-sub-menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1.3;
}
.greppa-sub-menu > li {
   border-top: 1px solid transparent;
   border-bottom: 1px solid #4a4a4a;
}
.greppa-sub-menu > li a {
   display: block;
   text-decoration: none;
   line-height: 1.3;
   padding: 12px 0 12px;
}
.greppa-sub-menu > li a.active,
.greppa-sub-menu > li a.expanded {
   font-weight: bold;
}
.greppa-sub-menu > li li a {
   line-height: 1.3;
   padding: 6px 0 6px 18px;
   text-decoration: none;
   color: #4a4a4a;
}
.greppa-sub-menu > li li a::before {
   content: "-";
   margin-left: -13px;
   padding-right: 8px;
}
.greppa-sub-menu > li li:first-child a {
   padding-top: 0;
}
.greppa-sub-menu > li li:last-child {
   margin-bottom: 16px;
}
.greppa-sub-menu > li li li a {
   font-size: 0.875em;
   line-height: 1.3;
   padding: 8px 0 8px 24px;
   text-decoration: none;
   font-style: italic;
   color: #4a4a4a;
}
.greppa-sub-menu > li li li a::before {
   content: "";
   margin-left: 0;
   padding-right: 0;
}
.greppa-sub-menu > li li li:first-child a {
   padding-top: 2px;
}
.greppa-sub-menu > li li li:last-child {
   margin-bottom: 0;
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
.greppa-advisory-modules-list {
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-advisory-modules-list a.item {
   display: block;
   background-color: #fff;
   border-radius: 4px;
   overflow: hidden;
   margin-bottom: 2em;
   text-decoration: none;
   border: 1px solid #ddd;
   -webkit-transition: border 0.2s ease-in-out;
   -o-transition: border 0.2s ease-in-out;
   transition: border 0.2s ease-in-out;
}
.greppa-advisory-modules-list a.item:visited .module-name span {
   color: #840073;
}
.greppa-advisory-modules-list a.item:hover {
   text-decoration: none;
   background: #005C84;
}
.greppa-advisory-modules-list a.item:hover .module-image {
   -webkit-filter: opacity(0.8);
   filter: opacity(0.8);
}
.greppa-advisory-modules-list a.item:hover .module-id::after {
   border-color: #fff;
}
.greppa-advisory-modules-list a.item:hover .module-id span {
   background: #005C84;
   color: #fff;
}
.greppa-advisory-modules-list a.item:hover .module-name span {
   color: #fff;
}
.greppa-advisory-modules-list a.item .module-image {
   background-color: #fff;
   width: 100%;
   height: 105px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.greppa-advisory-modules-list a.item .module-body {
   display: flex;
   flex-direction: row;
   align-items: center;
   height: 105px;
}
.greppa-advisory-modules-list a.item .module-id {
   margin-left: -3em;
   position: relative;
}
.greppa-advisory-modules-list a.item .module-id::after {
   content: "";
   border-right: 2px dotted #A71930;
   height: 2em;
   width: 0px;
   position: absolute;
   top: 25%;
   right: 0;
}
.greppa-advisory-modules-list a.item .module-id span {
   display: block;
   width: 3.5em;
   height: 3.5em;
   line-height: 3.5em;
   border-radius: 50%;
   /*set radius in percents*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   text-align: center;
   background-color: #fff;
}
.greppa-advisory-modules-list a.item .module-name {
   padding: 0 0.3em 0 0.7em;
}
.greppa-advisory-modules-list a.item .module-name span {
   color: #005C84;
   text-decoration: underline;
   font-weight: bold;
   line-height: 1.3;
}
.greppa-advisory-modules-filter {
   margin: 0 0 1.5em 0;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-advisory-modules-filter .checkbox {
   margin: 0 0 0.5em 0;
}
.greppa-advisory-modules-filter .checkbox input[type="checkbox"] {
   display: none;
}
@media (min-width: 992px) {
   .greppa-advisory-modules-filter {
      margin: 1em 0 1.5em 0;
   }
}
.greppa-advisory-wrapper .close {
   display: none;
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 990px) {
   .greppa-advisory-mobile-filter-button {
      border-bottom: solid 1px #4a4a4a;
      padding: 0em 0.1em 0.3em;
      position: relative;
      cursor: pointer;
      display: none;
   }
   .greppa-advisory-mobile-filter-button::before {
      font-family: "FontAwesome";
      content: "\f067";
      font-size: 1em;
      position: absolute;
      right: 10px;
   }
   .greppa-advisory-mobile-filter-button.active::before {
      content: "\f068";
   }
   .greppa-advisory-wrapper {
      -webkit-box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);
      padding: 0.6em 1em 0.1em;
      background-color: #eee;
      border-radius: 0 0 4px 4px;
      display: none;
      position: relative;
   }
   .greppa-advisory-wrapper .close {
      position: absolute;
      right: -0.5em;
      bottom: -0.5em;
      padding: 1em;
      display: unset;
      color: #888;
   }
   .greppa-advisory-wrapper .close:hover {
      color: #000;
      cursor: pointer;
   }
   .greppa-advisory-mobile-filter-button-holder {
      margin-bottom: 1em;
   }
}
.greppa-aside-info-contact-block {
   margin-bottom: 1.5em;
}
.greppa-aside-info-contact-block h3 {
   margin-bottom: 0.4em;
}
.greppa-aside-info-contact-block p {
   margin-bottom: 0.5em;
}
.greppa-aside-info-contact-block .name {
   margin-bottom: 0.8em;
}
.greppa-aside-info-contact-block .fa {
   margin-right: 0.3em;
}
.greppa-aside-info-contact-block .email a {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.greppa-aside-info-contact-block .email .fa-lg {
   font-size: 1.2em;
   line-height: 0.8em;
   vertical-align: -12%;
}
.greppa-panel-black-with-opacity {
   padding: 2em;
   background-color: #4a4a4a;
   background-color: rgba(74, 74, 74, 0.8);
   /*
   h1,
   h2,
   p {
   color: #fff;
}
   */
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-panel-black-with-opacity .sv-font-button-red-lg,
.greppa-panel-black-with-opacity .sv-font-button-blue {
   margin-bottom: 0;
}
.greppa-search-box-on-page {
   border-radius: 4px;
   background-color: #fff;
   max-width: 500px;
   /* Medium devices (desktops, 992px and down) */
}
.greppa-search-box-on-page .greppa-search-field {
   display: inline-block;
   width: 90%;
   padding: 6px 12px 6px 12px;
   font-size: 1em;
   line-height: 1.375;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   outline: 0;
}
@media (max-width: 992px) {
   .greppa-search-box-on-page .greppa-search-field {
      width: 78%;
   }
}
.greppa-search-box-on-page .greppa-btn-search {
   display: inline-block;
   margin-bottom: 0;
   /*For input.btn*/
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   /*Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
   background-color: transparent;
   border: 1px solid transparent;
   white-space: nowrap;
   font-size: 1em;
   padding: 4px 12px;
   text-decoration: none;
   box-sizing: border-box;
   color: #005C84;
}
/*Facetterat sök */
.greppa-search-facets-wrapper .close {
   display: none;
}
.greppa-search-facets-wrapper ul li.sv-search-facet-item a {
   position: relative;
   padding-left: 24px;
   font-size: 16px;
   cursor: pointer;
   text-decoration: none;
   color: #4a4a4a;
}
.greppa-search-facets-wrapper ul li.sv-search-facet-item a::before,
.greppa-search-facets-wrapper ul li.sv-search-facet-item a::after {
   content: '\f096';
   font-family: FontAwesome;
   font-size: 21px;
   position: absolute;
   left: 0;
   top: -1px;
   box-sizing: border-box;
}
.greppa-search-facets-wrapper ul li.sv-search-facet-item a::after {
   content: '\f14a';
   max-width: 0;
   overflow: hidden;
   opacity: 0.5;
}
.greppa-search-facets-wrapper ul li.sv-search-facet-item .greppa-search-count {
   font-size: 16px;
   color: #4a4a4a;
}
.greppa-search-facets-wrapper ul li.sv-search-facet-item-selected a::after {
   max-width: 25px;
   opacity: 1;
}
.greppa-search-facets-filter-button {
   margin-bottom: 1.4em;
}
@media (max-width: 990px) {
   .greppa-search-facets-filter-button {
      margin-bottom: 0;
      border-bottom: solid 1px #4a4a4a;
      padding: 0 0.1em 0.3em;
      position: relative;
      cursor: pointer;
   }
   .greppa-search-facets-filter-button::before {
      font-family: "FontAwesome";
      content: "\f067";
      font-size: 1em;
      position: absolute;
      right: 10px;
   }
   .greppa-search-facets-filter-button.active::before {
      content: "\f068";
   }
   .greppa-search-facets-wrapper {
      -webkit-box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.08);
      box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.08);
      padding: 0.6em 1em 0.1em;
      background-color: #fff;
      border-radius: 0 0 4px 4px;
      position: relative;
   }
   .greppa-search-facets-wrapper .close {
      position: absolute;
      right: -0.5em;
      bottom: -0.5em;
      padding: 1em;
      display: unset;
      color: #888;
   }
   .greppa-search-facets-wrapper .close:hover {
      color: #000;
      cursor: pointer;
   }
}
/***************************************
**
** PUFF
**
****************************************/
.gre-image-card {
   position: relative;
   background-color: #fff;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0 0px 0px 1px rgba(0, 0, 0, 0.08);
   transition: all 0.2s ease-in-out;
   display: flex;
   align-items: stretch;
   width: auto;
   margin: 0;
}
.gre-image-card .gre-image-card__image-wrapper {
   width: 30%;
   display: flex;
}
.gre-image-card .gre-image-card__image-wrapper img {
   width: 100%;
   object-fit: cover;
   object-position: center;
   aspect-ratio: 16 / 9;
}
.gre-image-card__content {
   padding: 1.4rem;
   flex: 1;
}
/* Bild till vänster eller höger */
.gre-image-card__image-top,
.gre-image-card__image-bottom {
   display: flex;
   flex-direction: column;
}
.gre-image-card__image-top .gre-image-card__image-wrapper,
.gre-image-card__image-bottom .gre-image-card__image-wrapper {
   width: 100%;
}
.gre-image-card h2.gre-image-card__heading {
   color: #275468;
   text-decoration: none;
   font-weight: bold;
   font-style: normal;
   font-size: 1.2rem;
   line-height: 1.4;
   margin: 0;
   display: inline;
}
.gre-image-card .gre-image-card__text {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3;
   -webkit-box-orient: vertical;
   word-break: break-word;
   hyphens: auto;
}
.gre-image-card .gre-image-card__item-link {
   color: #275468;
   text-decoration: underline;
   font-weight: 700;
   transition: 0.2s;
   line-height: 1.5;
}
.gre-image-card .gre-image-card__item-link:hover {
   color: #33788e;
   background-color: #f2f2f2;
}
@media (max-width: 700px) {
   .gre-image-card {
      flex-direction: column;
   }
   .gre-image-card__image-right,
   .gre-image-card__image-bottom {
      flex-direction: column-reverse;
   }
   .gre-image-card .gre-image-card__image-wrapper {
      width: 100%;
   }
}
.greppa-traning-links-frame .greppa-item {
   background-color: #fff;
   margin-bottom: 1.2em;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.greppa-traning-links-frame .greppa-item .greppa-traning-link {
   display: flex;
   flex-direction: row;
   width: 100%;
   min-height: 7.5em;
}
.greppa-traning-links-frame .greppa-item .greppa-button {
   padding-top: 1em;
   margin-left: auto;
   margin-right: auto;
   width: 60%;
   text-align: right;
}
.greppa-traning-links-frame .greppa-item .greppa-strips {
   background-image: url("/webdav/images/Assets/greppa-stripe.png");
}
.greppa-traning-links-frame .greppa-item .greppa-col-custom-traning-1 {
   flex-grow: 1;
   min-width: 8em;
}
.greppa-traning-links-frame .greppa-item .greppa-col-custom-traning-1 .fa-stack {
   display: block;
}
.greppa-traning-links-frame .greppa-item .greppa-col-custom-traning-2 {
   flex-grow: 3;
}
.greppa-traning-links-frame .greppa-item .greppa-col-custom-traning-3 {
   flex-grow: 1;
   min-width: 10em;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar {
   background-color: #f68f61;
   position: relative;
   width: 90%;
   height: 100%;
   margin: 0.2em;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar::after,
.greppa-traning-links-frame .greppa-item .greppa-calendar::before {
   content: "0";
   background-color: #fff;
   color: transparent;
   border: solid 4px #f68f61;
   z-index: 10;
   font-size: 0.15em;
   -webkit-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   position: absolute;
   top: -0.6em;
   height: 3em;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar::after {
   left: 30%;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar::before {
   right: 30%;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar .greppa-calendar-day {
   color: #4e1b2e;
   font-size: 0.5em;
   font-weight: 600;
   top: -0.1em;
}
.greppa-traning-links-frame .greppa-item .greppa-calendar .greppa-calendar-month {
   color: #4e1b2e;
   font-size: 0.3em;
   top: 1.3em;
}
/* Small devices (tablets, 768px max) */
@media (max-width: 768px) {
   .greppa-traning-links-frame .greppa-item .greppa-traning-link {
      flex-direction: column;
   }
   .greppa-traning-links-frame .greppa-item .greppa-traning-links-content {
      padding: 0em 1em 0.8em;
   }
   .greppa-traning-links-frame .greppa-item .greppa-button {
      margin: 0em 0.5em 1em;
      text-align: right;
      width: auto;
   }
}
.greppa-traning-details-wrapper .greppa-calendar {
   background-color: #f68f61;
   position: relative;
   width: 100%;
   height: 120px;
   top: -10px;
   padding-top: 1.2em;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.greppa-traning-details-wrapper .greppa-calendar::after,
.greppa-traning-details-wrapper .greppa-calendar::before {
   content: "0";
   background-color: #fff;
   color: transparent;
   border: solid 4px #f68f61;
   z-index: 10;
   font-size: 12px;
   -webkit-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   position: absolute;
   top: -0.4em;
   height: 1.6em;
   width: 1em;
}
.greppa-traning-details-wrapper .greppa-calendar::after {
   left: 30%;
}
.greppa-traning-details-wrapper .greppa-calendar::before {
   right: 30%;
}
.greppa-traning-details-wrapper .greppa-strips {
   background-image: url("/webdav/images/Assets/greppa-stripe.png");
}
/*Listning av interna kurser med länk till bokning*/
.greppa-internal-courses-list a .greppa-heading {
   text-decoration: underline;
   color: #005C84;
}
.greppa-internal-courses-list a:visited .greppa-heading {
   color: #840073;
}
.greppa-internal-courses-list .greppa-calendar {
   background-color: #f68f61;
   position: relative;
   width: 100%;
   height: 120px;
   padding-top: 1.2em;
   text-align: center;
   margin-top: 0.8em;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.greppa-internal-courses-list .greppa-calendar.greppa-strips {
   background-image: url("/webdav/images/Assets/greppa-stripe.png");
}
.greppa-internal-courses-list .greppa-calendar::after,
.greppa-internal-courses-list .greppa-calendar::before {
   content: "0";
   background-color: #fff;
   color: transparent;
   border: solid 4px #f68f61;
   z-index: 10;
   font-size: 0.4em;
   -webkit-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   position: absolute;
   top: -0.6em;
   height: 3em;
}
.greppa-internal-courses-list .greppa-calendar::after {
   left: 30%;
}
.greppa-internal-courses-list .greppa-calendar::before {
   right: 30%;
}
.greppa-internal-courses-list .greppa-calendar.greppa-upcoming-education-color {
   background-color: #f68f61;
}
.greppa-internal-courses-list .greppa-calendar.greppa-upcoming-education-color::before,
.greppa-internal-courses-list .greppa-calendar.greppa-upcoming-education-color::after {
   border-color: #f68f61;
}
.greppa-internal-courses-list .greppa-calendar .greppa-calendar-day {
   color: #4e1b2e;
   font-size: 1.9em;
   top: -0.1em;
   margin: 0;
   transform: scale(0.8, 1);
   letter-spacing: -1px;
}
.greppa-internal-courses-list .greppa-calendar .greppa-calendar-month {
   color: #4e1b2e;
   font-size: 1.3em;
   top: 1.3em;
   font-weight: bold;
   line-height: 1.38;
}
.greppa-document-info-wrapper {
   margin-bottom: 0.5em;
}
.greppa-document-info-wrapper .greppa-document-info-wrapper {
   color: inherit;
}
.greppa-document-info-wrapper .greppa-document-info-year {
   display: inline-block;
   margin-right: 1em;
}
.greppa-document-info-wrapper .greppa-document-info-author {
   display: inline-block;
}
.greppa-document-heading-wrapper .subheading {
   margin-bottom: 0.8em !important;
   line-height: 1em !important;
}
.greppa-document-link-wrapper a.sv-font-ingress {
   padding: 0.5em 1em 0.5em 0;
   text-decoration: none;
   display: inline-block;
}
.greppa-document-link-wrapper a.sv-font-ingress .greppa-icon {
   padding: 0 0.5em;
   display: inline;
}
.greppa-document-link-wrapper a.sv-font-ingress .greppa-icon:link {
   text-decoration: none;
}
.greppa-document-link-wrapper a.sv-font-ingress .greppa-icon + .greppa-icon {
   padding: 0;
}
.greppa-document-link-wrapper a.sv-font-ingress .greppa-icon.fa-external-link + .greppa-icon.fa-external-link {
   display: none;
}
.greppa-document-list-wrapper .sv-search-result li:not(:last-child) {
   border-bottom: solid 1px #ddd;
   padding-bottom: 1em;
   margin-bottom: 1.5em;
}
.greppa-articel-list {
   margin: 0;
   padding: 0;
   list-style: none;
}
.greppa-articel-list .greppa-articel-list-item {
   margin-bottom: 1.2em;
}
.greppa-articel-list.rollupp-item .greppa-articel-list-item {
   margin-bottom: 1.2em;
}
.greppa-articel-list.rollupp-item .greppa-articel-list-item .sv-image-portlet {
   position: relative;
   width: auto;
   margin-bottom: 30px;
   margin-left: 5px;
}
.greppa-articel-list.rollupp-item .greppa-articel-list-item .sv-image-portlet::after {
   content: "";
   position: absolute;
   width: 110%;
   height: 20px;
   background-color: #ddd;
   bottom: -20px;
   left: -5%;
}
.greppa-articel-list.rollupp-item .greppa-articel-list-item .sv-image-portlet img {
   border: solid 1px #ddd;
   border-width: 1px 1px 0px 1px;
}
@media screen and (max-width: 767px) {
   .greppa-articel-list.rollupp-item .greppa-articel-list-item .sv-image-portlet::after {
      width: 180px;
      left: -5px;
   }
}
.greppa-subscriber-form-wrapper {
   margin-bottom: 2em;
}
.greppa-subscriber-form-wrapper fieldset {
   border: solid 0px #ccc;
   margin-bottom: 0.8em;
}
.greppa-subscriber-form-wrapper legend {
   font-weight: bold;
   font-size: 110%;
}
.greppa-subscriber-form-wrapper input[type=radio],
.greppa-subscriber-form-wrapper input[type=checkbox] {
   cursor: pointer;
}
.greppa-subscriber-form-wrapper label.label-bold {
   padding: 0;
   display: inline-block;
   font-weight: bold;
}
.greppa-subscriber-form-wrapper label.label-standard {
   padding: 0 0.5em 0.1em 0.5em;
   display: inline-block;
   min-width: 200px;
   cursor: pointer;
}
.greppa-subscriber-form-wrapper input[type=submit] {
   box-sizing: border-box;
   margin-bottom: 0;
   display: inline-block;
   line-height: 1.375;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   font-size: 1em;
   background: linear-gradient(180deg, #A71930 0, #A71930 100%);
   border: 1px solid transparent;
   border-radius: 3px;
   color: #fff;
   padding: 12px 18px;
   margin-left: 0.6em;
}
.greppa-subscriber-form-wrapper input[type=submit]:hover {
   color: #fff;
   background: linear-gradient(180deg, #861023 0, #a71930 100%);
}
.sv-userfields-portlet .halflings-icon {
   display: none;
}
.sv-fn-upload {
   margin-top: 10px;
}
.bootstrap .btn,
.bootstrap .btn-group > .btn-mini {
   align-items: center;
   -webkit-appearance: none;
   appearance: none;
   background: #eee;
   color: #fff;
   border: 1px solid;
   box-sizing: border-box;
   cursor: pointer;
   display: inline-flex;
   font-size: 1rem;
   justify-content: center;
   margin: 0;
   min-height: 2.75em;
   padding: 0 0.8em;
   text-align: center;
   text-decoration: none;
   transition: box-shadow 0.2s ease-in-out;
   -webkit-user-select: none;
   user-select: none;
   vertical-align: middle;
   text-shadow: none;
   color: #333;
   border-color: #999;
}
.bootstrap .btn-group > .btn-mini.dropdown-toggle:nth-child(2) {
   width: 35px;
}
.bootstrap .btn-group > .btn-mini.dropdown-toggle .caret {
   margin: 0;
}
.bootstrap .btn-group > .btn:first-child .caret {
   margin-left: 10px;
}
.sv-fileshare-portlet .sv-button-container {
   height: 45px;
   width: 45px;
}
.sv-notifications-portlet .bootstrap .btn-mini .caret {
   margin: 0;
   margin-left: 5px;
}
.bootstrap .btn-mini .folder-open {
   margin: 0;
   margin-right: 5px;
}
.bootstrap .btn.btn-mini {
   min-height: 40px;
   padding: 8px 12px;
   height: auto !important;
}
.sv-fileshare-portlet button.sv-add-file.sv-change-btn {
   position: relative;
   padding: 5px 8px 5px 12px;
   border-radius: 3px !important;
   font-size: 0.9rem;
}
.bootstrap .btn:hover {
   color: #333;
   background: #e5e5e5;
}
/* input */
.bootstrap .uneditable-input,
.bootstrap input[type="color"],
.bootstrap input[type="date"],
.bootstrap input[type="datetime-local"],
.bootstrap input[type="datetime"],
.bootstrap input[type="email"],
.bootstrap input[type="month"],
.bootstrap input[type="number"],
.bootstrap input[type="password"],
.bootstrap input[type="search"],
.bootstrap input[type="tel"],
.bootstrap input[type="text"],
.bootstrap input[type="time"],
.bootstrap input[type="url"],
.bootstrap input[type="week"],
.bootstrap select,
.bootstrap textarea {
   height: 40px !important;
}
.bootstrap textarea {
   min-height: 5rem;
}
ol.sv-groupmember-list {
   margin: 0 -4px;
}
.sv-groupadmin-list li.sv-groupadmin-member,
.sv-groupmember-list li.sv-groupadmin-member {
   margin: 4px;
}
.bootstrap input {
   display: inline-block;
   padding: 20px 15px !important;
   font-size: 1em !important;
   line-height: auto !important;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   outline: 0;
   height: 1.375 !important;
}
.bootstrap .form-horizontal .control-label.sv-userfields-text {
   display: none;
}
/* Modal */
.modal-footer .btn {
   text-shadow: none;
}
.modal-footer .btn + .btn {
   color: #202330;
}
.bootstrap input,
.bootstrap textarea {
   padding: 10px !important;
   font-size: 1rem;
}
/* Kommentar */
.sv-tagtimeline-portlet .sv-comment-input,
.sv-timeline-portlet .sv-comment-input,
.sv-timelineentry-portlet .sv-comment-input,
.sv-timelinesearch-portlet .sv-comment-input {
   min-height: 5rem;
}
/* Sök filer */
.sv-fileshare-portlet .sv-controls,
.sv-fileshareall-portlet .sv-controls {
   width: 100%;
   padding: 5px 8px;
   display: flex;
}
.bootstrap input[type="text"].sv-filter-field {
   width: 100%;
}
/* Filer */
.bootstrap .table th {
   font-weight: 700;
   line-height: 41px;
}
.sv-controls .btn-group .halflings-icon.plus {
   background-position: -408px -95px;
}
.sv-fileshareall-portlet .sv-file-actions {
   position: relative;
   margin-bottom: 1rem;
   top: 0;
}
/* Sök person */
.sv-contactsearchall-portlet .sv-admin-container input {
   margin: 0;
   vertical-align: baseline;
}
/* Dropdown */
.dropdown-menu li > a {
   display: block;
   padding: 7px 20px;
   clear: both;
   font-weight: 400;
   line-height: 20px;
   color: #333;
   white-space: nowrap;
   display: flex;
   align-items: center;
}
.dropdown-menu li > a .halflings-icon {
   margin-right: 0.3em;
}
/* Ladda ner filer */
.sv-fileshare-portlet .sv-download-file,
.sv-fileshareall-portlet .sv-download-file,
.sv-timeline-portlet .sv-attachment .sv-download {
   display: none;
   background-color: #f5f5f5;
   padding: 10px;
   box-shadow: 0 0 20px #0000006e;
   border-radius: 8px;
}
.sv-timeline-portlet .sv-attachment .sv-download:hover {
   background-color: #fff;
}
.sv-fileshare-portlet .sv-download-file i.halflings-icon,
.sv-fileshareall-portlet .sv-download-file i.halflings-icon {
   margin-right: 5px;
   margin-top: 4px;
}
.sv-timeline-portlet .sv-attachment .sv-download i.halflings-icon {
   margin-right: 5px;
   margin-top: -1px;
}
/* Sök person */
.sv-contactsearchall-portlet .sv-message-container .subheading {
   font-weight: 300;
   line-height: 1.5;
   margin-bottom: 0;
   font-size: 20px;
}
.sv-contactsearchall-portlet .sv-buddy-icon,
.sv-buddy-icon {
   border-radius: 50% !important;
}
/* Profilbild */
.sv-profileimage-portlet .sv-polaroid {
   width: 100%;
   height: auto;
   border-radius: 50%;
}
/* Byta bild */
.sv-profileimage-portlet form.sv-fn-upload {
   right: 0;
   position: absolute;
   bottom: 0;
   margin: 0 auto;
   left: 0;
   text-align: center;
}
/* Grupper */
body .sv-listGroups-member-status .env-button {
   color: #005c84;
   text-decoration: none;
   min-height: auto;
   padding: 0.05rem 0.25rem!important;
}
body .sv-listGroups-member-status .env-button .normal {
   color: #005c84;
}
.sv-usergroupsall-portlet .sv-list-2-columns .sv-usergroup-img {
   border-radius: 50%;
}
.sv-listGroups-lastactivity {
   color: #777;
   font-size: 14px;
}
.sv-listGroups-groupname span {
   color: #777;
   font-size: 12px;
   display: inline-block;
   margin-top: 3px;
}
.sv-groupsearch-popover.popover button.sv-fn-create-group {
   min-height: 40px;
}
/* Button - Knappar - Small */
.env-button.env-button--small {
   display: inline-block;
   margin-bottom: 0;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   font-family: "Plus Jakarta Sans";
   font-size: 1em;
   line-height: 1.375;
   padding: 6px 12px;
   text-decoration: none;
   box-sizing: border-box;
   border-radius: 3px;
   min-height: auto;
}
/* Notifieringsinställningar */
.bootstrap form.sv-personalsettings-form {
   margin-top: 11px;
}
.sv-personalsettings-form label:nth-child(-n + 5) {
   display: none;
}
.sv-profileimage-portlet .halflings-icon.folder-open {
   background-position: -119px -47px;
   margin: 0;
}
.sv-profileimage-portlet .bootstrap .btn.btn-mini {
   font-size: 0;
   padding: 0;
   border-radius: 50%;
   border: 0;
   box-shadow: none;
   margin-left: 50%;
   margin-bottom: 0px;
   min-height: 40px;
   width: 40px;
}
.sv-profileimage-portlet .bootstrap .btn-group > .btn-mini.dropdown-toggle:nth-child(2) {
   display: none;
}
.sv-profileimage-portlet .bootstrap .btn-group {
   display: block;
}
.bootstrap .form-search .input-append .search-query {
   font-size: 1rem !important;
}
.sv-usergroupsall-portlet .sv-list-2-columns .sv-usergroup-name {
   display: flex;
}
.sv-groupadminall-portlet .sv-list-2-columns li.sv-groupadminall-member,
.sv-usergroupsall-portlet .sv-list-2-columns li {
   height: auto !important;
}
.sv-groupadminall-portlet .sv-list-2-columns .sv-contact-name {
   display: flex;
   flex-direction: column;
}
.sv-usergroupsall-portlet .sv-list-2-columns .sv-usergroup-name,
.sv-groupadminall-portlet .sv-list-2-columns .sv-contact-name {
   font-size: 0.925rem;
}
.sv-groupadminall-portlet .sv-list-2-columns .sv-contact-userfield,
.sv-usergroupsall-portlet .sv-list-2-columns .sv-usergroup-info {
   font-size: 0.8rem;
}
.sv-groupadminall-portlet .sv-list-2-columns,
.sv-groupadminall-portlet .sv-list-5-columns {
   display: flex;
   flex-wrap: wrap;
}
small.sv-groupadminall-member-status {
   font-size: 0.7rem;
   display: flex;
   width: 100%;
   word-spacing: -2px;
}
.greppa-expert-advisors-list {
   margin-top: 1.5em;
}
.greppa-expert-advisors-list .greppa-thumbnail {
   text-align: center;
   display: block;
   margin-bottom: 2em;
   text-decoration: none;
}
.greppa-expert-advisors-list .greppa-thumbnail .greppa-img {
   padding: 0 20%;
   margin-bottom: 0.5em;
}
.greppa-expert-advisors-list .greppa-thumbnail .greppa-img img {
   margin: 0 auto;
}
.greppa-expert-advisors-list .greppa-thumbnail .greppa-caption h4 {
   color: #005C84;
   text-decoration: underline;
   margin-bottom: 0.3em;
}
.greppa-expert-advisors-list .greppa-thumbnail .greppa-caption p {
   text-decoration: none;
   font-size: 0.813em;
}
.greppa-expert-advisors-list .greppa-thumbnail:visited .greppa-caption h4 {
   color: #840073;
}
/* EXTERNAL COURSES (Lista externa kurser)
---------------------------------------------------------------------------- */
.greppa-external-courses-list .greppa-item {
   background-color: #FFFFFF;
   border-radius: 4px;
   overflow: hidden;
   padding: 24px;
   margin-bottom: 1.5em;
}
.greppa-external-courses-list .greppa-item .greppa-image {
   padding: 0 10px;
}
.greppa-external-courses-list .greppa-item .greppa-heading {
   margin-top: 5px;
}
.greppa-external-courses-list .greppa-item .greppa-body-text {
   padding-bottom: 16px;
}
.greppa-external-courses-list .greppa-item .greppa-button {
   margin-top: 5px;
}
/* INTERNAL COURSES (Lista interna kurser)
---------------------------------------------------------------------------- */
.greppa-internal-courses-list {
   padding: 0;
   list-style: none;
}
.greppa-internal-courses-list .greppa-item {
   background-color: #FFFFFF;
   border-radius: 4px;
   overflow: hidden;
   padding: 20px;
   margin-bottom: 1.5em;
   /*
   .greppa-button {
   margin-top: 5px;
}
   */
}
.greppa-internal-courses-list .greppa-item p {
   line-height: 1.3;
   margin-bottom: 0.8em;
}
.greppa-internal-courses-list .greppa-item .fa {
   margin-right: 0.5em;
}
.greppa-internal-courses-list .greppa-item .greppa-heading {
   margin-top: 5px;
}
.greppa-linkmodule-frame {
   margin-bottom: 2em;
}
.greppa-linkmodule-image img {
   width: 100%;
   height: 8.9em;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   object-fit: cover;
   object-position: center;
}
.greppa-linkmodule-info-text,
.greppa-linkmodule-error-text {
   padding: 1em;
}
.greppa-linkmodule-info-text {
   background-color: #c0c0c0;
}
.greppa-linkmodule-error-text {
   background-color: #c54020;
}
a.greppa-linkmodule-link {
   text-decoration: none;
}
.greppa-linkmodule-link h2 {
   font-weight: bold;
   font-size: 143.8%;
}
.greppa-startpage-btn-next-block {
   text-align: center;
   display: block;
   position: absolute;
   top: 1em;
   left: 50%;
   font-size: 0.75em;
   -webkit-transform: translate(-50%, -30px);
   -moz-transform: translate(-50%, -30px);
   -ms-transform: translate(-50%, -30px);
   -o-transform: translate(-50%, -30px);
   transform: translate(-50%, -30px);
   color: #fff;
   width: 3.4em;
   height: 3.4em;
   background-color: #005C84;
   border-radius: 50%;
   border: solid 0.5em #f0ebda;
   background-clip: padding-box;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-btn-next-block.greppa-next-arrow-1 {
   border-color: #A71930;
   color: #A71930;
   background-color: #fff;
}
.greppa-startpage-btn-next-block.greppa-next-arrow-3,
.greppa-startpage-btn-next-block.greppa-next-arrow-4 {
   border-color: #fff;
}
.greppa-startpage-btn-next-block > .fa-2x {
   font-size: 2.5em;
}
.greppa-startpage-btn-next-block .fa-circle {
   color: #005C84;
}
.greppa-startpage-btn-next-block .fa-circle-thin {
   color: #fff;
}
.greppa-startpage-btn-next-block .greppa-next-arrow {
   color: currentColor;
   font-size: 155%;
   font-weight: bolder;
   position: relative;
   top: 0.35em;
}
@media (min-width: 768px) {
   .greppa-startpage-btn-next-block {
      font-size: 1em;
      -webkit-transform: translate(-50%, -40px);
      -moz-transform: translate(-50%, -40px);
      -ms-transform: translate(-50%, -40px);
      -o-transform: translate(-50%, -40px);
      transform: translate(-50%, -40px);
   }
}
.greppa-startpage-block-hero {
   min-height: 300px;
   margin-top: calc(-100vw / 17.06666666666667 - 20px);
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-hero .greppa-panel-black-with-opacity {
   margin: 2em auto 3em auto;
   width: 95%;
}
.greppa-startpage-block-hero .greppa-panel-black-with-opacity .heading {
   margin-bottom: 0.3em;
   margin-top: 0em;
   font-weight: 300;
   line-height: 1.36;
   font-style: normal;
   font-size: 243.8%;
   color: #fff !important;
}
.greppa-startpage-block-hero .greppa-panel-black-with-opacity .normal {
   font-size: 1em;
}
.greppa-startpage-block-hero .greppa-panel-black-with-opacity .sv-font-button-red-lg {
   margin-bottom: 0;
}
.greppa-startpage-block-hero h1,
.greppa-startpage-block-hero h2 {
   font-size: 1.2rem;
}
.greppa-startpage-block-hero a {
   margin-left: 0;
}
@media (min-width: 768px) {
   .greppa-startpage-block-hero {
      min-height: 500px;
   }
   .greppa-startpage-block-hero .greppa-panel-black-with-opacity {
      margin: 15% auto 3em auto;
      width: 85%;
   }
   .greppa-startpage-block-hero .greppa-panel-black-with-opacity .normal {
      font-size: 1.125em;
   }
   .greppa-startpage-block-hero h1,
   .greppa-startpage-block-hero h2 {
      font-size: 1.4rem;
   }
   .greppa-startpage-block-hero a {
      margin-left: 2rem;
   }
}
@media (min-width: 992px) {
   .greppa-startpage-block-hero {
      min-height: 500px;
   }
   .greppa-startpage-block-hero .greppa-panel-black-with-opacity {
      margin: 15% auto 3.5em auto;
      width: 70%;
   }
   .greppa-startpage-block-hero .greppa-panel-black-with-opacity .normal {
      font-size: 1.125em;
   }
   .greppa-startpage-block-hero h1,
   .greppa-startpage-block-hero h2 {
      font-size: 2.4375rem;
   }
}
.greppa-startpage-block-image-archive .greppa-panel-black-with-opacity.greppa-panel-last {
   margin-bottom: 15em;
}
.greppa-startpage-block-red-teaser {
   position: relative;
   padding-top: 3.5em;
   padding-bottom: 1.5em;
   margin-bottom: calc(100vw / 12.3373494);
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-red-teaser::after {
   background: url("/webdav/files/Assets/svg/curves/red-curve-bottom-5120x415.svg") no-repeat center top;
   background-size: 100% calc(100vw / 12.3373494);
   top: calc(100% - 2px);
   content: "";
   height: calc(100vw / 12.3373494);
   position: absolute;
   width: 100%;
}
.greppa-startpage-block-red-teaser .sv-text-portlet {
   text-align: center;
}
.greppa-startpage-block-red-teaser .sv-image-portlet {
   padding: 0 2em;
   text-align: center;
}
.greppa-startpage-block-red-teaser .sv-image-portlet img {
   border: 8px solid #fff;
}
.greppa-startpage-block-red-teaser .heading {
   padding-top: 0.5em;
}
.greppa-startpage-block-red-teaser .subheading,
.greppa-startpage-block-red-teaser h2 {
   margin-bottom: 0.2em;
   margin-top: 0em;
   padding-top: 1.3em;
   color: #fff !important;
   line-height: 1.35;
   font-weight: bold;
   font-style: normal;
   font-size: 300%;
}
.greppa-startpage-block-red-teaser .subheading a:link,
.greppa-startpage-block-red-teaser h2 a:link,
.greppa-startpage-block-red-teaser .subheading a:visited,
.greppa-startpage-block-red-teaser h2 a:visited {
   text-decoration: none;
   color: #fff !important;
}
.greppa-startpage-block-red-teaser .subheading a:hover,
.greppa-startpage-block-red-teaser h2 a:hover {
   text-decoration: underline;
}
@media (min-width: 768px) {
   .greppa-startpage-block-red-teaser {
      padding-top: 2.5em;
      padding-bottom: 0.5em;
   }
   .greppa-startpage-block-red-teaser .sv-text-portlet {
      text-align: left;
   }
   .greppa-startpage-block-red-teaser .sv-image-portlet {
      padding: 2.2em 2em 0.5em;
      text-align: left;
   }
   .greppa-startpage-block-red-teaser .sv-image-portlet img {
      border: 8px solid #fff;
   }
   .greppa-startpage-block-red-teaser .heading {
      padding-top: 0.5em;
   }
}
@media (min-width: 992px) {
   .greppa-startpage-block-red-teaser .sv-image-portlet {
      padding: 3.5em 2em 0.5em;
   }
   .greppa-startpage-block-red-teaser .heading {
      padding-top: 1.3em;
   }
}
.greppa-startpage-block-courses {
   position: relative;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-courses .greppa-startpage-btn-next-block {
   top: calc(-0.5* calc(100vw / 12.33734939759036));
}
.greppa-startpage-block-modules {
   position: relative;
   margin-top: calc(100vw / 10.78105263);
   margin-bottom: calc(100vw / 10.78105263);
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-modules .greppa-startpage-btn-next-block {
   top: calc(-0.4* calc(100vw / 10.78105263157895));
}
.greppa-startpage-block-modules::before {
   background: url("/webdav/files/Assets/svg/curves/white-curve-top-5121x475.svg") no-repeat center bottom;
   background-size: 100% calc(100vw / 10.78105263);
   bottom: calc(100% - 2px);
   content: "";
   height: calc(100vw / 10.78105263);
   position: absolute;
   width: 100%;
}
.greppa-startpage-block-modules::after {
   background: url("/webdav/files/Assets/svg/curves/white-curve-bottom-5121x475.svg") no-repeat center top;
   background-size: 100% calc(100vw / 10.78105263);
   top: calc(100% - 2px);
   content: "";
   height: calc(100vw / 10.78105263);
   position: absolute;
   width: 100%;
}
.greppa-startpage-block-news {
   position: relative;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-news .greppa-startpage-btn-next-block {
   top: calc(-0.4 * calc(100vw / 10.78105263157895));
}
.greppa-startpage-block-news a.greppa-consulting-news-list,
.greppa-startpage-block-news a.greppa-news-list {
   display: block;
}
.greppa-startpage-block-news a.greppa-consulting-news-list .sv-font-nyhetsrubrik,
.greppa-startpage-block-news a.greppa-news-list .sv-font-nyhetsrubrik,
.greppa-startpage-block-news a.greppa-consulting-news-list h2,
.greppa-startpage-block-news a.greppa-news-list h2,
.greppa-startpage-block-news a.greppa-consulting-news-list .greppa-consulting-news-list__link-text,
.greppa-startpage-block-news a.greppa-news-list .greppa-consulting-news-list__link-text,
.greppa-startpage-block-news a.greppa-consulting-news-list .greppa-news-list__link-text,
.greppa-startpage-block-news a.greppa-news-list .greppa-news-list__link-text {
   text-decoration: underline;
}
.greppa-startpage-block-news a.greppa-consulting-news-list .sv-font-m-nyhetslista-ingress:hover,
.greppa-startpage-block-news a.greppa-news-list .sv-font-m-nyhetslista-ingress:hover {
   text-decoration: underline;
}
.greppa-startpage-block-news a.greppa-consulting-news-list:hover,
.greppa-startpage-block-news a.greppa-news-list:hover {
   text-decoration: none;
}
.greppa-startpage-block-expert-advisors {
   position: relative;
   margin-top: calc(100vw / 10.78105263);
   margin-bottom: calc(100vw / 10.78105263);
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-expert-advisors .greppa-startpage-btn-next-block {
   top: calc(-0.4* calc(100vw / 10.78105263157895));
}
.greppa-startpage-block-expert-advisors::before {
   background: url("/webdav/files/Assets/svg/curves/orange-curve-top-5121x475.svg") no-repeat center bottom;
   background-size: 100% calc(100vw / 10.78105263);
   bottom: calc(100% - 2px);
   content: "";
   height: calc(100vw / 10.78105263);
   position: absolute;
   width: 100%;
}
.greppa-startpage-block-expert-advisors::after {
   background: url("/webdav/files/Assets/svg/curves/orange-curve-bottom-5121x475.svg") no-repeat center top;
   background-size: 100% calc(100vw / 10.78105263);
   top: calc(100% - 2px);
   content: "";
   height: calc(100vw / 10.78105263);
   position: absolute;
   width: 100%;
}
.greppa-startpage-block-expert-advisors h2.subheading {
   color: #4a4a4a;
}
.greppa-startpage-block-expert-advisors blockquote.sv-blockquote,
.greppa-startpage-block-expert-advisors blockquote.sv-blockquote-edit {
   margin: 1em 0;
   min-height: auto;
   padding-left: 0;
   background: none;
}
.greppa-startpage-block-expert-advisors blockquote.sv-blockquote p,
.greppa-startpage-block-expert-advisors blockquote.sv-blockquote-edit p {
   font-size: 1.125em;
   font-style: italic;
}
.greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card {
   display: block;
   margin-bottom: 2em;
   text-decoration: none;
}
.greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-img img {
   border: 2px solid #fff;
}
.greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption {
   margin-top: 0.3em;
}
.greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption h4 {
   margin-bottom: 0.3em;
}
.greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption p {
   text-decoration: none;
   font-size: 0.813em;
}
.greppa-startpage-block-expert-advisors .sv-column-6:last-of-type .greppa-startpage-expert-advisor-card {
   margin-bottom: 0;
}
@media (min-width: 768px) {
   .greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card {
      margin-bottom: 1em;
   }
   .greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption {
      margin-top: 0.2em;
   }
   .greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption h4 {
      margin-bottom: 0.3em;
   }
   .greppa-startpage-block-expert-advisors .sv-column-6:first-of-type {
      padding-right: 1.5em;
   }
   .greppa-startpage-block-expert-advisors .sv-column-6:last-of-type {
      padding-left: 1.5em;
   }
}
@media (min-width: 992px) {
   .greppa-startpage-block-expert-advisors .greppa-startpage-expert-advisor-card .greppa-caption {
      margin-top: 1.5em;
   }
}
.greppa-startpage-block-image-archive {
   min-height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: calc(100vw / 10.78105263);
   padding-bottom: calc((100vw / 11.16339869281046) + 1em);
   margin-top: calc(-100vw / 10.81012658227848 - 1px);
   margin-bottom: calc(-100vw / 11.16339869281046 - 24px);
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-block-image-archive .greppa-panel-black-with-opacity {
   margin: 2em auto 3em auto;
   width: 95%;
}
.greppa-startpage-block-image-archive .greppa-panel-black-with-opacity .normal {
   font-size: 1.125em;
}
.greppa-startpage-block-image-archive .greppa-panel-black-with-opacity .sv-font-button-red-lg {
   margin-bottom: 0;
}
@media (min-width: 768px) {
   .greppa-startpage-block-image-archive {
      min-height: 500px;
   }
   .greppa-startpage-block-image-archive .greppa-panel-black-with-opacity {
      margin: 2em auto 3em auto;
      width: 85%;
   }
}
@media (min-width: 992px) {
   .greppa-startpage-block-image-archive .greppa-panel-black-with-opacity {
      width: 70%;
   }
}
.greppa-startpage-newslist-rss {
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-startpage-newslist-rss .sv-channel {
   background-color: #fff;
}
.greppa-startpage-newslist-rss .sv-channel .sv-channel-item {
   padding: 1.5em;
}
.greppa-pull-right {
   float: right !important;
}
.greppa-pull-left {
   float: left !important;
}
.greppa-clearfix:before,
.greppa-clearfix:after {
   content: " ";
   display: table;
}
.greppa-clearfix:after {
   clear: both;
}
.greppa-hidden {
   display: none !important;
}
.greppa-text-center {
   text-align: center;
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
}
.greppa-center-block {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.greppa-inverse-block-text-color h1,
.greppa-inverse-block-text-color h2,
.greppa-inverse-block-text-color h3,
.greppa-inverse-block-text-color h4,
.greppa-inverse-block-text-color p,
.greppa-panel-black-with-opacity h1,
.greppa-panel-black-with-opacity h2,
.greppa-panel-black-with-opacity h3,
.greppa-panel-black-with-opacity h4,
.greppa-panel-black-with-opacity p,
.greppa-startpage-block-red-teaser h1,
.greppa-startpage-block-red-teaser h2,
.greppa-startpage-block-red-teaser h3,
.greppa-startpage-block-red-teaser h4,
.greppa-startpage-block-red-teaser p,
.greppa-startpage-block-expert-advisors h1,
.greppa-startpage-block-expert-advisors h2,
.greppa-startpage-block-expert-advisors h3,
.greppa-startpage-block-expert-advisors h4,
.greppa-startpage-block-expert-advisors p {
   color: #fff !important;
}
.greppa-inverse-block-text-color a.heading,
.greppa-inverse-block-text-color h1 a,
.greppa-inverse-block-text-color .heading a,
.greppa-panel-black-with-opacity a.heading,
.greppa-panel-black-with-opacity h1 a,
.greppa-panel-black-with-opacity .heading a,
.greppa-startpage-block-red-teaser a.heading,
.greppa-startpage-block-red-teaser h1 a,
.greppa-startpage-block-red-teaser .heading a,
.greppa-startpage-block-expert-advisors a.heading,
.greppa-startpage-block-expert-advisors h1 a,
.greppa-startpage-block-expert-advisors .heading a {
   color: #fff !important;
   text-decoration: none!important;
}
.greppa-inverse-block-text-color .sv-font-ingress a,
.greppa-panel-black-with-opacity .sv-font-ingress a,
.greppa-startpage-block-red-teaser .sv-font-ingress a,
.greppa-startpage-block-expert-advisors .sv-font-ingress a {
   color: #fff;
   text-decoration: none;
}
ul li a,
ol li a {
   text-decoration: none;
   color: #005C84;
}
ul li a:hover,
ol li a:hover {
   text-decoration: underline;
}
p.greppa-hit-count {
   margin: 1em 0.8em;
}
.greppa-dont-break-out {
   /* These are technically the same, but use both */
   overflow-wrap: break-word;
   word-wrap: break-word;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   /* Instead use this non-standard one: */
   word-break: break-word;
   /* Adds a hyphen where the word breaks, if supported (No Blink) */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}
.greppa-text-overflow-ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}