/* ========    CtFrontendCssService:  CSS compression is disabled     ======== */

/* ========    CtFrontendCssService:  Inlining of @imports is enabled     ======== */

/* ========    CtFrontendCssService:  start of file style.css     ======== */
@charset "UTF-8";
/*
 This is style.css, containing common style for all channels (desktop, mobile).
 Styles for desktop(default channel) is found in default.css, mobile styles in mobile.css
 Browser specific CSS files are found in firefox.css, ie.css etc.

 "Header comments":
 All elements styled in some of the files style.css, default.css and/or mobile.css have
 "header comments". Emtpy "header comments" indicates that the style is not specified in
 current file, but styled in one or more other files. The purpose with these empty
 "header comments" is to indicate where style should be put in the stylesheet if
 additional styling is added so that selector orders are consistently in all files.
 */
/*
 Note that you can put @import statements here, and the CtFrontendCssService.php class will
 parse the @import statements and 'inline'/merge them, making all the CSS files beeing sent as one large file.
 If the site is in development mode, this is disabled by default to make it easier to debug. the import statement
 must use double quoutes, no paranthesis and semicolon at the end.
*/
/* Import the Open Sans font from local font files to avoid reference and tracking from e.g. Google Fonts  */
/* NOTE: There are more available fonts in the fonts/opensans/ folder if you want to use more font variants  */
/* than what is included here.  */

/* ========    CtFrontendCssService:  the following @import contains http(s)://, leaving untouched     ======== */
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(fonts/opensans/OpenSans-Light.woff) format("woff"), url(fonts/opensans/OpenSans-Light.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(fonts/opensans/OpenSans-Regular.woff) format("woff"), url(fonts/opensans/OpenSans-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans"), local("OpenSans"), url(fonts/opensans/OpenSans-Semibold.woff) format("woff"), url(fonts/opensans/OpenSans-Semibold.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(fonts/opensans/OpenSans-Bold.woff) format("woff"), url(fonts/opensans/OpenSans-Bold.ttf) format("truetype"); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(fonts/opensans/OpenSans-Italic.woff) format("woff"), url(fonts/opensans/OpenSans-Italic.ttf) format("truetype"); }
/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */
html {
  height: 100%;
  font-size: 10px;
  line-height: 2.05em; }

body {
  height: 100%;
  font-family: "Open Sans", Arial, Sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 1.32em; }

a {
  color: #008499;
  text-decoration: none; }

a:hover {
  color: #008499;
  text-decoration: underline; }

a img {
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-weight: normal;
  color: #2c2c2d; }

h1 {
  font-size: 40px;
  margin-bottom: 31px;
  margin-top: 30px;
  font-weight: 400; }

h2 {
  font-size: 2.8rem;
  margin-bottom: 2px;
  margin-top: 40px;
  font-weight: 700;
  font-family: 'Montserrat', "Open Sans"; }

h3 {
  font-size: 18px;
  margin-bottom: 9px;
  margin-top: 20px;
  font-weight: 700; }

p, blockquote {
  margin-top: 0px;
  margin-bottom: 1.8rem;
  font-size: 16px; }

form {
  margin: 0;
  padding: 0; }

ul, ol {
  margin: 0; }

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }

svg {
  width: 1em;
  height: 1em;
  fill: currentcolor; }

svg .cls-1 {
  fill: #fff; }

/* html5 semantic elements must be reset */
header, section, footer, aside, nav, main, article, figure {
  display: block;
  margin: 0px; }

/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */
#container {
  width: 100%;
  overflow: hidden;
  font-size: 1.6rem; }

/* Sticky point, given as scrolled pixels from window top, is set in javascript and may differ on different design themes */
#placeholder-top.sticky-scrolled {
  position: fixed;
  z-index: 999;
  box-shadow: 2px 3px 7px 0 rgba(172, 171, 171, 0.5); }

/* -------------------------------------------------------------------------- */
/* 3. Non tile spesific common styles                                         */
/* -------------------------------------------------------------------------- */
/* Form elements */
input:not([type="radio"]),
select,
button,
textarea {
  font-family: "Open Sans", Arial, Sans-serif;
  border-radius: 4px; }

input,
select option,
textarea {
  padding: 0px 10px; }

input:not([type="submit"]),
select,
textarea {
  font-size: 1.4rem;
  border: 1px solid #999; }

textarea,
input:not([type="submit"]) {
  padding-left: 8px;
  padding-right: 8px; }

input,
select:not([multiple]) {
  height: 2.4rem;
  line-height: 2.4rem; }

select:not([multiple]) {
  padding-left: 6px; }

input[type="radio"],
input[type="checkbox"] {
  height: auto;
  line-height: auto; }

button,
a.button,
input[type="submit"] {
  font-size: 1.4rem;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  background: #e05206;
  height: 3.2rem;
  line-height: 3.2rem;
  min-width: 150px;
  /* Prevent rounded borders on safari */
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

a.button {
  text-decoration: none;
  display: block;
  text-align: center; }

.error,
.message {
  display: block;
  padding: 12px 17px 15px 17px;
  margin-bottom: 18px;
  border: 2px solid #f00; }

.error {
  border: 2px solid #f00; }

.message {
  border: 2px solid green; }

/* iframe */
iframe {
  width: 100%; }

/* Content link */
#content-link a {
  display: block;
  position: absolute;
  left: -2000px;
  top: 0px; }

#content-link a:focus {
  left: 10px;
  top: 40px;
  font-size: 3rem;
  padding: 8px;
  z-index: 999;
  text-decoration: underline;
  border: 1px solid;
  background: #fff; }

/* Tables */
table {
  width: 100%;
  border-collapse: collapse; }

table caption {
  font-weight: bold;
  text-align: left; }

table th,
table td {
  padding: 4px 0px 5px 5px;
  font-size: 1.4rem; }

table th {
  text-align: left;
  color: #000; }

table thead th {
  border-bottom: 2px solid #008499; }

table tr:nth-child(even) {
  background: #f6f6f6; }

/* Table - blank */
/* Resetting common table styling for tables marked "blank"
   Can't use table:not(.blank) on the common styling because
   other tables (e.g. for montly activity list) get wrong styling
   because of css selector rules for overriding */
table.blank {
  width: auto;
  border-collapse: separate; }

table.blank caption {
  font-weight: normal; }

table.blank th,
table.blank td {
  padding: 1px; }

table.blank th {
  color: #000;
  border-bottom: none; }

table.blank tr {
  height: auto; }

table.blank tr:nth-child(even) {
  background: none; }

/* Slick buttons */
button.slick-prev,
button.slick-next,
button.slick-prev:hover,
button.slick-prev:focus,
button.slick-next:hover,
button.slick-next:focus {
  margin: auto;
  top: 0;
  bottom: 0; }

button.slick-prev::before,
button.slick-next::before {
  content: ""; }

/* Footer */
#coretrek-footer,
#coretrek-footer a {
  color: #6f6c6c;
  font-size: 1.3rem; }

#coretrek-footer a {
  text-decoration: none; }

#coretrek-footer a:hover {
  text-decoration: underline; }

/* Privacy link */
/* Colofon */
/* -------------------------------------------------------------------------- */
/* 4. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */
/*
   IMPORTANT INFO:
   What we do here is to set the style for the tile common classes. We do two
   things:

    1. Add border, header and other stuff to create "tile-look". In the default
       design, this layout is used in the left and right placeholders.
    2. Remove this layout for tiles in placeholder-top, placeholder-content,
       placeholder-content-no-right and placeholder-bottom. Tiles here are
       usually styled differently

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.
*/
/* -- Across tiles and placeholders, and also some frontpage specific styling -- */
.byline {
  font-size: 1.4rem;
  color: #666; }

/* RWD toggle */
body #container .rwd-toggle-content.rwd-toggled-open {
  display: block; }

/* -- Placeholder top -- */
/* -- Placeholder left and right -- */
#placeholder-left h1,
#placeholder-right h1,
#placeholder-content:not(.no-right):not(.no-left) h1,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h1,
#placeholder-left h3,
#placeholder-right h3,
#placeholder-content:not(.no-right):not(.no-left) h3,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h3 {
  color: #fff;
  line-height: normal;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: uppercase;
  background: #555; }

/* -- Placeholder content -- */
/* -- Placeholder bottom -- */
#placeholder-bottom .tile-common,
#placeholder-bottom .tile-common:not(.linktoolbar) a {
  color: #cecdcd;
  font-size: 1.4rem;
  text-decoration: none; }

#placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #e05206;
  text-decoration: underline; }

#placeholder-bottom .tile-common .directedit-link-container a {
  color: #e05206;
  font-size: 2rem; }

/*
   Tiles with stretched background, that are tiles where background stretches
   outside placeholders inner wrapper
*/
#container .tile-common.stretched-mode {
  background: #efefef; }

/* -------------------------------------------------------------------------- */
/* 5. Styling for specific tiles and other components                         */
/* -------------------------------------------------------------------------- */
/* -- In all placeholders -- */
/* Some styling is given here to override global styling from above,
   and some styling for elements here are also overrided for certain placeholders
   below this section */
/* Full articledisplay */
.articledisplay {
  overflow: hidden; }

.articledisplay .top-content {
  margin-bottom: 20px; }

.articledisplay .digest {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3.6rem; }

.articledisplay .digest p {
  margin-bottom: 5px; }

.articledisplay .digest + div {
  margin-top: 13px; }

/* Case when not having byline info on the article */
.articledisplay .byline {
  margin-bottom: 10px; }

.articledisplay .main-content p {
  line-height: 2.7rem; }

.articledisplay .main-content table {
  margin-bottom: 1em; }

.articledisplay img {
  display: block; }

.articledisplay img.cp-mmarchive-image-left {
  margin-right: 5px; }

.articledisplay img.cp-mmarchive-image-right {
  margin-left: 5px; }

.articledisplay .tile-content ol,
.articledisplay .tile-content ul {
  margin-bottom: 1.8rem; }

.articledisplay .tile-content ul li {
  padding-left: 18px;
  list-style-type: none;
  position: relative; }

.articledisplay .tile-content ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.8rem;
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
  background: #008499; }

/* Article display - blockquote */
.articledisplay blockquote {
  color: #2c2c2d;
  padding: 3px 12px 18px 37px;
  position: relative;
  border-radius: 0px;
  background: transparent; }

.articledisplay blockquote p {
  line-height: 2rem;
  margin-bottom: 0px;
  border-radius: 9px; }

.articledisplay blockquote:before {
  width: 15px;
  height: 27px;
  display: block;
  position: absolute;
  top: 5px;
  left: 15px;
  /* Color for the svg icon is set in the svg file, change the file if you want to change color */
  content: url("./svg/quote_start.svg"); }

/* Article display - stretched mode */
#container .articledisplay.stretched-mode {
  padding-top: 1.8rem;
  color: #000; }

/* Article display - tags */
.articledisplay .tags {
  overflow: hidden; }

.articledisplay .tags h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #666;
  margin-bottom: 9px; }

.articledisplay .tile-content .tags ul,
.articledisplay .tile-content .tags li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
  margin-right: 10px; }

.articledisplay .tile-content .tags li {
  margin-bottom: 10px; }

.articledisplay .tile-content .tags li:before {
  display: none; }

.articledisplay .tags li a {
  font-size: 1.4rem;
  display: block;
  text-decoration: none;
  color: #3c3b3b;
  height: 3rem;
  line-height: 3rem;
  padding: 0px 15px 0px 15px;
  border-radius: 9px;
  background: #e5e5e5; }

.articledisplay .tags li a:hover {
  color: #fff;
  background: #e05400; }

/* Article display - activity */
.articledisplay .calendar-date {
  color: #eee;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  background: #e05206; }

.articledisplay .calendar-date .dates {
  margin-right: 30px; }

.articledisplay .activity-instance {
  color: #666;
  font-size: 1.3rem;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 5px 18px 5px 18px;
  overflow: hidden;
  display: table;
  width: 100%;
  border: 1px solid #ccc; }

.articledisplay .tile-content .activity-instance ul {
  padding: 0px; }

.articledisplay .tile-content .activity-instance ul,
.articledisplay .tile-content .activity-instance .location,
.articledisplay .tile-content .activity-instance a.expand {
  margin: 0px 0px 0px 20px; }

.articledisplay .tile-content .activity-instance .dates {
  overflow: hidden;
  border-right: 1px solid #cc6600;
  display: table-cell;
  padding-left: 2px;
  height: 100%;
  width: 80px;
  vertical-align: top; }

.articledisplay .tile-content .activity-instance .dates span {
  color: #e05206;
  display: block; }

.articledisplay .tile-content .activity-instance .dates time {
  float: left;
  display: block;
  text-align: center; }

.articledisplay .tile-content .activity-instance .dates time span.month {
  text-transform: uppercase; }

.articledisplay .tile-content .activity-instance .dates time.start-date span.day {
  font-size: 2.4rem;
  font-weight: bold; }

.articledisplay .tile-content .activity-instance .dates time.end-date {
  line-height: 1.3rem;
  margin-left: 12px;
  position: relative; }

.articledisplay .tile-content .activity-instance .dates time.end-date span.day:before {
  content: " - ";
  position: absolute;
  top: 0px;
  left: -8px; }

.articledisplay .tile-content .activity-instance .dates time.end-date span.day {
  font-size: 1.6rem;
  font-weight: bold; }

.articledisplay .tile-content .activity-instance .dates time.end-date span.month {
  font-size: 1.15rem; }

.articledisplay .activity-instance ul.days li {
  margin-right: 12px;
  text-transform: lowercase;
  padding-left: 0px; }

.articledisplay .activity-instance ul.days li:before {
  display: none; }

.articledisplay .activity-instance .location svg {
  fill: #3c3b3b;
  margin-right: 3px; }

.articledisplay .activity-instance ul.days li svg {
  fill: #3c3b3b;
  margin-right: 3px; }

.articledisplay .activity-instance .location li span,
.articledisplay .activity-instance .location li svg,
.articledisplay .activity-instance ul.days li span,
.articledisplay .activity-instance ul.days li svg {
  vertical-align: middle; }

.articledisplay .tile-content .activity-instance a.expand:before {
  content: "+";
  color: #666;
  font-size: 2.3rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none; }

.articledisplay .tile-content .activity-instance a.expand {
  text-decoration: none; }

.articledisplay .tile-content .activity-instance a.expand span {
  text-decoration: underline; }

.articledisplay .tile-content .activity-instance a.expand:hover span {
  text-decoration: none; }

/* Article display - ctwebform */
.articledisplay form.ctform table {
  width: auto; }

.articledisplay form.ctform table tr {
  background: none; }

.articledisplay form.ctform input,
.articledisplay form.ctform select,
.articledisplay form.ctform textarea {
  margin-bottom: 11px; }

@media only screen and (max-width: 500px) {
  .articledisplay form.ctform input[type="text"],
  .articledisplay form.ctform input[type="email"],
  .articledisplay form.ctform input[type="number"],
  .articledisplay form.ctform select,
  .articledisplay form.ctform textarea {
    width: 100% !important; } }
.articledisplay form.ctform span.ctwebform-element-validationerror {
  color: red; }

.articledisplay form.ctform td.ctwebform-label {
  vertical-align: top; }

.articledisplay form.ctform td.ctwebform-element-type-submit {
  text-align: right; }

.articledisplay form.ctform .ctwebform-element-container-validationerror input,
.articledisplay form.ctform .ctwebform-element-container-validationerror textarea {
  border-color: red; }

/* Article display - slideshow */
.articledisplay .articleelement.gallery {
  margin: 0px auto 20px auto; }

.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file.filetype-4,
.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file .img-container {
  overflow: hidden;
  background: #e5e5e5;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center; }
  .articledisplay .articleelement.gallery .ctgallery-elements .gallery-file.filetype-4 else,
  .articledisplay .articleelement.gallery .ctgallery-elements .gallery-file .img-container else {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox; }

.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file video,
.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file figure {
  margin: auto; }

.articledisplay .articleelement.gallery .ctgallery-elements img {
  display: block;
  width: auto;
  height: auto;
  margin: auto; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  height: 24px;
  width: 14px;
  min-width: 14px;
  margin: auto;
  top: 13px;
  bottom: 0;
  font-size: 2.4rem;
  color: #e05206; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev svg,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next svg {
  width: 1.4rem; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev::before,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next::before {
  content: ""; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev:hover,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev:focus,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev {
  left: -26px; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next:hover,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next:focus,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  right: -26px; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  min-width: auto; }

.articledisplay .articleelement.gallery .slick-slider {
  margin-bottom: 10px; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails {
  margin: 0px auto; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper {
  padding: 11px 0px 11px 0px;
  margin-top: 14px; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
  margin: 0px auto;
  display: block; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center {
  padding: 6px 0px 6px 0px;
  background: #e5e5e5;
  position: relative; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center:before {
  content: '';
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  /* Making this a triangle marker */
  border-bottom: 14px solid #e5e5e5;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent; }

/* Article display - article inner grid */
/* (Not implemented for mobile, css only in default.css) */
/* User display */
.userdisplay .user-info {
  overflow: hidden; }

.userdisplay .user-info .photo,
.userdisplay .user-info .properties {
  float: left; }

.userdisplay .user-info .photo {
  margin-right: 30px; }

.userdisplay .user-info .properties .property {
  margin-bottom: 8px; }

.userdisplay .user-info .properties .property span.label {
  font-weight: bold;
  display: inline-block;
  width: 80px; }

.userdisplay .user-info a.vcard {
  display: inline-block;
  height: 30px;
  padding: 3px 0 0 0;
  overflow: hidden; }

.userdisplay .user-info a.vcard svg {
  margin-right: 14px;
  height: 2.5rem;
  width: 3.7rem;
  float: left;
  fill: #000; }

.userdisplay .homearticle {
  margin-top: 10px; }

.userdisplay .homearticle .digest {
  font-size: 1em;
  line-height: 2rem; }

/* Full list, common list class for tiles like articlelist, searchresult and userlist */
.full-list h3 {
  font-size: 2.2rem;
  margin-bottom: 8px;
  line-height: 2.5rem; }

.full-list a,
.full-list h3 a {
  text-decoration: none;
  color: #040404; }

.full-list a h3:hover,
.full-list h3 a:hover {
  text-decoration: underline;
  color: #008499; }

.full-list .digest {
  overflow: hidden; }

.full-list p {
  margin-top: 10px;
  margin-bottom: 0px;
  overflow: hidden; }

.full-list .digest p:first-child {
  margin-top: 0px; }

.full-list .byline,
.full-list .calendar-date {
  margin-bottom: 10px; }

.full-list .calendar-date {
  font-size: 1.4rem;
  color: #666; }

.full-list article {
  border-bottom: 1px solid #eee;
  padding-top: 23px;
  padding-bottom: 27px;
  overflow: hidden; }

.full-list ul.links {
  margin-top: 3px; }

.full-list .thumbnail {
  float: left; }

.full-list.busy {
  opacity: 0.5; }

/* Grid variant of full-list */
.full-list.grid-list ul.articles {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 20px; }
  .full-list.grid-list ul.articles else {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox; }

.full-list.grid-list ul.articles li {
  -webkit-flex: 1 1 195px;
  flex: 1 1 195px;
  max-width: 200px;
  margin-right: 20px;
  margin-bottom: 20px; }

.full-list.grid-list ul.articles li:nth-child(3n) {
  margin-right: 0; }

.full-list.grid-list nav {
  clear: both; }

.full-list.grid-list ul.articles li {
  background: #f4f3f3; }

.full-list.grid-list ul.articles li article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  box-sizing: border-box; }

.full-list.grid-list ul.articles li article figure {
  order: 1;
  margin: 0; }

.full-list.grid-list ul.articles li article figure img {
  width: 100%; }

.full-list.grid-list ul.articles li article h3 {
  order: 2;
  padding: 10px;
  flex: 0 0 2em; }

.full-list.grid-list ul.articles li article .digest {
  order: 3;
  padding: 10px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: flex; }

/* Article list sortbar */
/* the sort select from articlefilter is moved with js into the article list */
.articlelist.full-list .topbar {
  background: #bfbfbf none repeat scroll 0 0;
  padding: 7px 5px 3px 5px;
  height: 30px;
  text-align: right; }

.articlelist.full-list .topbar .displaymodebar {
  float: left;
  display: flex;
  align-items: flex-end;
  width: 160px; }

.articlelist.full-list .topbar .displaymodebar span.text {
  margin-left: 10px;
  margin-right: 10px; }

.articlelist.full-list .topbar .displaymodebar a {
  flex: 0 0 16px;
  margin-right: 7px;
  height: 16px;
  width: 16px;
  font-size: 1.6rem;
  color: #979696;
  display: inline-block; }

.articlelist.full-list .topbar .displaymodebar a.active {
  color: #5e5d5d; }

.articlelist.full-list .topbar .displaymodebar a span {
  display: none; }

.articlelist.full-list .topbar .sortbar {
  float: right; }

/* Article list - faq articles*/
.articlelist li article.faq {
  padding: 0px;
  margin-bottom: 10px;
  border: none; }

.articlelist article.faq h3,
.articlelist article.faq h3 a {
  color: #fff; }

.articlelist article.faq h3 a:hover {
  text-decoration: none; }

.articlelist article.faq h3 {
  margin: 0px;
  font-weight: normal;
  display: block;
  padding: 9px 18px 10px 18px;
  cursor: pointer; }

.articlelist article.faq.collapsed h3 {
  background: #555; }

.articlelist article.faq.expanded h3 {
  background: #e05400; }

.articlelist article.faq h3:after {
  float: right; }

.articlelist article.faq.expanded h3:after {
  content: '-'; }

.articlelist article.faq.collapsed h3:after {
  content: '+'; }

.articlelist article.faq .answer-wrapper {
  line-height: 2.7rem;
  overflow: hidden;
  background: #eee; }

.articlelist article.faq.collapsed .answer-wrapper {
  display: none; }

.articlelist article.faq .answer-wrapper ul {
  padding-left: 20px; }

.articlelist article.faq .answer-wrapper ul li {
  padding-left: 18px;
  list-style-type: none;
  position: relative; }

.articlelist article.faq .answer-wrapper ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 1.1rem;
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
  background: #e05206; }

/* Search result */
.search-result ul.links a,
.search-result h3 a:hover {
  text-decoration: underline;
  color: #008499; }

.search-result b {
  font-weight: normal;
  color: #e05206; }

.search-result a b:hover {
  color: #008499; }

/* User list */
/* User list - search fields */
.userlist .search-fields {
  margin-bottom: 23px; }

.userlist .search-fields .searchfield {
  overflow: hidden; }

.userlist .search-fields input[type="text"] {
  width: 315px; }

#placeholder-left .userlist .search-fields select,
#placeholder-right .userlist .search-fields select,
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields select {
  width: 100%; }

.userlist .search-fields select option {
  padding-top: 3px;
  padding-bottom: 3px; }

/* User list - list layout */
.userlist {
  font-size: 1.4rem; }

.userlist h2 {
  font-size: 2.2rem;
  font-weight: normal;
  margin-bottom: 5px; }

.userlist a {
  text-decoration: underline;
  color: #008499; }

.userlist h2 a {
  text-decoration: none;
  color: #040404; }

.userlist h2 a:hover {
  text-decoration: underline;
  color: #008499; }

.userlist .list-layout {
  overflow: hidden; }

.userlist .list-layout .photo.no-avatar svg {
  width: 100px;
  height: 95px;
  padding-top: 10px;
  background: #bcbdc0; }

.userlist .list-layout .properties {
  float: left; }

.userlist .list-layout .properties span.property {
  display: block; }

.userlist a.loadMore {
  color: #fff;
  display: block;
  margin: 14px auto 0px auto;
  width: 15rem;
  text-decoration: none; }

.userlist a.loadMore.busy {
  background: none; }

.userlist a.loadMore.busy span {
  display: none; }

.userlist a.loadMore .spinner {
  margin: 0px auto;
  top: 14px; }

/* User list - table layout */
.userlist .table-layout table th {
  border-bottom: 1px solid #e05206; }

/* Monthly activity list */
.monthly-activity-list a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none; }

.monthly-activity-list a:hover {
  color: #008499;
  text-decoration: underline; }

.monthly-activity-list table caption {
  text-align: left;
  font-weight: normal;
  font-size: 4rem;
  line-height: 4.5rem;
  margin-bottom: 13px; }

.monthly-activity-list table th,
.monthly-activity-list table tr {
  background: none; }

.monthly-activity-list table tr {
  border-bottom: 1px solid #ddd; }

.monthly-activity-list table th,
.monthly-activity-list table td {
  text-align: left;
  padding: 0px; }

.monthly-activity-list table td {
  vertical-align: top; }

.monthly-activity-list table tr.month,
.monthly-activity-list table tr.month th {
  color: #e05206;
  border: none; }

.monthly-activity-list table tr.month {
  border-bottom: 1px solid #e05206; }

.monthly-activity-list table tr.month th {
  padding-top: 27px;
  padding-bottom: 7px;
  font-size: 1.8rem; }

.monthly-activity-list table tr.month:first-child th {
  padding-top: 0px; }

.monthly-activity-list table tr.activity td {
  font-size: 1.4rem;
  padding-top: 8px;
  padding-bottom: 8px; }

.monthly-activity-list table td.duration {
  vertical-align: top;
  width: 96px;
  padding-left: 18px; }

.monthly-activity-list table td.duration .dates {
  margin-right: 12px;
  overflow: hidden;
  border-right: 1px solid #ddd; }

.monthly-activity-list table td.duration span {
  color: #e05206;
  display: block; }

.monthly-activity-list table td.duration time {
  float: left;
  display: block;
  text-align: center; }

.monthly-activity-list table td.duration time span.month {
  text-transform: uppercase; }

.monthly-activity-list table td.duration time.start-date span.day {
  font-size: 2.4rem;
  font-weight: bold; }

.monthly-activity-list table td.duration time.end-date {
  line-height: 1.3rem;
  margin-left: 12px;
  position: relative; }

.monthly-activity-list table td.duration time.end-date span.day:before {
  content: " - ";
  position: absolute;
  top: 0px;
  left: -8px; }

.monthly-activity-list table td.duration time.end-date span.day {
  font-size: 1.6rem;
  font-weight: bold; }

.monthly-activity-list table td.duration time.end-date span.month {
  font-size: 1.15rem; }

.monthly-activity-list table td.description a {
  display: block; }

.monthly-activity-list table td.description .times,
.monthly-activity-list table td.description .location {
  color: #666;
  font-size: 1.3rem; }

.monthly-activity-list table td.description .times svg,
.monthly-activity-list table td.description .location svg {
  fill: #3c3b3b;
  margin-right: 3px; }

.monthly-activity-list table td.description span,
.monthly-activity-list table td.description svg {
  vertical-align: middle; }

.monthly-activity-list table td.description .times {
  margin-right: 12px;
  text-transform: lowercase; }

/* Page navigator (used in e.g. full article/activity list and search result) */
.page-navigator {
  text-align: center;
  margin-top: 30px; }

.page-navigator ul {
  display: inline-block;
  margin-bottom: 6px; }

.page-navigator ul li {
  display: inline-block; }

.page-navigator a {
  color: #e05206;
  text-decoration: none;
  display: block; }

.page-navigator a:hover {
  background: #d9d9d9; }

.page-navigator .first-page,
.page-navigator .last-page,
.page-navigator ul.pages span,
.page-navigator .previous-page,
.page-navigator .next-page {
  background-color: #fff;
  display: inline-block;
  height: 4.7rem;
  line-height: 4.7rem;
  width: 4.9rem;
  border: 1px solid #aea9a9;
  border-radius: 4px; }

.page-navigator .next-page span,
.page-navigator .previous-page span,
.page-navigator .first-page span,
.page-navigator .last-page span {
  display: none; }

.page-navigator .first-page:after {
  content: "<<";
  font-weight: bold; }

.page-navigator .previous-page:after {
  content: "<";
  font-weight: bold; }

.page-navigator .next-page:after {
  font-family: FontAwesome;
  content: "\f105";
  font-weight: bold;
  font-size: 20px; }

.page-navigator .last-page:after {
  content: ">>";
  font-weight: bold; }

.page-navigator ul.pages span:hover {
  background-color: transparent; }
.page-navigator ul.pages li.page > span {
  background-color: #008499;
  color: #fff; }
.page-navigator .links {
  display: flex;
  justify-content: center; }
.page-navigator .next-page:after, .page-navigator .previous-page:after, .page-navigator .last-page:after, .page-navigator .first-page:after {
  font-family: FontAwesome;
  font-weight: bold;
  font-size: 26px;
  color: #008499; }
.page-navigator .next-page, .page-navigator .previous-page, .page-navigator .last-page, .page-navigator .first-page {
  margin-left: 5px; }
.page-navigator .previous-page {
  margin-right: 5px; }
.page-navigator a, .page-navigator a span {
  color: #008499; }
.page-navigator a:hover {
  background-color: #008499;
  color: #fff !important; }
  .page-navigator a:hover:after {
    color: #fff !important; }
.page-navigator a span:hover {
  background-color: #008499;
  color: #fff !important; }
  .page-navigator a span:hover:after {
    color: #fff !important; }
.page-navigator .next-page:after {
  content: "\f105"; }
.page-navigator .previous-page:after {
  content: "\f104"; }
.page-navigator .last-page:after {
  content: "\f101"; }
.page-navigator .first-page:after {
  content: "\f100"; }
.page-navigator .status {
  display: block;
  margin-bottom: 10px; }

/* Small lists, common list class for tiles like e.g. small articlelist, activitylist, rsslist */
.small-list {
  font-size: 1.4rem; }

#container #main-content .small-list h3,
body.mobile #placeholder-content .small-list h3 {
  color: #3c3b3b;
  font-size: 2.2rem;
  text-transform: none;
  border-bottom: 1px solid #acacac;
  background: none; }

.small-list li {
  margin-bottom: 16px; }

.small-list li:last-child {
  margin-bottom: 0px; }

.small-list time,
.small-list span.entry-postfix {
  color: #666;
  display: block;
  font-size: 1.3rem; }

.small-list .bottomlink {
  float: right; }

.small-list .bottomlink li {
  margin-bottom: 0px; }

.small-list .bottomlink a:after {
  content: " \00bb"; }

/* Small article list*/
.small-articlelist a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none; }

.small-articlelist a:hover {
  color: #008499;
  text-decoration: underline; }

/* Activity list */
.activity-list li {
  overflow: hidden; }

.activity-list li:last-child {
  margin-bottom: 16px; }

.activity-list span.start-date {
  float: left;
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 18px;
  text-align: center;
  background: #e05206; }

.activity-list span.start-date time {
  color: #fff; }

.activity-list span.month,
.activity-list span.day {
  display: block; }

.activity-list span.day {
  font-size: 2.8rem;
  text-align: center;
  margin-top: 5px; }

.activity-list span.month {
  font-weight: normal;
  text-transform: uppercase; }

.activity-list a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden; }

.activity-list a span.header {
  display: table-cell;
  vertical-align: middle;
  float: left; }

.activity-list a:hover,
.activity-list a span.header:hover {
  text-decoration: underline;
  color: #008499; }

.activity-list .location {
  color: #666;
  font-size: 1.3rem;
  display: block;
  float: left; }

.activity-list .location svg {
  display: none; }

/* News archive */
.newsarchive li {
  margin-bottom: 16px; }

.newsarchive li:last-child {
  margin-bottom: 0px; }

.newsarchive ul ul {
  margin: 16px 0px 0px 18px; }

.newsarchive li.selected > span {
  color: #e05206; }

.newsarchive .bottomlink {
  float: right; }

.newsarchive .bottomlink a:after {
  content: " \00bb"; }

/* Small articledisplay */
#main-content .small-articledisplay .tile-content,
body.mobile #placeholder-content .small-articledisplay .tile-content {
  padding-bottom: 0px; }

/* Small articledisplay - secondary design (without e.g. paddings and shadow) */
#container #main-content .small-articledisplay.secondary-design .tile-content,
body.mobile #placeholder-content .small-articledisplay.secondary-design .tile-content {
  padding: 0px; }

#container #main-content .small-articledisplay.secondary-design p,
body.mobile #placeholder-content .small-articledisplay.secondary-design p {
  margin: 0px; }

#container #main-content .small-articledisplay.secondary-design img,
body.mobile #placeholder-content .small-articledisplay.secondary-design img {
  display: block;
  width: 100%;
  height: auto; }

/* Small articledisplay - clickable design (with thumbnail and clickable content ) */
#container #main-content .small-articledisplay.clickable a,
body.mobile #placeholder-content .small-articledisplay.clickable a {
  text-decoration: none;
  color: #3c3b3b; }

#container #main-content .small-articledisplay.clickable figure,
body.mobile #placeholder-content .small-articledisplay.clickable figure {
  height: 112px;
  overflow: hidden; }

#container #main-content .small-articledisplay.clickable img,
body.mobile #placeholder-content .small-articledisplay.clickable img {
  display: block;
  width: 100%;
  height: auto; }

#container #main-content .small-articledisplay.clickable .tile-content,
body.mobile #placeholder-content .small-articledisplay.clickable .tile-content {
  padding-top: 2px;
  padding-bottom: 18px; }

#container #main-content .small-articledisplay.clickable h3,
body.mobile #placeholder-content .small-articledisplay.clickable h3 {
  margin-top: 11px;
  color: #3c3b3b;
  font-size: 2.2rem;
  padding-top: 0px;
  padding-bottom: 0px;
  background: none;
  text-transform: none; }

#container #main-content .small-articledisplay.clickable:hover,
body.mobile #placeholder-content .small-articledisplay.clickable:hover {
  box-shadow: 2px 3px 7px 0px rgba(61, 59, 59, 0.85); }

#container #main-content .small-articledisplay.clickable:hover a h3,
body.mobile #placeholder-content .small-articledisplay.clickable:hover a h3 {
  text-decoration: underline; }

/* Article elements tile */
.article-elements .linkcollection li {
  margin-bottom: 16px; }

.article-elements .linkcollection li:last-child {
  margin-bottom: 0px; }

#container #main-content .article-elements .tile-content h3,
body.mobile #placeholder-content .article-elements .tile-content h3 {
  color: #3c3b3b;
  font-size: 2.2rem;
  margin-bottom: 18px;
  padding: 0px 0px 8px 0px;
  text-transform: none;
  border-bottom: 1px solid #acacac;
  background: none; }

/* Side menu */
/* (Not implemented for mobile, css only in default.css) */
/* Search - simple search (all searchfields with only one input field and submit button, e.g. small searchinput, userlist search)*/
.simple-search input[type="text"] {
  float: left;
  padding: 0px 15px; }

.simple-search button {
  min-width: 80px; }

/* Link toolbar */
/* The link toolbar styling for placeholder top and bottom extends some of the css given here. */
body #container .linktoolbar {
  position: relative;
  overflow: visible; }

.linktoolbar .links {
  display: inline-block; }

.linktoolbar .links ul,
.linktoolbar .links li {
  float: left; }

.linktoolbar .links li:not(:last-child) {
  margin-right: 12px; }

.linktoolbar .links span.label {
  font-size: 1.4rem; }

.linktoolbar .links.sharing-links span.label {
  float: left;
  margin-left: 15px;
  margin-right: 5px;
  display: block;
  height: 4rem;
  line-height: 4rem; }

.linktoolbar .links.follow-links span.label {
  font-weight: bold;
  display: block;
  margin-bottom: 10px; }

.linktoolbar .links a:not(.font_size_link) span {
  display: none; }

.linktoolbar .links a {
  display: inline-block;
  box-sizing: border-box;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  color: #aeabab;
  font-size: 2rem;
  background: #e1e1e1; }

.linktoolbar .links a svg {
  width: 1.2em;
  display: block;
  margin: 25% auto 0 auto; }

.linktoolbar .links a:hover {
  background-color: #df5300; }

.linktoolbar .links a:not(.instagram_link):hover {
  color: #fff; }

.linktoolbar .links a.font_size_link {
  text-align: center;
  text-decoration: none;
  position: relative;
  padding-top: 8px; }

.linktoolbar .links a.font_size_link:not(:hover) {
  background: #e1e1e1; }

.linktoolbar .links a.font_size_link:hover span {
  color: #fff; }

.linktoolbar .links a.font_size_link .font-size-box {
  display: none; }

.linktoolbar .links a.font_size_link:hover .font-size-box {
  color: #353535;
  text-align: left;
  display: block;
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 2;
  box-sizing: border-box;
  width: 330px;
  padding: 5px 8px 0px 8px;
  background: #efefef;
  box-shadow: 2px 3px 7px 0 rgba(172, 171, 171, 0.5); }

/* Suggestion form */
.linktoolbar .suggestionform:not(.visible) {
  display: none; }

.linktoolbar .suggestionform.visible {
  padding: 2px 20px 20px 20px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
  border: 1px solid #eaeaea;
  background: #fff; }

.linktoolbar .suggestionform.visible.success {
  height: 68px; }

.linktoolbar .suggestionform a.close-button {
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -11px;
  right: -11px;
  color: #fff;
  font-size: 1.4rem;
  background: #bc0000;
  border-radius: 50%; }

.linktoolbar .suggestionform a.close-button span {
  display: none; }

.linktoolbar .suggestionform h1 {
  text-transform: uppercase;
  color: #666666;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 0px; }

.linktoolbar .suggestionform .input-elements {
  width: 340px;
  margin-right: 20px; }

.linktoolbar .suggestionform .error {
  border: 2px solid red; }

.linktoolbar .suggestionform .message {
  border: none;
  padding: 0px; }

.linktoolbar .suggestionform .error ul li:before {
  content: "";
  display: inline-block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.6rem;
  background: none repeat scroll 0 0 #e05206; }

.linktoolbar .suggestionform .error ul li {
  list-style-type: none;
  padding-left: 18px;
  position: relative; }

.linktoolbar .suggestionform label,
.linktoolbar .suggestionform textarea,
.linktoolbar .suggestionform input:not([type="submit"]) {
  display: block;
  box-sizing: border-box;
  width: 100%; }

.linktoolbar .suggestionform label {
  margin-top: 4px;
  margin-bottom: 2px; }

.linktoolbar .suggestionform input.inputerror {
  border: 2px solid red; }

.linktoolbar .suggestionform input[type="submit"] {
  margin-top: 10px;
  float: right; }

.linktoolbar .suggestionform .ctcaptchatextual label,
.linktoolbar .suggestionform .ctcaptchatextual input {
  display: inline-block;
  margin-right: 10px; }

/* Login form */
.login-form {
  overflow: hidden; }

#placeholder-content.no-left .login-form,
#placeholder-content.no-right .login-form,
#placeholder-content.no-left.no-right .login-form,
body.mobile #placeholder-content .login-form {
  width: 365px; }

.login-form label,
.login-form input {
  display: inline-block; }

.login-form label {
  width: 99px; }

.login-form .label-input-group {
  margin-bottom: 11px; }

.login-form input:not([type="submit"]) {
  width: 242px; }

.login-form a.toggler {
  float: left;
  cursor: pointer;
  height: 3.2rem;
  line-height: 3.2rem; }

.login-form a.button,
.login-form input[type="submit"] {
  float: right; }

.login-form .changePassword form {
  clear: both; }

/* User bar */
#container .tile-common.userbar {
  font-size: 1.4rem;
  color: #fff;
  text-align: right;
  background: #e05206; }

.userbar a {
  color: #fff; }

.userbar .user,
.userbar .hyper-links {
  display: inline-block; }

.userbar .hyper-links {
  margin-left: 18px; }

/* Billboard tile, default styling */
/* (No common billboard styling for desktop and mobile is done here except slick dots and slider styling, so each channel has their inpendendent
   styling done in their stylesheet. Remember to update both default.css and mobile.css if changes that should
   affect both channels are done) */
/* slick buttons, used in billboard */
/* slick dots, used in billboard */
/* (Not implemented for mobile, css only in default.css) */
/* slick slider, used in billboard */
.billboard .slick-slider {
  margin-bottom: -1px; }

/* slick buttons, used in billboard */
/* File list */
.file-list table th,
.file-list table td {
  padding-top: 0px;
  padding-bottom: 0px; }

.file-list h3 {
  margin-bottom: 10px; }

.file-list table caption {
  font-weight: normal;
  text-align: left;
  font-size: 2.8rem;
  padding-bottom: 10px; }

.file-list table td.size {
  width: 130px; }

.file-list table th.name,
.file-list table td.name {
  padding-left: 10px; }

.file-list table td.name a {
  padding: 4px 0px 4px 0px;
  float: left; }

.file-list table td.name a svg {
  fill: #000;
  height: 2.5rem;
  width: 1.8rem;
  margin-right: 10px;
  vertical-align: middle; }

/* Site map */
.sitemap li {
  padding-left: 18px;
  margin-top: 4px;
  list-style-type: none;
  position: relative; }

.sitemap li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.8rem;
  display: inline-block;
  box-sizing: border-box;
  height: 0.6rem;
  width: 0.6rem;
  background: #e05206; }

.sitemap li li:before {
  background: none;
  border: 1px solid #e05206; }

.sitemap li li li:before {
  border: none;
  background: #555; }

.sitemap li li li li:before {
  background: none;
  border: 1px solid #555; }

/* Article rating */
.article-rating {
  overflow: hidden; }

.article-rating form {
  float: left; }

.article-rating button,
.article-rating input[type="submit"] {
  min-width: auto;
  /*font-size: 0px; textIndent: '-1px';*/ }

.article-rating button span,
.article-rating input[type="submit"] span {
  font-size: 0px;
  textIndent: '-1px'; }

.article-rating .rating-label {
  color: #666;
  font-size: 1.4rem;
  float: left;
  margin-top: 2px; }

.article-rating .rating-container.active button,
.article-rating .rating-container.active input[type="submit"] {
  cursor: pointer; }

.article-rating .rating-container.active button,
.article-rating .rating-container.active label.submit {
  color: #e05411; }

.article-rating .rating-container button:hover,
.article-rating .rating-container label.submit:hover {
  color: #fff; }

.article-rating .rating-container button:hover #thumbsup_stroke,
.article-rating .rating-container button:hover #thumbsdown_stroke,
.article-rating .rating-container label.submit:hover #heart_stroke {
  fill: #e05411; }

.article-rating .rating-container.disabled button,
.article-rating .rating-container.disabled label.submit {
  color: #aeabab; }

.article-rating .rating-container.disabled button:hover #thumbsup_stroke,
.article-rating .rating-container.disabled button:hover #thumbsdown_stroke,
.article-rating .rating-container.disabled label.submit:hover #heart_stroke {
  fill: currentColor; }

/* Article rating - star rating */
.article-rating .starrating fieldset {
  display: none; }

.article-rating .starrating .stars-wrapper {
  float: left;
  margin-right: 8px; }

.article-rating .starrating.active .stars-wrapper {
  cursor: pointer; }

/* More styling is done in javascript (starrating.js), where a star-sprite image is used. */
/* Article rating - agreedisagree rating */
.article-rating .agreedisagreerating .rating-label {
  margin-top: 3px; }

.article-rating .agreedisagreerating button {
  width: 28px;
  min-width: 28px;
  height: 24px;
  margin-right: 8px;
  float: left;
  padding: 0;
  background: none; }

.article-rating .agreedisagreerating button svg {
  width: 2.8rem;
  min-width: 2.8rem;
  height: 2.4rem; }

.article-rating .agreedisagreerating button.disagree {
  margin-left: 8px;
  margin-top: 7px; }

/* Article rating - recommend rating */
.article-rating .recommendrating label.submit svg {
  height: 2.3rem;
  width: 2.7rem;
  min-width: 2.7rem;
  margin-right: 8px; }

.article-rating .recommendrating input[type="submit"] {
  display: none; }

/* Entity comment */
/* Entity comment - comments */
.entitycomment .toggle-link-wrapper button {
  display: block;
  margin: 0px auto 18px auto; }

.entitycomment h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #aeabab; }

.entitycomment .comments {
  margin-bottom: 30px; }

.entitycomment .comments a {
  color: #555; }

.entitycomment .comments a:hover {
  color: #008499; }

.entitycomment .comments a.toggler {
  text-decoration: none;
  float: right;
  padding-right: 9px;
  margin-right: 10px;
  border-right: 1px solid #aeabab; }

.entitycomment .comments li a.toggler:after {
  font-size: 2rem;
  color: #aeabab; }

.entitycomment .comments li.expanded a.toggler:after {
  content: "-"; }

.entitycomment .comments li.collapsed a.toggler:after {
  content: "+"; }

.entitycomment .comments a.toggler span {
  display: none; }

.entitycomment .comments ul li {
  margin-top: 20px; }

.entitycomment .comments ul ul {
  margin-left: 18px; }

.entitycomment .comments ul ul ul ul ul {
  margin-left: 0px;
  /* Only have indentation in four levels */ }

.entitycomment .comments li.collapsed > ul,
.entitycomment .comments li.collapsed > div > article > div.post-content {
  display: none; }

.entitycomment .comments .post-body {
  margin-bottom: 3px;
  margin-right: 45px; }

.entitycomment .comments button,
.entitycomment .comments .entity-comment-post-tag-offensive {
  float: right; }

.entitycomment .comments .entity-comment-post-tag-offensive button {
  width: 14px;
  min-width: 14px;
  height: 14px;
  cursor: pointer;
  margin-top: 3px;
  font-size: 1.4rem;
  color: #aeabab;
  padding: 0;
  line-height: normal;
  background: none; }

.entitycomment .comments .entity-comment-post-tag-offensive button:hover {
  color: #aeabab; }

.entitycomment .comments button span {
  display: none; }

.entitycomment .comments button:hover {
  color: #008499; }

.entitycomment .comments button.entity-comment-answer {
  margin-right: 15px; }

.entitycomment .comments .headerblock h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 5px; }

.entitycomment .comments .headerblock h3 a {
  text-decoration: none; }

.entitycomment .comments li.collapsed .headerblock h3,
.entitycomment .comments li.collapsed .headerblock h3 a {
  color: #555555; }

.entitycomment .comments .headerblock header,
.entitycomment .comments .headerblock footer,
.entitycomment .comments .headerblock .entitycomment-urls {
  display: inline-block; }

.entitycomment .comments .headerblock footer,
.entitycomment .comments .headerblock .entitycomment-urls {
  font-size: 1.3rem;
  font-style: italic;
  color: #555; }

.entitycomment .comments .headerblock footer {
  margin-right: 10px; }

.entitycomment .comments .headerblock footer time:before {
  content: "•";
  display: inline-block;
  margin-right: 9px; }

.entitycomment .comments a.entity-comment-answer {
  font-size: 1.4rem; }

.entitycomment .comments span.response-to {
  margin-right: 6px; }

.entitycomment .comments span.response-to svg {
  width: 1em;
  height: 0.6em;
  margin-right: 10px; }

.entitycomment .entitycomment-trackback-link {
  margin-bottom: 16px;
  text-align: right; }

/* Entity comments - single thread */
.entitycomment .comments.single-thread li {
  margin-top: 10px;
  padding-bottom: 11px;
  border-bottom: 1px solid #eee; }

/* Entity comment - form */
.entitycomment-form {
  overflow: hidden; }

.entitycomment-form-note {
  margin: 14px 0px 10px 0px; }

.entitycomment-form-quoted {
  margin-top: 14px;
  font-style: italic; }

.entitycomment-form label,
.entitycomment-form textarea,
.entitycomment-form input:not([type="submit"]) {
  float: left; }

.entitycomment-form textarea,
.entitycomment-form input:not([type="submit"]) {
  margin-bottom: 10px; }

.entitycomment-form textarea,
.entitycomment-form input:not([type="submit"]) {
  width: 439px; }

.entitycomment-form label {
  clear: both;
  width: 175px; }

.entitycomment-form .ctcaptchatextual label {
  width: 310px; }

.entitycomment-form .entitycomment-form-submit {
  float: right;
  clear: both; }

/* Entity comment answer form */
.entitycomment .comments form.entitycomment-form {
  margin-left: 18px; }

.entitycomment .comments form.entitycomment-form h3 {
  margin-top: 10px; }

.entitycomment .comments form.entitycomment-form textarea,
.entitycomment .comments form.entitycomment-form input:not([type="submit"]) {
  width: 100%;
  box-sizing: border-box; }

/* Advanced search */
/* (Not implemented for mobile, css only in default.css) */
/* Calendar */
.calendar {
  overflow: hidden;
  background: #fff; }

.calendar header .month-year-header {
  text-align: center;
  font-weight: bold;
  display: inline-block; }

.calendar header span.pageLink {
  display: inline-block;
  cursor: pointer; }

.calendar header span.pageLink.next-year,
.calendar header span.pageLink.previous-year {
  width: 14px;
  height: 11px; }

.calendar header span.pageLink.next-month-year,
.calendar header span.pageLink.previous-month-year {
  width: 15px;
  height: 22px;
  color: #e05206; }

.calendar header span.pageLink svg {
  width: 100%;
  height: 100%; }

.calendar header .next-links {
  float: right;
  text-align: right; }

.calendar header .previous-links {
  float: left; }

.calendar table {
  margin-top: 10px;
  margin-bottom: 20px; }

.calendar table tr {
  background: #fff; }

.calendar table th,
.calendar table td {
  text-align: center;
  padding: 4px;
  font-size: 1.6rem; }

.calendar table th {
  font-weight: normal;
  border-bottom: 2px solid #555; }

.calendar table td.inactive,
.calendar table td.previousMonth,
.calendar table td.nextMonth {
  color: #999; }

.calendar table td span {
  padding: 0px 4px 1px 4px;
  border-radius: 15px; }

.calendar table td.eventful span {
  cursor: pointer;
  border: 2px solid #efa882;
  background: #efa882; }

.calendar table td.selected span {
  color: #fff;
  border: 2px solid #e05206;
  background: #e05206; }

.calendar table td.today span {
  border: 2px solid #e05206; }

.calendar ul.activity-details,
.calendar ul.activity-details li {
  overflow: hidden; }

.calendar ul.activity-details {
  font-size: 1.4rem; }

.calendar ul.activity-details .events-today-title {
  text-transform: uppercase;
  margin-bottom: 5px; }

.calendar ul.activity-details .text,
.calendar ul.activity-details span.all-day,
.calendar ul.activity-details span.start-date {
  display: inline-block;
  float: left; }

.calendar ul.activity-details span.all-day,
.calendar ul.activity-details span.start-date {
  margin-right: 5px; }

.calendar ul.activity-details .location {
  color: #666;
  font-size: 1.3rem; }

.calendar ul.links {
  font-size: 1.4rem;
  float: right;
  margin-top: 16px; }

.calendar ul.links a:after {
  content: " »"; }

/* Datepicker */
/* (Not implemented for mobile, css only in default.css) */
/* Tooltip */
.tooltip.visible {
  display: block;
  font-size: 1.4rem; }

.tooltip.visible:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  margin: auto;
  padding-top: 5px;
  width: 0;
  height: 0;
  /* Making it a triangle */
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 13px solid #e1e1e1; }

.tooltip.hidden {
  display: none; }

.tooltip p {
  margin: 8px 0px 0px 0px;
  padding: 3px 8px 5px 8px;
  max-width: 290px;
  box-sizing: border-box;
  background: #e1e1e1; }

/* -- Placeholder top -- */
/* (Styling for tiles in placeholder top are done in default.css and mobile.css since desktop and mobile uses different tiles) */
/* -- Placeholder bottom -- */
/* (Some styling for tiles in placeholder bottom are done in default.css and mobile.css since desktop and mobile uses different tiles) */
/* Link toolbar */
/* This styling extends some styling written above for linktoolbar */
#placeholder-bottom .linktoolbar .links li:not(:last-child) {
  margin-right: 9px; }

#placeholder-bottom .linktoolbar .links span.label {
  font-size: 1.6rem;
  font-weight: bold; }

#placeholder-bottom .linktoolbar .links a {
  height: 5.3rem;
  width: 5.3rem;
  border-radius: 50%;
  font-size: 2.8rem; }

#placeholder-bottom .linktoolbar .links a svg {
  margin: 1.2rem auto 0 auto; }

/* Article filter tile  */
/* enable this to make items with count 0 disappear */
/* .articlefilter .filteritems .noitems { display:none; } */
#placeholder-content .articlefilter .tile-content {
  padding: 20px; }

#placeholder-right .articlefilter h1,
#placeholder-left .articlefilter h1 {
  margin-bottom: 0;
  background: #e05206 none repeat scroll 0 0; }

.articlefilter h2 {
  margin-top: 12px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold; }

.articlefilter h2.collapsable {
  cursor: pointer; }

.articlefilter h2.collapsable:hover {
  color: #e05206;
  text-decoration: underline; }

.articlefilter h2.collapsable .postcontent:after {
  content: " –"; }

.articlefilter h2.collapsable.collapsed .postcontent:after {
  content: " + "; }

.articlefilter h2 span {
  text-transform: none; }

.articlefilter h2 span.postcontent {
  float: right; }

.articlefilter .tile-content {
  background: #eaeaea; }

.articlefilter input[type=text] {
  font-weight: bold; }

.articlefilter input[type=submit] {
  float: right;
  min-width: 10px;
  height: 2.4rem;
  line-height: 2.4rem;
  margin-left: 5px; }

.articlefilter .range input.from, .articlefilter .range input.to {
  width: 80px; }

.articlefilter .freetext input.freetext {
  width: 190px; }

.articlefilter ul li label {
  cursor: pointer; }

.articlefilter ul li label:hover {
  text-decoration: underline; }

.articlefilter ul li.noitems label {
  cursor: not-allowed; }

.articlefilter ul li.noitems label:hover {
  text-decoration: none; }

.articlefilter ul.valuelist.type-tagcloud {
  line-height: 3.0rem; }

.articlefilter ul.valuelist.type-tagcloud li {
  display: inline-block;
  xheight: 32px;
  xline-height: 1.6rem; }

.articlefilter ul.valuelist.type-tagcloud li input {
  display: none; }

.articlefilter ul.valuelist.type-tagcloud li label {
  height: 22px;
  font-size: 1.4rem;
  display: block;
  color: black;
  padding: 1px 6px 8px 6px;
  margin: 5px 10px 5px 0px;
  border-radius: 9px;
  background: #999999; }

.articlefilter ul.valuelist.type-tagcloud li label.selected {
  color: #fff;
  background: #e05400; }

.articlefilter ul.valuelist.type-tagcloud li label:hover {
  color: #fff;
  background: #e05400; }

.articlefilter ul.valuelist.type-tagcloud li.noitems label {
  color: #3c3b3b;
  background: #cccccc; }

.articlefilter ul.valuelist.type-tagcloud li.noitems label.selected {
  background: #e3b59c; }

/* --  Lightbox  -- */
/* (Not implemented for mobile, css only in default.css) */
/* -- Direct Edit -- */
.directedit-link-container {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden; }

.directedit-link-container ul,
.directedit-link-container-top,
.directedit-link-container-bottom {
  clear: both;
  float: right; }

#placeholder-bottom .directedit-link-container ul,
#placeholder-bottom .directedit-link-container-top,
#placeholder-bottom .directedit-link-container-bottom {
  float: left; }

.directedit-link-container ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px; }

div.directedit-link-container li a {
  display: block;
  font-size: 2rem;
  color: #e05206; }

div.directedit-link-container li span {
  display: none; }

div.directedit-link-container li a.new-article svg,
div.directedit-link-container li a.edit-article svg,
div.directedit-link-container li a.delete-article svg {
  height: 0.8em; }

/* -- Elements for rwd -- */
/* (Styled in different sections in default.css and mobile.css ) */
/* Mobile menu */
.mobilemenu {
  position: relative; }

.mobilemenu .toggle-link-wrapper {
  position: absolute; }

.mobilemenu .toggle-link-wrapper a {
  display: block;
  width: 60px;
  color: #fff;
  font-size: 3rem;
  text-align: center; }

.mobilemenu .toggle-link-wrapper a svg {
  width: 1.1em; }

.mobilemenu .toggle-link-wrapper a.open {
  color: #e05206; }

.mobilemenu .toggle-link-wrapper span {
  display: none; }

.mobilemenu .tile-content {
  display: none;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  position: relative;
  overflow: hidden; }

.mobilemenu > .tile-content > ul {
  display: block;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0); }

.mobilemenu > .tile-content > ul[data-activelevel="0"] {
  left: 0%; }

.mobilemenu > .tile-content > ul[data-activelevel="1"] {
  left: -100%; }

.mobilemenu > .tile-content > ul[data-activelevel="2"] {
  left: -200%; }

.mobilemenu > .tile-content > ul[data-activelevel="3"] {
  left: -300%; }

.mobilemenu > .tile-content > ul[data-activelevel="4"] {
  left: -400%; }

.mobilemenu > .tile-content > ul[data-activelevel="5"] {
  left: -500%; }

.mobilemenu > .tile-content > ul[data-activelevel="6"] {
  left: -600%; }

.mobilemenu > .tile-content > ul[data-activelevel="7"] {
  left: -700%; }

.mobilemenu > .tile-content > ul[data-activelevel="8"] {
  left: -800%; }

.mobilemenu > .tile-content > ul[data-activelevel="9"] {
  left: -900%; }

.mobilemenu > .tile-content ul {
  left: 100%; }

.mobilemenu ul {
  display: none;
  position: absolute;
  top: 0;
  list-style-type: none;
  width: 100%;
  padding: 0;
  z-index: 11; }

.mobilemenu li.current ul {
  display: block; }

.mobilemenu ul.active {
  display: block; }

.mobilemenu li {
  overflow: visible;
  border-bottom: 1px solid #000;
  background: #555; }

.mobilemenu li.overview {
  background: #e05206; }

.mobilemenu li:last-child {
  border-bottom: none; }

.mobilemenu li a {
  color: #fff;
  font-size: 2.5rem;
  line-height: 3rem;
  text-decoration: none;
  display: block;
  padding: 15px 26px 20px 35px; }

.mobilemenu li a span.icon {
  float: right; }

.mobilemenu li a span.icon svg {
  height: 1.1em; }

.mobilemenu li.overview span.icon {
  font-size: 3rem; }

.mobilemenu li.overview > a {
  padding-left: 25px; }

.mobilemenu li.levelup > a {
  padding-left: 26px; }

.mobilemenu li.levelup span.icon {
  float: left;
  display: inline-block;
  margin-right: 20px;
  margin-left: -5px;
  line-height: 4rem; }

.mobilemenu li.levelup span.icon svg {
  width: 15px; }

li.levelup.top:after {
  content: " ";
  background-color: #000;
  width: 1px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 241px; }

.mobilemenu ul ul li > a {
  padding-left: 45px; }

.mobilemenu li .spinner {
  display: none; }

.mobilemenu li.busy.has-submenu > a {
  background-image: none; }

.mobilemenu li.busy .spinner {
  display: block;
  top: -14px;
  left: 413px; }

/* Small search input - rwd-toggle style */
/* (styled in section placeholder top in mobile.css and inside media query (for tablet portrait) in default.css) */
/* The style for mobile and tablet is almost identical, so any changes done for this must be done two places
   The reason for this is small-searchinput should be styled in two different ways for desktop, one for ordinary display
   and one inside a breakpoint. Having it here in style.css will make them affect each other.*/
/* -- Debug info -- */
table.debuginfo {
  width: auto;
  margin-bottom: 10px; }

table.debuginfo tr {
  background: #fff; }

html {
  background-attachment: fixed; }

#container {
  background: #F4F3F2; }
  @media only screen and (max-width: 500px) {
    #container .tile-common.billboard.stretched-mode {
      background-color: transparent; } }

.inner-wrapper {
  *zoom: 1; }
.inner-wrapper:before, .inner-wrapper:after {
  content: " ";
  display: table; }
.inner-wrapper:after {
  clear: both; }
@media only screen and (max-width: 500px) {
  .inner-wrapper {
    padding-left: 15px;
    padding-right: 15px; } }

.linktext-extension {
  display: none; }

.dummy-top {
  height: 0 !important; }

#coretrek-footer {
  background-color: #d5d0cc;
  font-size: 14px;
  color: #2c2c2d;
  padding: 15px 0;
  border-top: 1px solid #c4bfbc; }
  #coretrek-footer a {
    color: #2c2c2d;
    font-size: 14px; }

.frontpage .ad-display h1 {
  margin-top: 0px; }

h1 {
  font-family: "Montserrat", "Open Sans", sans-serif;
  margin-top: 11px; }

a:focus {
  outline: none; }

#cover {
  position: absolute;
  width: 100%;
  height: 1px;
  opacity: 0;
  background-color: black;
  z-index: 1001;
  width: 100%;
  transition: opacity .5s ease-in; }

#container {
  margin-top: 143px; }

body.splash #container {
  margin-top: 0; }

#container #main-content .small-list h3 {
  font-family: "Montserrat", "Open Sans";
  font-size: 24px; }
  @media only screen and (max-width: 500px) {
    #container #main-content .small-list h3 {
      font-size: 38px;
      line-height: 40px; } }
#container #main-content .small-list article a span {
  font-size: 18px; }
  @media only screen and (max-width: 500px) {
    #container #main-content .small-list article a span {
      font-size: 27px;
      line-height: 31px; } }
#container #main-content .small-list article .entry-postfix {
  color: #b0b0b0;
  font-size: 14px; }
  @media only screen and (max-width: 500px) {
    #container #main-content .small-list article .entry-postfix {
      font-size: 21px;
      margin-top: 8px; } }
#container #main-content .small-list .bottomlink a {
  font-size: 16px;
  color: #2c2c2d; }
  @media only screen and (max-width: 500px) {
    #container #main-content .small-list .bottomlink a {
      font-size: 23px;
      font-weight: 600; } }

#container #main-content .small-articledisplay.clickable h3 {
  font-size: 20px !important; }
#container #main-content .small-articledisplay.clickable a {
  font-size: 18px;
  color: #2c2c2d; }
  #container #main-content .small-articledisplay.clickable a .digest {
    line-height: 24px; }

#container #main-content .side-menu h3 {
  border-bottom: 3px solid #008499;
  margin-bottom: 0px !important; }
#container #main-content .side-menu .tile-content {
  background-color: transparent;
  padding: 0px 9px 18px 9px !important; }

#main-content .small-list h3 {
  text-align: center; }
@media only screen and (max-width: 500px) {
  #main-content .tile-common {
    margin-bottom: 35px; } }

@media only screen and (max-width: 500px) {
  #container {
    background: #F4F3F2 !important; } }
#placeholder-content-top {
  margin-top: 60px; }
  @media (min-width: 500px) and (max-width: 800px) {
    #placeholder-content-top {
      margin-top: 90px; } }
  @media only screen and (max-width: 500px) {
    #placeholder-content-top {
      margin-top: 0; } }
  #placeholder-content-top .inner-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap; }
    #placeholder-content-top .inner-wrapper .tile-common:nth-child(1) {
      margin: 0 10px 0 0; }
      @media only screen and (max-width: 500px) {
        #placeholder-content-top .inner-wrapper .tile-common:nth-child(1) {
          margin: 30px 0 0 0; } }
    #placeholder-content-top .inner-wrapper .tile-common:nth-child(2) {
      margin: 0 0 0 20px; }
      @media only screen and (max-width: 500px) {
        #placeholder-content-top .inner-wrapper .tile-common:nth-child(2) {
          margin: 30px 0 0 0; } }
    @media only screen and (max-width: 500px) {
      #placeholder-content-top .inner-wrapper {
        flex-wrap: wrap; } }
  #placeholder-content-top .custom-frontboxes {
    max-width: 500px; }
    @media only screen and (max-width: 500px) {
      #placeholder-content-top .custom-frontboxes {
        order: 2;
        max-width: none; } }
    #placeholder-content-top .custom-frontboxes .articles {
      display: flex;
      flex-wrap: wrap; }
      #placeholder-content-top .custom-frontboxes .articles {
        *zoom: 1; }
      #placeholder-content-top .custom-frontboxes .articles:before, #placeholder-content-top .custom-frontboxes .articles:after {
        content: " ";
        display: table; }
      #placeholder-content-top .custom-frontboxes .articles:after {
        clear: both; }
      @media (min-width: 500px) and (max-width: 800px) {
        #placeholder-content-top .custom-frontboxes .articles {
          /*margin-top: 32px;*/ } }
    #placeholder-content-top .custom-frontboxes .article {
      flex-basis: 50%;
      box-sizing: border-box;
      margin-bottom: 22px; }
      #placeholder-content-top .custom-frontboxes .article:nth-child(odd) {
        padding-right: 30px; }
      @media (min-width: 500px) and (max-width: 800px) {
        #placeholder-content-top .custom-frontboxes .article {
          padding-left: 0;
          padding-right: 0; } }
      @media only screen and (max-width: 500px) {
        #placeholder-content-top .custom-frontboxes .article:nth-child(odd) {
          padding-left: 0;
          padding-right: 10px; }
        #placeholder-content-top .custom-frontboxes .article:nth-child(even) {
          padding-left: 10px;
          padding-right: 0; } }
      #placeholder-content-top .custom-frontboxes .article a {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background: #c4bfbc;
        transition: all .5s;
        -webkit-transition-duration: .5s;
        /* Safari */
        transition-duration: .5s;
        transform: scale(1, 1);
        width: 100%; }
        @media (min-width: 500px) and (max-width: 800px) {
          #placeholder-content-top .custom-frontboxes .article a {
            box-sizing: border-box;
            padding: 0 1rem;
            margin: 0 .6rem;
            white-space: normal;
            -ms-word-break: break-all;
            word-break: break-all;
            word-wrap: break-word;
            height: 75px; } }
        #placeholder-content-top .custom-frontboxes .article a:hover {
          -webkit-transition-duration: .5s;
          /* Safari */
          transition-duration: .5s;
          transform: scale(1.1, 1.1);
          text-decoration: none; }
        #placeholder-content-top .custom-frontboxes .article a h3 {
          color: #000;
          background: none !important;
          margin: 0;
          padding: 15px !important;
          font-weight: 100;
          font-size: 1.9rem !important;
          font-family: "Montserrat", "Open Sans", sans-serif;
          line-height: 3.1rem;
          text-transform: none !important; }
          @media (min-width: 500px) and (max-width: 800px) {
            #placeholder-content-top .custom-frontboxes .article a h3 {
              padding: 0 !important;
              font-size: 1.5rem !important; } }
          #placeholder-content-top .custom-frontboxes .article a h3:hover {
            text-decoration: none; }
  #placeholder-content-top .small-articlelist {
    background-color: #fff;
    padding: 20px 0; }
    #placeholder-content-top .small-articlelist h3 {
      font-weight: 100;
      font-size: 2.5rem;
      font-family: "Montserrat", "Open Sans", sans-serif;
      line-height: 3.1rem;
      text-align: center;
      margin-top: 0;
      padding: 0 0 8px 0;
      border-bottom: 2px solid #cccccc; }
    #placeholder-content-top .small-articlelist .tile-content {
      padding: 0 20px; }
      #placeholder-content-top .small-articlelist .tile-content li {
        margin-bottom: 40px;
        margin-top: 20px; }
      #placeholder-content-top .small-articlelist .tile-content a {
        font-weight: 600;
        font-size: 2rem; }
      #placeholder-content-top .small-articlelist .tile-content .entry-postfix {
        font-size: 1.7rem;
        color: #959596;
        margin-top: 5px; }
    #placeholder-content-top .small-articlelist .bottomlink a {
      font-weight: normal; }
      #placeholder-content-top .small-articlelist .bottomlink a:before {
        content: url(svg/readmore.svg);
        width: 23px;
        height: 23px;
        float: left;
        margin-right: 5px;
        margin-top: 0px;
        display: block; }
      #placeholder-content-top .small-articlelist .bottomlink a:after {
        content: ""; }
  @media only screen and (max-width: 500px) {
    #placeholder-content-top .small-articlelist {
      margin: 0; } }

#placeholder-absolute-top {
  width: 100%;
  background: #fff;
  border-bottom: 4px solid #e1e1e1;
  height: 31px;
  position: fixed;
  z-index: 10001;
  top: 0; }
  #placeholder-absolute-top .standard-menu {
    padding-top: 6px;
    float: left; }
    #placeholder-absolute-top .standard-menu ul li {
      display: inline-block;
      background: #e1e1e1;
      border-radius: 0 20px 0 0;
      margin-right: 5px; }
      @media only screen and (max-width: 500px) {
        #placeholder-absolute-top .standard-menu ul li {
          border-radius: 0 26px 0 0; } }
      #placeholder-absolute-top .standard-menu ul li a, #placeholder-absolute-top .standard-menu ul li span {
        padding: 2px 13px;
        font-size: 1.4rem;
        color: #2c2c2d;
        text-transform: uppercase;
        text-decoration: none;
        display: block; }
        @media (min-width: 500px) and (max-width: 800px) {
          #placeholder-absolute-top .standard-menu ul li a, #placeholder-absolute-top .standard-menu ul li span {
            font-size: 1.2rem; } }
      #placeholder-absolute-top .standard-menu ul li.theme-turquise:hover {
        background: #008499; }
        #placeholder-absolute-top .standard-menu ul li.theme-turquise:hover a {
          color: #fff; }
      #placeholder-absolute-top .standard-menu ul li.theme-orange:hover {
        background: #DD941A; }
        #placeholder-absolute-top .standard-menu ul li.theme-orange:hover a {
          color: #fff; }
      #placeholder-absolute-top .standard-menu ul li.theme-green:hover {
        background: #8c961c; }
        #placeholder-absolute-top .standard-menu ul li.theme-green:hover a {
          color: #fff; }
      #placeholder-absolute-top .standard-menu ul li.theme-gray:hover {
        color: black;
        background: #c4bfbc; }
      #placeholder-absolute-top .standard-menu ul li.theme-purple:hover {
        color: black;
        background: #58b6e7; }
  #placeholder-absolute-top .linktoolbar {
    float: right; }
    @media (max-width: 1000px) {
      #placeholder-absolute-top .linktoolbar {
        display: none; } }
    #placeholder-absolute-top .linktoolbar .links.follow-links span.label {
      float: left;
      margin-top: 10px;
      margin-bottom: 0;
      font-weight: normal;
      text-transform: uppercase; }
    #placeholder-absolute-top .linktoolbar .links a {
      display: inline-block;
      box-sizing: border-box;
      height: 2rem !important;
      width: 3rem;
      border-radius: 50%;
      color: #000;
      font-size: 1.7rem;
      background: transparent;
      padding-top: 2px; }
    #placeholder-absolute-top .linktoolbar .links li:not(.last) {
      margin-right: 0; }

#placeholder-absolute-top {
  -webkit-box-shadow: inset 2px -5px 13px 0px #cccccc;
  -moz-box-shadow: inset 2px -5px 13px 0px #cccccc;
  box-shadow: inset 2px -5px 13px 0px #cccccc; }
  #placeholder-absolute-top .linktoolbar .links span.label {
    font-size: 12px; }
  #placeholder-absolute-top .linktoolbar .links a {
    font-size: 15px;
    width: 25px; }
  #placeholder-absolute-top .linktoolbar .links svg {
    margin-top: 10px; }
  #placeholder-absolute-top .linktoolbar .links svg:hover {
    color: #008499; }
  #placeholder-absolute-top .standard-menu ul li {
    background-color: #d5d0cc; }

@media only screen and (max-width: 500px) {
  #container #placeholder-absolute-top {
    height: 63px;
    border-bottom-width: 6px;
    position: relative;
    z-index: 1050; }
    #container #placeholder-absolute-top .standard-menu {
      padding-top: 2px; }
      #container #placeholder-absolute-top .standard-menu ul {
        margin-top: 22px; }
        #container #placeholder-absolute-top .standard-menu ul li {
          display: block;
          height: 39px;
          font-size: 26px; }
          #container #placeholder-absolute-top .standard-menu ul li a, #container #placeholder-absolute-top .standard-menu ul li span {
            padding: 10px 25px;
            font-size: 22px; }
        #container #placeholder-absolute-top .standard-menu ul li:not(.main-active):not(.active) {
          display: none; } }
body:not(.mobile) #placeholder-top {
  position: fixed;
  top: 35px;
  z-index: 2000; }

#placeholder-top {
  width: 100%;
  background: #F4F3F2;
  position: relative;
  z-index: 1010;
  -webkit-box-shadow: 0px 1px 32px 0px #adabad;
  -moz-box-shadow: 0px 1px 32px 0px #adabad;
  box-shadow: 0px 1px 15px 0px #adabad;
  padding: 3px 0px 5px 0px;
  /* If placeholder top should be sticky, position absolute is set with javascript */
  /* Don't add overflow hidden to this because of mega menu*/ }
  @media only screen and (max-width: 500px) {
    #placeholder-top {
      padding: 0px; } }
  #placeholder-top .articledisplay h1 {
    font-size: 25px;
    float: right;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 33px; }
  #placeholder-top .standard-menu {
    margin: 0 !important;
    float: right !important;
    clear: none !important;
    background: transparent; }
    #placeholder-top .standard-menu.quick-mode {
      margin-top: 5px !important;
      padding-bottom: 30px; }
      #placeholder-top .standard-menu.quick-mode ul {
        display: flex; }
      #placeholder-top .standard-menu.quick-mode li {
        margin-left: 5px !important;
        margin-right: -7px; }
        #placeholder-top .standard-menu.quick-mode li:before {
          margin-right: 10px !important; }
    #placeholder-top .standard-menu:not(.quick-mode) {
      /*margin-top: 10px!important;*/
      background: transparent !important;
      padding-bottom: 0px;
      padding-top: 4px;
      clear: right !important; }
      #placeholder-top .standard-menu:not(.quick-mode) .treelist {
        *zoom: 1; }
      #placeholder-top .standard-menu:not(.quick-mode) .treelist:before, #placeholder-top .standard-menu:not(.quick-mode) .treelist:after {
        content: " ";
        display: table; }
      #placeholder-top .standard-menu:not(.quick-mode) .treelist:after {
        clear: both; }
      #placeholder-top .standard-menu:not(.quick-mode) .treelist li + li {
        margin-left: 23px; }
      #placeholder-top .standard-menu:not(.quick-mode) .treelist .leaf a, #placeholder-top .standard-menu:not(.quick-mode) .treelist .leaf span {
        color: #2c2c2d;
        font-family: "Montserrat", "Open Sans", sans-serif; }
    #placeholder-top .standard-menu:before {
      background: transparent !important; }
  #placeholder-top .small-searchinput, #placeholder-top .language-selector, #placeholder-top .standard-menu.quick-mode {
    float: right; }
  #placeholder-top .standard-menu.quick-mode li:not(:first-child):before {
    content: "|";
    color: #333;
    display: inline-block;
    width: 0px;
    margin-right: 20px;
    text-align: center; }
  #placeholder-top .small-searchinput {
    margin-top: 5px !important;
    margin-left: 7px; }
    @media only screen and (min-width: 800px) {
      #placeholder-top .small-searchinput input[type="text"] {
        width: 0 !important;
        padding: 0;
        transition: all 0.5s ease;
        outline: none;
        background: #fff !important;
        border-radius: 5px;
        height: 2.2rem !important;
        line-height: 2.2rem !important;
        opacity: 0; } }
    #placeholder-top .small-searchinput.open input[type="text"] {
      width: 170px !important;
      padding: 0px 15px;
      background: #fff;
      border: 1px solid #ccc;
      opacity: 1; }
    #placeholder-top .small-searchinput button {
      height: 30px !important;
      line-height: 2.2rem !important; }
      #placeholder-top .small-searchinput button span {
        display: none; }
    #placeholder-top .small-searchinput button:focus {
      outline: none; }
  #placeholder-top .logo-tile {
    margin-top: 15px; }
    #placeholder-top .logo-tile img {
      height: 100px !important;
      width: auto !important; }

#placeholder-top {
  padding-top: 7px; }
  @media (min-width: 500px) and (max-width: 800px) {
    #placeholder-top {
      padding-top: 0px;
      padding-bottom: 1px; } }
  #placeholder-top .standard-menu.quick-mode ul {
    margin-right: 10px; }
  #placeholder-top .standard-menu.quick-mode a {
    padding-left: 5px;
    padding-right: 5px; }
  #placeholder-top .standard-menu:not(.quick-mode) {
    margin-top: 2px;
    margin-bottom: 8px; }
  #placeholder-top .tile-common.logo-tile a {
    position: relative;
    display: inline-block; }
    #placeholder-top .tile-common.logo-tile a:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  #placeholder-top .simple-search button {
    min-width: 36px;
    background-image: url("svg/search_left.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center top 3px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-color: #F4F3F2; }
    #placeholder-top .simple-search button:hover {
      cursor: pointer; }

@media only screen and (max-width: 500px) {
  #placeholder-top {
    min-height: 118px; } }
@media (min-width: 500px) and (max-width: 800px) {
  #placeholder-top {
    min-height: 80px; }
    #placeholder-top svg {
      height: 21px;
      width: 21px; } }
.dark-border {
  border-color: red !important; }

#placeholder-content-fullwidth {
  margin-top: -30px; }

body.splash #placeholder-fullwidth {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top; }
  body.splash #placeholder-fullwidth .container {
    height: 100%; }
    body.splash #placeholder-fullwidth .container .row {
      height: 100%;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      body.splash #placeholder-fullwidth .container .row .logo-tile {
        position: absolute;
        top: 8rem; }
        @media screen and (max-width: 810px) {
          body.splash #placeholder-fullwidth .container .row .logo-tile {
            position: initial;
            top: initial;
            margin-top: -10rem;
            margin-bottom: 5rem; } }
        body.splash #placeholder-fullwidth .container .row .logo-tile object {
          width: 375px;
          height: auto; }
      body.splash #placeholder-fullwidth .container .row .standard-menu {
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        position: relative; }
        body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content {
          padding: 2rem; }
          body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            position: relative;
            max-width: 1140px;
            width: 95%;
            margin: 0 auto; }
            body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist:after {
              content: " ";
              width: 90%;
              left: calc(50% - calc(90% / 2));
              height: 1px;
              position: absolute;
              background: #ffffff;
              top: 40px; }
            body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li {
              flex-basis: 30%;
              text-align: center;
              font-size: 22px; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li a {
                color: #ffffff;
                display: inline-block;
                line-height: 3rem;
                border-bottom: 2px solid transparent;
                transition: all .2s ease-out; }
                body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li a:hover {
                  text-decoration: none;
                  color: #58b6e7;
                  border-bottom: 2px solid #58b6e7; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(-n+3) {
                font-size: 32px;
                margin-bottom: 2rem; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(n+4) {
                flex-basis: 100%;
                text-align: right;
                margin-right: 5.8rem; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(1) a:hover {
                color: #008499 !important;
                border-bottom: 2px solid #008499 !important; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(2) a:hover {
                color: #DD941A !important;
                border-bottom: 2px solid #DD941A !important; }
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(3) a:hover {
                color: #8c961c !important;
                border-bottom: 2px solid #8c961c !important; }
            @media screen and (max-width: 810px) {
              body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist {
                flex-flow: column;
                justify-content: flex-start;
                align-items: center; }
                body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist:after {
                  top: 127px;
                  width: 40%;
                  left: calc(50% - calc(40% / 2)); }
                body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li {
                  margin-bottom: 1rem !important;
                  text-align: center !important;
                  margin-right: 0 !important; }
                  body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(4) {
                    margin-top: 2rem; }
                  body.splash #placeholder-fullwidth .container .row .standard-menu .tile-content .treelist li:nth-child(n+3) {
                    margin-bottom: 0 !important; } }

#placeholder-bottom {
  font-size: 1.6rem;
  font-weight: 600;
  background-image: url("svg/vannmerke_footer.svg");
  background-size: 940px;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 25px 15px;
  background-color: #d5d0cc; }
  @media only screen and (max-width: 500px) {
    #placeholder-bottom {
      padding: 33px 15px;
      background-size: 450px;
      background-position: bottom 130px center; } }
  #placeholder-bottom span {
    font-size: 1.6rem; }
    @media only screen and (max-width: 500px) {
      #placeholder-bottom span {
        font-size: 14px; } }
  #placeholder-bottom .articledisplay {
    color: #2c2c2d; }
    #placeholder-bottom .articledisplay .main-content div.articleelement.textline a:hover {
      color: #008499;
      cursor: pointer; }
  #placeholder-bottom .articledisplay h2 {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-size: 20px;
    margin: 0 0 15px; }
  #placeholder-bottom .linktoolbar {
    margin-bottom: 30px;
    text-align: center; }
    @media only screen and (max-width: 500px) {
      #placeholder-bottom .linktoolbar {
        width: 100%; } }
    #placeholder-bottom .linktoolbar .label {
      display: none; }
    @media only screen and (max-width: 500px) {
      #placeholder-bottom .linktoolbar .links {
        width: 100%; } }
    #placeholder-bottom .linktoolbar .links ul li a {
      padding-left: 7px; }
    @media only screen and (max-width: 500px) {
      #placeholder-bottom .linktoolbar .links ul {
        width: 100%;
        display: flex;
        justify-content: space-around; } }
    #placeholder-bottom .linktoolbar .links a {
      height: 40px;
      width: 40px;
      font-size: 22px;
      background: transparent;
      color: #000;
      border: 2px solid #000; }
      @media only screen and (max-width: 500px) {
        #placeholder-bottom .linktoolbar .links a {
          height: 60px;
          width: 60px;
          font-size: 32px;
          padding-right: 4px;
          padding-top: 4px; } }
      #placeholder-bottom .linktoolbar .links a svg {
        margin: 8px 8px 0px auto;
        width: 1em; }
      #placeholder-bottom .linktoolbar .links a:hover {
        background: #000;
        color: #fff; }
    @media all and (min-width: 767px) {
      #placeholder-bottom .linktoolbar {
        clear: right;
        float: right;
        margin-bottom: 10px; } }
  @media all and (min-width: 767px) {
    #placeholder-bottom {
      padding-top: 10px; }
      #placeholder-bottom .articledisplay {
        clear: both;
        width: 40%;
        margin-top: -45px; }
      #placeholder-bottom .standard-menu {
        width: 20%; }
        #placeholder-bottom .standard-menu .leaf a {
          font-size: 1.6rem;
          line-height: 1.5;
          color: #2c2c2d; }
      #placeholder-bottom .newsletter-form {
        margin-top: 20px;
        width: 60%; }
        #placeholder-bottom .newsletter-form h3 {
          float: left;
          margin: 5px 10px 0 0; }
      #placeholder-bottom .articledisplay, #placeholder-bottom .standard-menu, #placeholder-bottom .newsletter-form {
        float: left; } }
  #placeholder-bottom .newsletter-form .message, #placeholder-bottom .newsletter-form .error {
    display: none; }
  @media (min-width: 500px) and (max-width: 800px) {
    #placeholder-bottom .standard-menu {
      display: none; }
    #placeholder-bottom .newsletter-form {
      margin-top: 115px; }
      #placeholder-bottom .newsletter-form h3 {
        float: none; } }

#placeholder-content {
  *zoom: 1; }
#placeholder-content:before, #placeholder-content:after {
  content: " ";
  display: table; }
#placeholder-content:after {
  clear: both; }
#placeholder-content .tile-common.linktoolbar .follow-links.links span.label {
  display: none; }
#placeholder-content .tile-common.small-searchinput.simple-search {
  margin-bottom: 9px; }
#placeholder-content .tile-common.search-result.full-list .result-text {
  padding-bottom: 40px; }
#placeholder-content .tile-common.custom-frontboxes {
  clear: both;
  overflow: visible !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 10px !important; }
  #placeholder-content .tile-common.custom-frontboxes .articles {
    margin-left: -15px;
    margin-right: -15px;
    justify-content: space-between; }
    #placeholder-content .tile-common.custom-frontboxes .articles {
      *zoom: 1; }
    #placeholder-content .tile-common.custom-frontboxes .articles:before, #placeholder-content .tile-common.custom-frontboxes .articles:after {
      content: " ";
      display: table; }
    #placeholder-content .tile-common.custom-frontboxes .articles:after {
      clear: both; }
    @media (min-width: 500px) and (max-width: 800px) {
      #placeholder-content .tile-common.custom-frontboxes .articles {
        margin-top: 32px; } }
  #placeholder-content .tile-common.custom-frontboxes .article {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 45px;
    display: flex; }
    @media (min-width: 500px) and (max-width: 800px) {
      #placeholder-content .tile-common.custom-frontboxes .article {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 800px) {
      #placeholder-content .tile-common.custom-frontboxes .article {
        width: 25%; } }
    @media (min-width: 500px) and (max-width: 800px) {
      #placeholder-content .tile-common.custom-frontboxes .article {
        width: 24%; } }
    #placeholder-content .tile-common.custom-frontboxes .article a {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      background: #ccc;
      transition: all .5s;
      -webkit-transition-duration: .5s;
      /* Safari */
      transition-duration: .5s;
      transform: scale(1, 1);
      width: 100%; }
      @media (min-width: 500px) and (max-width: 800px) {
        #placeholder-content .tile-common.custom-frontboxes .article a {
          box-sizing: border-box;
          padding: 0 1rem;
          margin: 0 .6rem;
          white-space: normal;
          -ms-word-break: break-all;
          word-break: break-all;
          word-wrap: break-word;
          height: 75px; } }
      #placeholder-content .tile-common.custom-frontboxes .article a:hover {
        -webkit-transition-duration: .5s;
        /* Safari */
        transition-duration: .5s;
        transform: scale(1.1, 1.1);
        text-decoration: none; }
      #placeholder-content .tile-common.custom-frontboxes .article a h3 {
        color: #000;
        background: none !important;
        margin: 0;
        padding: 15px !important;
        font-size: 2rem !important;
        font-family: "Montserrat", "Open Sans", sans-serif;
        line-height: 3.1rem;
        text-transform: none !important; }
        @media (min-width: 500px) and (max-width: 800px) {
          #placeholder-content .tile-common.custom-frontboxes .article a h3 {
            padding: 0 !important;
            font-size: 1.5rem !important; } }
        #placeholder-content .tile-common.custom-frontboxes .article a h3:hover {
          text-decoration: none; }
  #placeholder-content .tile-common.custom-frontboxes .tile-content {
    padding: 0 !important;
    overflow: visible !important; }
@media only screen and (max-width: 500px) {
  #placeholder-content .tile-common.custom-frontboxes .articles {
    margin-right: 0px; }
    #placeholder-content .tile-common.custom-frontboxes .articles .article {
      margin-bottom: 16px;
      padding-right: 0; }
      #placeholder-content .tile-common.custom-frontboxes .articles .article a h3 {
        padding: 18px !important;
        font-size: 16px; } }
#placeholder-content .tile-common.small-articledisplay, #placeholder-content .tile-common.small-articlelist {
  height: 265px;
  overflow: hidden;
  font-size: 1.4rem;
  float: left;
  width: 32%;
  margin-right: 1.875% !important;
  max-width: 308px;
  margin-bottom: 30px;
  box-shadow: none !important;
  display: block; }
  #placeholder-content .tile-common.small-articledisplay.last, #placeholder-content .tile-common.small-articlelist.last {
    margin-right: 0 !important; }
@media only screen and (max-width: 500px) {
  #placeholder-content .tile-common.small-articledisplay, #placeholder-content .tile-common.small-articlelist {
    max-width: none; } }
#placeholder-content .tile-common:not(.stretched-mode):last-child {
  max-width: 100%;
  margin-right: 0 !important; }
#placeholder-content .small-articlelist {
  background: #fff; }
#placeholder-content .small-list {
  background: #fff; }
#placeholder-content .tile-common:not(.stretched-mode) {
  max-width: 100%; }
  #placeholder-content .tile-common:not(.stretched-mode).small-articledisplay {
    background: #fff; }
    #placeholder-content .tile-common:not(.stretched-mode).small-articledisplay h3 {
      font-size: 1.6rem !important;
      font-weight: bold;
      padding: 8px 18px 0px 18px !important;
      height: 3.2rem !important; }
  #placeholder-content .tile-common:not(.stretched-mode) h3 {
    padding: 8px 18px 9px 18px; }
  #placeholder-content .tile-common:not(.stretched-mode) .tile-content {
    padding: 9px 18px 18px 18px; }
#placeholder-content .tile-common:not(.race-filter):not(.small-searchinput) form button, #placeholder-content .tile-common:not(.race-filter):not(.small-searchinput) form a.button, #placeholder-content .tile-common:not(.race-filter):not(.small-searchinput) form input[type="submit"] {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  text-transform: none;
  border: none;
  background: #008499;
  height: 54px;
  line-height: 50px;
  min-width: 200px;
  border-radius: 10px; }

.runtime-cid-14 #placeholder-content article.full-view {
  margin-bottom: 0px; }

#placeholder-sub-bottom .tile-common.ad-banner,
#placeholder-content .tile-common.ad-banner,
#placeholder-content.no-left.no-right .tile-common.ad-banner {
  height: 240px !important;
  display: block;
  float: left;
  clear: both;
  margin: 0 0 20px 0 !important;
  max-width: 100% !important;
  background: #E4E1DF; }
  #placeholder-sub-bottom .tile-common.ad-banner figure,
  #placeholder-content .tile-common.ad-banner figure,
  #placeholder-content.no-left.no-right .tile-common.ad-banner figure {
    height: 100% !important; }
  #placeholder-sub-bottom .tile-common.ad-banner h4,
  #placeholder-content .tile-common.ad-banner h4,
  #placeholder-content.no-left.no-right .tile-common.ad-banner h4 {
    padding: 0 5px;
    text-transform: uppercase; }
#placeholder-sub-bottom .tile-common.adbanner-full-content-width,
#placeholder-content .tile-common.adbanner-full-content-width,
#placeholder-content.no-left.no-right .tile-common.adbanner-full-content-width {
  width: 100% !important; }
#placeholder-sub-bottom .tile-common.small-list.small-box,
#placeholder-content .tile-common.small-list.small-box,
#placeholder-content.no-left.no-right .tile-common.small-list.small-box {
  margin-right: 0 !important; }
#placeholder-sub-bottom .ad-display,
#placeholder-content .ad-display,
#placeholder-content.no-left.no-right .ad-display {
  width: 100% !important;
  display: block;
  float: left !important;
  clear: both !important;
  max-width: 100% !important;
  margin: 20px 0 !important;
  background: #E4E1DF !important;
  height: auto !important; }
  #placeholder-sub-bottom .ad-display li:before,
  #placeholder-content .ad-display li:before,
  #placeholder-content.no-left.no-right .ad-display li:before {
    content: none !important; }
  @media only screen and (max-width: 500px) {
    #placeholder-sub-bottom .ad-display,
    #placeholder-content .ad-display,
    #placeholder-content.no-left.no-right .ad-display {
      margin: 0 0 0 0 !important;
      height: auto !important; }
      #placeholder-sub-bottom .ad-display ul,
      #placeholder-content .ad-display ul,
      #placeholder-content.no-left.no-right .ad-display ul {
        display: flex;
        justify-content: space-between; }
        #placeholder-sub-bottom .ad-display ul li img,
        #placeholder-content .ad-display ul li img,
        #placeholder-content.no-left.no-right .ad-display ul li img {
          width: 133px;
          height: 95px; } }
  #placeholder-sub-bottom .ad-display .tile-content,
  #placeholder-content .ad-display .tile-content,
  #placeholder-content.no-left.no-right .ad-display .tile-content {
    padding: 0 !important;
    padding-bottom: 15px !important; }
    #placeholder-sub-bottom .ad-display .tile-content li,
    #placeholder-content .ad-display .tile-content li,
    #placeholder-content.no-left.no-right .ad-display .tile-content li {
      float: left;
      max-width: 311px;
      margin-right: 1.33% !important; }
      #placeholder-sub-bottom .ad-display .tile-content li.article.col-width-33,
      #placeholder-content .ad-display .tile-content li.article.col-width-33,
      #placeholder-content.no-left.no-right .ad-display .tile-content li.article.col-width-33 {
        width: 32.4%; }
      #placeholder-sub-bottom .ad-display .tile-content li.article.col-width-50,
      #placeholder-content .ad-display .tile-content li.article.col-width-50,
      #placeholder-content.no-left.no-right .ad-display .tile-content li.article.col-width-50 {
        width: 48%; }
      #placeholder-sub-bottom .ad-display .tile-content li.article.col-width-100,
      #placeholder-content .ad-display .tile-content li.article.col-width-100,
      #placeholder-content.no-left.no-right .ad-display .tile-content li.article.col-width-100 {
        width: 100%;
        max-width: 100%; }
      #placeholder-sub-bottom .ad-display .tile-content li img,
      #placeholder-content .ad-display .tile-content li img,
      #placeholder-content.no-left.no-right .ad-display .tile-content li img {
        width: 100% !important;
        height: auto; }
    #placeholder-sub-bottom .ad-display .tile-content li:last-child,
    #placeholder-content .ad-display .tile-content li:last-child,
    #placeholder-content.no-left.no-right .ad-display .tile-content li:last-child {
      margin-right: 0 !important; }
  #placeholder-sub-bottom .ad-display h1,
  #placeholder-content .ad-display h1,
  #placeholder-content.no-left.no-right .ad-display h1 {
    margin-bottom: 0 !important;
    background: transparent !important;
    padding: 2px 10px !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 2.05rem !important;
    text-transform: uppercase; }
  @media only screen and (max-width: 500px) {
    #placeholder-sub-bottom .ad-display h1,
    #placeholder-content .ad-display h1,
    #placeholder-content.no-left.no-right .ad-display h1 {
      font-size: 12px !important; } }
  @media only screen and (max-width: 500px) and (max-width: 500px) {
    #placeholder-sub-bottom .ad-display h1,
    #placeholder-content .ad-display h1,
    #placeholder-content.no-left.no-right .ad-display h1 {
      font-size: 16px !important; } }

#placeholder-content .ad-display h1 {
  font-weight: normal; }
#placeholder-content .ad-display ul {
  padding-left: 0px;
  margin-bottom: 0; }
  #placeholder-content .ad-display ul li {
    padding-left: 0; }

#placeholder-sub-bottom .inner-wrapper .tile-common.articlelist.ad-display {
  background-color: transparent !important; }

@media (min-width: 500px) and (max-width: 800px) {
  body.frontpage #placeholder-content.no-left.no-right .tile-common.small-articledisplay:not(.stretched-mode) {
    width: 48.3%; }
    body.frontpage #placeholder-content.no-left.no-right .tile-common.small-articledisplay:not(.stretched-mode):nth-child(even) {
      float: right;
      margin-right: 0 !important; }
    body.frontpage #placeholder-content.no-left.no-right .tile-common.small-articledisplay:not(.stretched-mode):nth-child(odd) {
      float: left; }
  body.frontpage #placeholder-content.no-left.no-right .tile-common.small-articlelist.small-list {
    width: 100%;
    max-width: initial; } }
#placeholder-right {
  width: 31.4% !important; }
  @media only screen and (max-width: 500px) {
    #placeholder-right {
      width: 100% !important; } }
  #placeholder-right h3 {
    background-color: #fff;
    color: #008499;
    font-family: "Montserrat", "Open Sans";
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0px;
    text-transform: none;
    padding: 24px 18px 9px 18px !important; }
  @media only screen and (max-width: 500px) {
    #placeholder-right .tile-common {
      width: 96%; } }
  #placeholder-right .tile-content {
    background-color: #fff;
    padding: 9px 18px 18px 41px;
    min-height: 75px; }
    #placeholder-right .tile-content a {
      text-decoration: none;
      color: #2c2c2d; }
    #placeholder-right .tile-content a:hover {
      color: #008499;
      text-decoration: underline; }
  #placeholder-right .ad-display {
    padding: 0px;
    background-color: #d5d0cc;
    box-shadow: none !important; }
    #placeholder-right .ad-display h1 {
      margin-bottom: 0 !important;
      padding: 0px 10px 0px !important;
      font-size: 14px !important;
      color: #000 !important;
      line-height: 2.05rem !important;
      text-transform: uppercase;
      background-color: #d5d0cc; }
      @media only screen and (max-width: 500px) {
        #placeholder-right .ad-display h1 {
          font-size: 16px !important; } }
    #placeholder-right .ad-display .tile-content {
      padding: 0px !important;
      background-color: #d5d0cc; }
      #placeholder-right .ad-display .tile-content ul li.article {
        border-bottom: 0px solid #fff; }
      #placeholder-right .ad-display .tile-content ul li:first-child img {
        margin-top: 0px; }
      #placeholder-right .ad-display .tile-content ul li:last-child {
        margin-bottom: 10px !important; }
      #placeholder-right .ad-display .tile-content img {
        margin-top: 4px;
        margin-bottom: 10px; }
        @media only screen and (max-width: 500px) {
          #placeholder-right .ad-display .tile-content img {
            width: 100%;
            height: auto; } }
  #placeholder-right .article.relatedActivities {
    background-image: url("svg/vannmerke_aktiviteter.svg");
    background-size: 105px;
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 115px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #placeholder-right .article.relatedActivities {
        background-size: 130px; } }
  #placeholder-right .linkcollection.links {
    background-image: url("svg/vannmerke_lenker.svg");
    background-size: 85px;
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 115px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #placeholder-right .linkcollection.links {
        background-size: 130px; } }
  #placeholder-right .linkcollection.documents {
    background-image: url("svg/vannmerke_relatertefiler.svg");
    background-size: 85px;
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 150px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #placeholder-right .linkcollection.documents {
        background-size: 130px; } }
  #placeholder-right .metadatarelationlist .tile-content {
    background-image: url("svg/vannmerke_relaterteartikler.svg");
    background-size: 85px;
    background-position: bottom 20px right 20px;
    background-repeat: no-repeat;
    min-height: 100px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      #placeholder-right .metadatarelationlist .tile-content {
        background-size: 130px; } }
    #placeholder-right .metadatarelationlist .tile-content a {
      padding-top: 0px;
      margin-top: 9px;
      display: block; }

@media (min-width: 500px) and (max-width: 800px) {
  #placeholder-right {
    width: 100% !important; }

  #placeholder-right .tile-common {
    margin-left: 0 !important;
    width: 48% !important;
    float: left;
    box-shadow: none !important; }
    #placeholder-right .tile-common.article-elements.small-box {
      float: right;
      clear: right; }
    #placeholder-right .tile-common.ad-display {
      width: 100% !important; }

  .ad-display .tile-content ul {
    display: flex;
    justify-content: space-between; }

  .ad-display .tile-content li {
    float: left;
    max-width: 1000px;
    margin-right: 1.33% !important; }
    .ad-display .tile-content li img {
      width: 100%;
      height: auto;
      margin-bottom: 0 !important;
      margin-top: 0px !important; }
    .ad-display .tile-content li:last-child {
      margin-bottom: 0;
      float: right;
      margin-right: 0 !important; } }
#placeholder-stretched-top-content {
  display: block;
  clear: both; }
  #placeholder-stretched-top-content .billboard article.veil::after {
    background-image: url("svg/slogan_billbard.svg");
    background-size: 100px;
    background-repeat: no-repeat, no-repeat;
    background-position: top right;
    content: ''; }
  #placeholder-stretched-top-content .billboard {
    background: #F4F3F2; }
    #placeholder-stretched-top-content .billboard article.veil .article-content {
      background: transparent !important;
      width: auto !important;
      left: 0 !important; }
    #placeholder-stretched-top-content .billboard article.veil h1 {
      font-size: 3.8rem;
      font-weight: 600 !important; }
    #placeholder-stretched-top-content .billboard article button, #placeholder-stretched-top-content .billboard article a.button {
      font-size: 24px;
      color: #fff;
      font-weight: normal;
      text-transform: uppercase;
      font-family: "Montserrat", "Open Sans";
      border: none;
      background: #ccc;
      height: auto;
      width: auto;
      min-width: 50px;
      line-height: inherit;
      padding: 21px 50px;
      -webkit-appearance: none;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      position: absolute;
      bottom: 80px;
      cursor: pointer !important;
      opacity: .9;
      outline: none !important;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      @media only screen and (max-width: 500px) {
        #placeholder-stretched-top-content .billboard article button, #placeholder-stretched-top-content .billboard article a.button {
          padding: 10px 30px;
          left: 20px;
          bottom: 50px;
          font-size: 18px; } }
      @media (min-width: 500px) and (max-width: 800px) {
        #placeholder-stretched-top-content .billboard article button, #placeholder-stretched-top-content .billboard article a.button {
          bottom: 17px;
          padding: 12px 31px;
          font-size: 19px; } }
      #placeholder-stretched-top-content .billboard article button:hover, #placeholder-stretched-top-content .billboard article a.button:hover {
        opacity: 1;
        transform: scale(1.07);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); }
    #placeholder-stretched-top-content .billboard .article-wrapper {
      background-position: center 36%; }

#placeholder-sub-bottom {
  position: relative;
  background: #fff;
  box-shadow: inset 0 2px 5px 0px #d1d1d1; }
  #placeholder-sub-bottom .articlelist.partners {
    display: block;
    width: 100%;
    float: left;
    clear: both; }
    #placeholder-sub-bottom .articlelist.partners.full-list .tile-content {
      padding-bottom: 0 !important; }
    #placeholder-sub-bottom .articlelist.partners h1 {
      font-family: "Open Sans";
      text-transform: uppercase;
      color: #616162;
      font-size: 14px;
      margin-bottom: 0;
      margin-top: 15px; }
      @media only screen and (max-width: 500px) {
        #placeholder-sub-bottom .articlelist.partners h1 {
          font-size: 20px; } }
    #placeholder-sub-bottom .articlelist.partners .articles {
      margin-left: -15px;
      margin-right: -15px; }
      #placeholder-sub-bottom .articlelist.partners .articles {
        *zoom: 1; }
      #placeholder-sub-bottom .articlelist.partners .articles:before, #placeholder-sub-bottom .articlelist.partners .articles:after {
        content: " ";
        display: table; }
      #placeholder-sub-bottom .articlelist.partners .articles:after {
        clear: both; }
    #placeholder-sub-bottom .articlelist.partners ul {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 500px) {
        #placeholder-sub-bottom .articlelist.partners ul {
          display: block; } }
    #placeholder-sub-bottom .articlelist.partners li.article {
      height: 70px;
      float: left;
      position: relative;
      padding: 0 15px;
      margin-bottom: 20px;
      width: 50%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      @media all and (min-width: 769px) {
        #placeholder-sub-bottom .articlelist.partners li.article {
          width: 21%; } }
      #placeholder-sub-bottom .articlelist.partners li.article a {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        display: -webkit-flex;
        /* Safari */
        display: flex;
        -webkit-align-items: center;
        /* Safari 7.0+ */
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center; }
        #placeholder-sub-bottom .articlelist.partners li.article a svg,
        #placeholder-sub-bottom .articlelist.partners li.article a object,
        #placeholder-sub-bottom .articlelist.partners li.article a img {
          width: 100%;
          height: 100%;
          max-width: 230px;
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: gray;
          /* IE 6-9 */ }
        #placeholder-sub-bottom .articlelist.partners li.article a img {
          width: auto !important; }
        #placeholder-sub-bottom .articlelist.partners li.article a:hover svg, #placeholder-sub-bottom .articlelist.partners li.article a:hover object, #placeholder-sub-bottom .articlelist.partners li.article a:hover img {
          -webkit-filter: grayscale(0%);
          -moz-filter: grayscale(0%);
          -ms-filter: grayscale(0%);
          -o-filter: grayscale(0%);
          filter: grayscale(0%);
          filter: unset;
          /* IE 6-9 */ }
      #placeholder-sub-bottom .articlelist.partners li.article a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

@media only screen and (max-width: 500px) {
  #placeholder-menu-toggle .toggle-link-wrapper {
    top: -70px; } }
@media only screen and (max-width: 500px) {
  #coretrek-footer * {
    text-align: center; } }
.articleelement.gallery {
  margin: 0px auto 20px auto; }
  .articleelement.gallery img {
    max-width: 100%;
    height: auto; }
  .articleelement.gallery .ctgallery-elements {
    padding: 8px;
    border: 2px solid #ccc; }
    .articleelement.gallery .ctgallery-elements .img-container {
      display: flex;
      align-items: center;
      height: 486px;
      background: #f1f1f1; }
    .articleelement.gallery .ctgallery-elements figure {
      margin-bottom: 0; }
    .articleelement.gallery .ctgallery-elements img {
      margin: auto;
      height: auto; }
      .articleelement.gallery .ctgallery-elements img.landscape {
        height: auto; }
      .articleelement.gallery .ctgallery-elements img.portrait {
        width: auto;
        max-height: 440px; }
    .articleelement.gallery .ctgallery-elements video {
      width: 100%;
      height: 100%; }
  .articleelement.gallery .ctgallery-thumbnails {
    margin: 0px auto; }
    .articleelement.gallery .ctgallery-thumbnails .slick-list {
      margin-left: 41px;
      margin-right: 41px; }
    .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper {
      padding: 11px 5px;
      margin-top: 9px;
      cursor: pointer; }
      .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
        height: 100px; }
    .articleelement.gallery .ctgallery-thumbnails button {
      top: 84px;
      bottom: 0;
      font-size: 2.4rem;
      width: 38px;
      height: 77px;
      margin: auto; }
      .articleelement.gallery .ctgallery-thumbnails button svg {
        fill: #008499 !important;
        height: 3em;
        transition: all .3s; }
      .articleelement.gallery .ctgallery-thumbnails button:hover svg {
        fill: #008499 !important; }
      .articleelement.gallery .ctgallery-thumbnails button.slick-prev > svg {
        transform: rotate(180deg); }
      .articleelement.gallery .ctgallery-thumbnails button::before {
        line-height: 0;
        content: ""; }
      .articleelement.gallery .ctgallery-thumbnails button.slick-prev {
        left: -15px; }
      .articleelement.gallery .ctgallery-thumbnails button.slick-next {
        right: -15px; }

.ad-display img {
  max-width: 100%;
  height: auto; }

#placeholder-sub-bottom-upper .ad-display {
  width: 100% !important;
  display: block;
  float: left !important;
  clear: both !important;
  max-width: 100% !important;
  margin: 0 0 20px 0 !important;
  background: #E4E1DF !important;
  height: auto !important; }
  #placeholder-sub-bottom-upper .ad-display h1 {
    margin-bottom: 0 !important;
    background: transparent !important;
    padding: 2px 10px !important;
    font-size: 14px !important;
    color: #000 !important;
    line-height: 2.05rem !important;
    text-transform: uppercase; }

.plea-intro {
  padding: 0 3rem;
  margin-top: 2rem;
  margin-bottom: 4rem; }
  @media all and (min-width: 768px) {
    .plea-intro {
      padding: 0 6rem; } }
  .plea-intro p {
    font-size: 1.85rem;
    line-height: 1.5 !important; }

.plea-intro__header {
  color: #397b8e; }
  .plea-intro__header small {
    display: block; }

.square-button {
  display: inline-block;
  background: #397b8e;
  color: #fff;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
  padding: 1.5rem 3rem; }
  .square-button:hover {
    background: #326b7c;
    color: #fff;
    text-decoration: none; }

.vipps-banner {
  margin-bottom: 6rem;
  padding: 3rem 4rem;
  text-align: center; }
  .vipps-banner h3 {
    font-size: 4rem !important;
    margin: 0 0 2rem 0 !important; }
  .vipps-banner img {
    margin: 0 auto;
    width: 220px;
    height: auto; }

.featured-banner {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4rem; }
  @media all and (min-width: 768px) {
    .featured-banner {
      flex-direction: row;
      min-height: 400px; } }
  .featured-banner * {
    box-sizing: border-box; }
  .featured-banner > * {
    width: 100%;
    position: relative; }

.featured-banner_wrapper {
  order: -1; }
  @media all and (min-width: 768px) {
    .featured-banner_wrapper {
      order: inherit; } }

.featured-banner__image {
  width: 100%;
  height: auto; }
  @media all and (min-width: 768px) {
    .featured-banner__image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; } }

.featured-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #397b8e;
  color: #fff;
  padding: 2.5rem;
  clip-path: polygon(100% 0, 100% 100%, 25px 100%, 0% calc(100% - 25px), 0 0); }
  .featured-banner__content h3 {
    color: #fff;
    font-weight: bold !important;
    margin: 0 0 2rem 0 !important; }
    @media all and (min-width: 768px) {
      .featured-banner__content h3 {
        font-size: 2.5rem !important; } }

.featured-banner_wrapper + .featured-banner__content {
  clip-path: polygon(100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 0); }

.featured-banner .vipps-button {
  display: inline-block;
  width: 135px;
  height: auto;
  vertical-align: top;
  padding: 0 1rem; }

.featured-banner-single__header {
  font-size: 3rem !important;
  font-weight: bold !important;
  margin: 0 0 2rem !important; }

.featured-banner-single {
  background-color: #dfeef0;
  background-size: cover;
  padding: 3rem 4rem;
  margin-bottom: 4rem;
  clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px); }

.featured-banner-single--nkkstore {
  height: 42px; }
  @media all and (min-width: 768px) {
    .featured-banner-single--nkkstore {
      height: 200px; } }

.featured-banner-single__action {
  text-align: center; }

.articlefilter,
.resultfilter {
  margin-top: -12px;
  z-index: 1040;
  position: relative; }
  .articlefilter .tile-content,
  .resultfilter .tile-content {
    background: #798211;
    color: #ffffff; }
    .articlefilter .tile-content .container,
    .resultfilter .tile-content .container {
      width: 960px;
      max-width: 95%;
      margin: 0 auto; }
    .articlefilter .tile-content form input:not([type="checkbox"]), .articlefilter .tile-content form select:not([multiple]),
    .resultfilter .tile-content form input:not([type="checkbox"]),
    .resultfilter .tile-content form select:not([multiple]) {
      height: 3rem;
      line-height: 3rem;
      width: 100%; }
    .articlefilter .tile-content form .filter-heading,
    .resultfilter .tile-content form .filter-heading {
      background: #8c9700;
      padding: 30px 0; }
      .articlefilter .tile-content form .filter-heading.shadow,
      .resultfilter .tile-content form .filter-heading.shadow {
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); }
      .articlefilter .tile-content form .filter-heading .container,
      .resultfilter .tile-content form .filter-heading .container {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center; }
        .articlefilter .tile-content form .filter-heading .container h2,
        .resultfilter .tile-content form .filter-heading .container h2 {
          color: #ffffff;
          text-transform: none;
          font-size: 2.7rem;
          margin-top: 0; }
        .articlefilter .tile-content form .filter-heading .container input, .articlefilter .tile-content form .filter-heading .container select:not([multiple]),
        .resultfilter .tile-content form .filter-heading .container input,
        .resultfilter .tile-content form .filter-heading .container select:not([multiple]) {
          width: auto; }
        .articlefilter .tile-content form .filter-heading .container .activityExpired,
        .resultfilter .tile-content form .filter-heading .container .activityExpired {
          margin: 0 1.5rem; }
    .articlefilter .tile-content form .filters .filter-collapse,
    .resultfilter .tile-content form .filters .filter-collapse {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      padding: 12px 0; }
      .articlefilter .tile-content form .filters .filter-collapse h2,
      .resultfilter .tile-content form .filters .filter-collapse h2 {
        margin: 0 0 1rem 0;
        color: #ffffff;
        text-transform: none;
        font-weight: normal;
        font-size: 1.7rem; }
      .articlefilter .tile-content form .filters .filter-collapse .filter:not(.area) h2,
      .resultfilter .tile-content form .filters .filter-collapse .filter:not(.area) h2 {
        display: none; }
      .articlefilter .tile-content form .filters .filter-collapse > *,
      .resultfilter .tile-content form .filters .filter-collapse > * {
        flex-basis: 30%; }
      .articlefilter .tile-content form .filters .filter-collapse .filter.autovalues.area ul,
      .resultfilter .tile-content form .filters .filter-collapse .filter.autovalues.area ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between; }
        .articlefilter .tile-content form .filters .filter-collapse .filter.autovalues.area ul li,
        .resultfilter .tile-content form .filters .filter-collapse .filter.autovalues.area ul li {
          flex-basis: 45%; }
      .articlefilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox,
      .resultfilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox {
        display: flex;
        flex-flow: row wrap; }
        .articlefilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox li,
        .resultfilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox li {
          flex-basis: 45%;
          margin-bottom: 1rem;
          display: flex;
          flex-flow: row;
          align-items: center; }
          .articlefilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox li label,
          .resultfilter .tile-content form .filters .filter-collapse .filteritems.valuelist.type-checkbox li label {
            font-size: 1.4rem; }
      .articlefilter .tile-content form .filters .filter-collapse .filter,
      .resultfilter .tile-content form .filters .filter-collapse .filter {
        align-self: flex-start; }
        .articlefilter .tile-content form .filters .filter-collapse .filter.trialTypeName, .articlefilter .tile-content form .filters .filter-collapse .filter.breeds, .articlefilter .tile-content form .filters .filter-collapse .filter.exhibitionType,
        .resultfilter .tile-content form .filters .filter-collapse .filter.trialTypeName,
        .resultfilter .tile-content form .filters .filter-collapse .filter.breeds,
        .resultfilter .tile-content form .filters .filter-collapse .filter.exhibitionType {
          align-self: flex-start;
          flex-basis: 100%; }
          .articlefilter .tile-content form .filters .filter-collapse .filter.trialTypeName select, .articlefilter .tile-content form .filters .filter-collapse .filter.breeds select, .articlefilter .tile-content form .filters .filter-collapse .filter.exhibitionType select,
          .resultfilter .tile-content form .filters .filter-collapse .filter.trialTypeName select,
          .resultfilter .tile-content form .filters .filter-collapse .filter.breeds select,
          .resultfilter .tile-content form .filters .filter-collapse .filter.exhibitionType select {
            width: 30%; }
        .articlefilter .tile-content form .filters .filter-collapse .filter.trialTypeName, .articlefilter .tile-content form .filters .filter-collapse .filter.exhibitionType,
        .resultfilter .tile-content form .filters .filter-collapse .filter.trialTypeName,
        .resultfilter .tile-content form .filters .filter-collapse .filter.exhibitionType {
          order: 1;
          margin-top: -80px; }
        .articlefilter .tile-content form .filters .filter-collapse .filter.breeds,
        .resultfilter .tile-content form .filters .filter-collapse .filter.breeds {
          order: 2;
          margin-top: -36px; }
        @media screen and (max-width: 780px) {
          .articlefilter .tile-content form .filters .filter-collapse .filter,
          .resultfilter .tile-content form .filters .filter-collapse .filter {
            flex-basis: 100%;
            margin-top: 1rem !important; }
            .articlefilter .tile-content form .filters .filter-collapse .filter select,
            .resultfilter .tile-content form .filters .filter-collapse .filter select {
              width: 100% !important; } }
    .articlefilter .tile-content .showFilters,
    .resultfilter .tile-content .showFilters {
      text-align: center;
      color: #ffffff;
      border-top: 1px solid #bcc18d;
      font-size: 1.4rem;
      line-height: 30px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .articlefilter .tile-content .showFilters svg,
      .resultfilter .tile-content .showFilters svg {
        transform: rotate(180deg);
        vertical-align: middle;
        transition: all .3s ease-in;
        margin-right: 5px; }
      .articlefilter .tile-content .showFilters:hover,
      .resultfilter .tile-content .showFilters:hover {
        cursor: pointer;
        background: rgba(255, 255, 255, 0.1); }

.resultfilter .tile-content form .filters .filter-collapse {
  justify-content: flex-start; }
  .resultfilter .tile-content form .filters .filter-collapse .filter:first-child {
    margin-right: 10px; }
  .resultfilter .tile-content form .filters .filter-collapse .filter.area {
    height: 125px; }
    @media (max-width: 767.98px) {
      .resultfilter .tile-content form .filters .filter-collapse .filter.area {
        height: 0; } }
    .resultfilter .tile-content form .filters .filter-collapse .filter.area > h2 {
      display: none; }
    .resultfilter .tile-content form .filters .filter-collapse .filter.area > ul {
      display: none !important; }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }
.transition, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after, article.nkk-activity ul.accordion li .content, article.nkk-activity ul.accordion li i:before, article.nkk-activity ul.accordion li i:after, .download-center .tile-content .category i:before, .download-center .tile-content .category i:after, .download-center .tile-content .category .files {
  transition: all .25s ease-in-out; }

.flipIn, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li, article.nkk-activity ul.accordion li {
  animation: flipdown 0.5s ease both; }

.tile-common.articlelist.full-list.activities-calendar {
  width: 100%; }
  .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li {
    margin-bottom: 3rem !important;
    margin-top: 2rem !important;
    padding: 12px !important; }
    .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity {
      padding-bottom: 0 !important; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h1, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h2, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h4, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3 a {
        font-family: "Open Sans", Arial, Sans-serif !important; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3 {
        font-weight: bold; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start; }
        @media screen and (max-width: 780px) {
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container {
            flex-flow: column !important; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
              width: 100%;
              flex-basis: 100% !important; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
              order: 1;
              margin-bottom: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration {
              order: 2; } }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container svg {
          font-size: 2.2rem;
          margin-right: 1rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
          flex-basis: 65%;
          line-height: 1.5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information .info-item {
            padding-left: 5px; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information .trial-refnmbr {
            margin: 0;
            font-size: 1.4rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration {
          flex-basis: 30%;
          background: #f0efee;
          padding: 1.5rem 1.2rem;
          line-height: 1.5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration svg {
            margin-right: .5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 {
            display: flex;
            flex-flow: row nowrap;
            align-items: flex-start;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 2rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 svg {
              margin-right: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 span {
              padding-top: .2rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3.almost-over {
              color: #a9112c !important; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .deadline, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .sheep-unit-requirement {
            margin-left: 3.3rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .sheep-unit-requirement {
            margin-top: 2.5rem;
            font-style: italic;
            color: #941229; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url {
            background: #8c9700;
            border-radius: 10px;
            padding: 1rem;
            display: block;
            text-align: center;
            font-weight: 600;
            color: #fff;
            width: 180px;
            margin: 2rem auto 1rem auto;
            align-self: flex-end; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url.expired {
              opacity: .6;
              pointer-events: none;
              cursor: not-allowed; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url.manual {
              opacity: 1;
              background: rgba(0, 0, 0, 0.1);
              color: #000000; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.info-item:not(:last-child),
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.deadline:not(:last-child) {
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.info-item:not(:last-child) span,
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.deadline:not(:last-child) span {
          margin: 0;
          padding: 0; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 1rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li {
          position: relative;
          padding: 0;
          margin: 0;
          padding-bottom: 4px;
          padding-top: .2rem;
          border-top: 1px solid #e9e7e5;
          width: 100%; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:last-child {
            border-bottom: 1px solid #e9e7e5; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li h4 {
            color: #798211;
            font-weight: 600;
            font-size: 16px;
            padding: .5rem 0;
            display: flex;
            flex-flow: row nowrap;
            align-items: center; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li h4 svg {
              padding-left: 5px;
              margin-right: 1.2rem;
              color: #000000;
              fill: #000000; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 .title {
            text-decoration: underline; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 svg {
            color: #798211 !important;
            fill: #798211 !important; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(1) {
            -webkit-animation-delay: .5s;
            -moz-animation-delay: .5s;
            -o-animation-delay: .5s;
            animation-delay: .5s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(2) {
            -webkit-animation-delay: .75s;
            -moz-animation-delay: .75s;
            -o-animation-delay: .75s;
            animation-delay: .75s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(3) {
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-delay: 1s;
            animation-delay: 1s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:last-of-type {
            padding-bottom: 0; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li p {
            color: #000000; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content {
            display: block;
            position: relative;
            opacity: 1;
            transform: translate(0, 0);
            z-index: 2;
            padding: .8rem 1rem .8rem 4rem;
            margin: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content .element {
              line-height: 2rem; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content .element:not(:last-child) {
                margin-bottom: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p {
              padding-top: 0;
              margin-top: 0;
              line-height: 2rem; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess {
                display: none; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess) {
                color: #8c9700;
                cursor: pointer; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label:hover, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess):hover {
                  text-decoration: underline; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label input[type="radio"], .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess) input[type="radio"] {
                  display: none; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess {
                color: #000000; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess:hover {
                  text-decoration: none; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i {
            position: absolute;
            transform: translate(-20px, 0);
            margin-top: 1rem;
            right: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after {
              content: "";
              position: absolute;
              background-color: #000;
              width: 2px;
              height: 14px; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before {
              transform: translate(-5px, 0) rotate(45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after {
              transform: translate(5px, 0) rotate(-45deg); }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"] ~ h4 svg {
              color: #798211;
              fill: #798211; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ .content {
              display: none;
              padding: 0 0 0 3.5rem;
              max-height: 0;
              opacity: 0;
              transform: translate(0, 50%); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:before {
              transform: translate(5px, 0) rotate(45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:after {
              transform: translate(-5px, 0) rotate(-45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ h4 svg {
              color: #000000;
              fill: #000000; }

article.nkk-activity {
  padding-bottom: 0 !important;
  width: 100%; }
  article.nkk-activity h1, article.nkk-activity h2, article.nkk-activity h3, article.nkk-activity h4, article.nkk-activity h3 a {
    font-family: "Open Sans", Arial, Sans-serif !important; }
  article.nkk-activity h1 {
    display: block;
    width: 100%; }
  article.nkk-activity h3 {
    font-weight: bold; }
  article.nkk-activity .info-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 1rem 1rem 1rem;
    background: #fff;
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 780px) {
      article.nkk-activity .info-container {
        flex-flow: column !important; }
        article.nkk-activity .info-container .registration, article.nkk-activity .info-container .information {
          width: 100%;
          flex-basis: 100% !important; }
        article.nkk-activity .info-container .information {
          order: 1;
          margin-bottom: 1rem; }
        article.nkk-activity .info-container .registration {
          order: 2; } }
    article.nkk-activity .info-container svg {
      font-size: 2.2rem;
      margin-right: 1rem; }
    article.nkk-activity .info-container .information {
      flex-basis: 100%;
      line-height: 1.5rem; }
      article.nkk-activity .info-container .information .info-item {
        padding-left: 5px; }
  article.nkk-activity div.info-item:not(:last-child),
  article.nkk-activity div.deadline:not(:last-child) {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    article.nkk-activity div.info-item:not(:last-child) span,
    article.nkk-activity div.deadline:not(:last-child) span {
      margin: 0;
      padding: 0; }
  article.nkk-activity ul.accordion {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 1rem; }
    article.nkk-activity ul.accordion li {
      position: relative;
      padding: 0;
      margin: 0;
      padding-bottom: 4px;
      padding-top: .2rem;
      border-top: 1px solid #e9e7e5;
      width: 100%; }
      article.nkk-activity ul.accordion li:last-child {
        border-bottom: 1px solid #e9e7e5; }
      article.nkk-activity ul.accordion li h4 {
        color: #798211;
        font-weight: 600;
        font-size: 16px;
        padding: .5rem 0;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        article.nkk-activity ul.accordion li h4 svg {
          padding-left: 5px;
          margin-right: 1.2rem;
          color: #000000;
          fill: #000000; }
      article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 .title {
        text-decoration: underline; }
      article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 svg {
        color: #798211 !important;
        fill: #798211 !important; }
      article.nkk-activity ul.accordion li:nth-of-type(1) {
        -webkit-animation-delay: .5s;
        -moz-animation-delay: .5s;
        -o-animation-delay: .5s;
        animation-delay: .5s; }
      article.nkk-activity ul.accordion li:nth-of-type(2) {
        -webkit-animation-delay: .75s;
        -moz-animation-delay: .75s;
        -o-animation-delay: .75s;
        animation-delay: .75s; }
      article.nkk-activity ul.accordion li:nth-of-type(3) {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s; }
      article.nkk-activity ul.accordion li:last-of-type {
        padding-bottom: 0; }
      article.nkk-activity ul.accordion li p {
        color: #000000; }
      article.nkk-activity ul.accordion li .content {
        display: block;
        position: relative;
        opacity: 1;
        transform: translate(0, 0);
        z-index: 2;
        padding: .8rem 1rem .8rem 4rem;
        margin: 0; }
        article.nkk-activity ul.accordion li .content .element {
          line-height: 2rem; }
          article.nkk-activity ul.accordion li .content .element:not(:last-child) {
            margin-bottom: 1rem; }
        article.nkk-activity ul.accordion li .content p {
          padding-top: 0;
          margin: 0;
          line-height: 2rem; }
          article.nkk-activity ul.accordion li .content p .excess {
            display: none; }
          article.nkk-activity ul.accordion li .content p label, article.nkk-activity ul.accordion li .content p span {
            color: #8c9700;
            cursor: pointer; }
            article.nkk-activity ul.accordion li .content p label:hover, article.nkk-activity ul.accordion li .content p span:hover {
              text-decoration: underline; }
            article.nkk-activity ul.accordion li .content p label input[type="radio"], article.nkk-activity ul.accordion li .content p span input[type="radio"] {
              display: none; }
          article.nkk-activity ul.accordion li .content p .excess {
            color: #000000; }
            article.nkk-activity ul.accordion li .content p .excess:hover {
              text-decoration: none; }
      article.nkk-activity ul.accordion li i {
        position: absolute;
        transform: translate(-20px, 0);
        margin-top: 1rem;
        right: 0; }
        article.nkk-activity ul.accordion li i:before, article.nkk-activity ul.accordion li i:after {
          content: "";
          position: absolute;
          background-color: #000;
          width: 2px;
          height: 14px; }
        article.nkk-activity ul.accordion li i:before {
          transform: translate(-5px, 0) rotate(45deg); }
        article.nkk-activity ul.accordion li i:after {
          transform: translate(5px, 0) rotate(-45deg); }
      article.nkk-activity ul.accordion li input[type="checkbox"] {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0; }
        article.nkk-activity ul.accordion li input[type="checkbox"] ~ h4 svg {
          color: #798211;
          fill: #798211; }
        article.nkk-activity ul.accordion li input[type="checkbox"] ~ li {
          background: #F4F3F2; }
        article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ .content {
          display: none;
          padding: 0 0 0 3.5rem;
          max-height: 0;
          opacity: 0;
          transform: translate(0, 50%); }
        article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:before {
          transform: translate(5px, 0) rotate(45deg); }
        article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:after {
          transform: translate(-5px, 0) rotate(-45deg); }
        article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ h4 svg {
          color: #000000;
          fill: #000000; }
  article.nkk-activity table {
    width: 100% !important; }
    article.nkk-activity table td {
      padding: 4px 20px 5px 0; }
      article.nkk-activity table td input[type="text"], article.nkk-activity table td input[type="email"], article.nkk-activity table td textarea {
        width: 100% !important; }
      article.nkk-activity table td input[type="submit"] {
        margin-right: -18px !important; }

article.full-view.articledisplay {
  color: #2c2c2d; }
  article.full-view.articledisplay .tile-content {
    padding: 0px 0px 18px 0px !important; }
  article.full-view.articledisplay h1, article.full-view.articledisplay h2, article.full-view.articledisplay h3, article.full-view.articledisplay h4, article.full-view.articledisplay h5, article.full-view.articledisplay table caption {
    font-family: "Open Sans";
    font-weight: 600;
    line-height: 1.2; }
  article.full-view.articledisplay h1 {
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 46px; }
    @media only screen and (max-width: 500px) {
      article.full-view.articledisplay h1 {
        font-size: 26px; } }
  article.full-view.articledisplay h2 {
    font-size: 24px !important;
    margin-bottom: 15px !important; }
    @media only screen and (max-width: 500px) {
      article.full-view.articledisplay h2 {
        font-size: 23px !important; } }
  article.full-view.articledisplay h3 {
    font-size: 20px;
    padding: 0 !important; }
  article.full-view.articledisplay h4 {
    font-size: 16px; }
  article.full-view.articledisplay h5, article.full-view.articledisplay table caption {
    font-size: 20px; }
  article.full-view.articledisplay .digest, article.full-view.articledisplay .digest p {
    font-size: 22px;
    line-height: 34px; }
  article.full-view.articledisplay .main-content p {
    line-height: 23px; }
    @media only screen and (max-width: 500px) {
      article.full-view.articledisplay .main-content p {
        line-height: 32px; } }
  article.full-view.articledisplay .main-content ul {
    list-style-type: disc;
    padding-left: 40px; }
  article.full-view.articledisplay blockquote {
    border-left: 2px solid #008499; }
  article.full-view.articledisplay table.ctckeditortable th, article.full-view.articledisplay table.ctckeditortable td {
    font-size: 16px;
    line-height: 34px; }
  article.full-view.articledisplay table.ctckeditortable tr:nth-child(even) {
    background: #fff !important; }
  article.full-view.articledisplay .ctgallery-thumbnails svg {
    color: #008499 !important; }
  @media only screen and (max-width: 500px) {
    article.full-view.articledisplay figure img {
      width: 100%;
      height: auto; } }
  article.full-view.articledisplay.municipality-with-leash-rules header span.extra-header {
    display: block;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin-bottom: 1.5rem; }
  article.full-view.articledisplay.municipality-with-leash-rules header .back-button-container {
    display: flex; }
  article.full-view.articledisplay.municipality-with-leash-rules header a.button {
    border-radius: 4px;
    margin-bottom: 2.1rem;
    margin-left: auto;
    text-transform: none;
    display: flex;
    justify-content: center; }
    article.full-view.articledisplay.municipality-with-leash-rules header a.button::before {
      content: '\f104';
      font-family: FontAwesome;
      font-weight: normal;
      font-size: 26px;
      color: #ffffff;
      margin-right: 1rem; }
  article.full-view.articledisplay.municipality-with-leash-rules header a.button-primary {
    background-color: #008499; }
  article.full-view.articledisplay.municipality-with-leash-rules header h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #B73032; }

@media only screen and (max-width: 500px) {
  #placeholder-bottom article.contact.full-view.articledisplay .tile-content h3 {
    font-size: 28px; }
  #placeholder-bottom article.contact.full-view.articledisplay .tile-content .main-content .articleelement {
    margin-top: 26px; } }

article.contact.full-view.articledisplay .tile-content .main-content {
  font-size: 16px;
  line-height: 22px; }
  article.contact.full-view.articledisplay .tile-content .main-content .articleelement {
    margin-top: 8px;
    position: relative;
    padding-left: 33px; }
    @media only screen and (max-width: 500px) {
      article.contact.full-view.articledisplay .tile-content .main-content .articleelement {
        padding-left: 50px; } }
article.contact.full-view.articledisplay h3 {
  font-size: 20px;
  font-family: "Montserrat", "Open Sans", sans-serif;
  margin-bottom: 20px; }
article.contact.full-view.articledisplay .articleelement.textline.address:before {
  background-image: url("svg/location.svg");
  margin: 10px;
  width: 25px;
  height: 40px;
  background-size: 14px;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  top: -7px;
  content: " "; }
  @media only screen and (max-width: 500px) {
    article.contact.full-view.articledisplay .articleelement.textline.address:before {
      background-size: 23px; } }
article.contact.full-view.articledisplay .articleelement.textline.post_address:before {
  background-image: url("svg/envelope.svg");
  margin: 10px;
  width: 25px;
  height: 25px;
  background-size: 19px;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  top: -7px;
  content: " "; }
  @media only screen and (max-width: 500px) {
    article.contact.full-view.articledisplay .articleelement.textline.post_address:before {
      background-size: 23px; } }
article.contact.full-view.articledisplay .articleelement.textline.phone:before {
  background-image: url("svg/phone.svg");
  margin: 10px;
  width: 25px;
  height: 25px;
  background-size: 19px;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  top: -7px;
  content: " "; }
  @media only screen and (max-width: 500px) {
    article.contact.full-view.articledisplay .articleelement.textline.phone:before {
      background-size: 23px; } }
article.contact.full-view.articledisplay .articleelement.textline.email:before {
  background-image: url("svg/mail.svg");
  margin: 10px;
  width: 25px;
  height: 25px;
  background-size: 19px;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  top: -7px;
  content: " "; }
  @media only screen and (max-width: 500px) {
    article.contact.full-view.articledisplay .articleelement.textline.email:before {
      background-size: 23px; } }

@media only screen and (max-width: 500px) {
  #container #main-content .tile-common.small-articledisplay article figure {
    height: 239px !important; } }
@media only screen and (max-width: 500px) and (max-width: 500px) {
  #container #main-content .tile-common.small-articledisplay.small-box {
    min-height: 444px;
    margin-bottom: 44px;
    margin-top: 10px; }
    #container #main-content .tile-common.small-articledisplay.small-box article h3 {
      margin-top: 15px;
      margin-bottom: 34px; }
      #container #main-content .tile-common.small-articledisplay.small-box article h3 span {
        font-size: 30px;
        font-family: "Montserrat", "Open Sans", sans-serif; }
    #container #main-content .tile-common.small-articledisplay.small-box article .digest {
      line-height: 35px; }
    #container #main-content .tile-common.small-articledisplay.small-box article a {
      font-size: 27px; } }
.full-list .calendar-date {
  color: #616162; }

.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist) h1, .tile-common.search-result h1 {
  margin-top: 0px; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display) h1, .tile-common.search-result:not(.ad-display) h1 {
  margin-top: 5px; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display) h3, .tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display) h3 a, .tile-common.search-result:not(.ad-display) h3, .tile-common.search-result:not(.ad-display) h3 a {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 20px;
  color: #2c2c2d !important;
  padding: 0 !important;
  margin: 0; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display) .byline, .tile-common.search-result:not(.ad-display) .byline {
  text-transform: uppercase;
  color: #616162;
  font-size: 12px; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display) li, .tile-common.search-result:not(.ad-display) li {
  background-color: #fff;
  padding: 18px;
  margin-bottom: 10px; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display).full-list .tile-content, .tile-common.search-result:not(.ad-display).full-list .tile-content {
  padding: 9px 0px 18px 0px !important; }
.tile-common.articlelist:not(.custom-frontboxes):not(.alternative-race-list):not(.racelist):not(.litterlist):not(.ad-display).full-list article, .tile-common.search-result:not(.ad-display).full-list article {
  padding-top: 0;
  padding-bottom: 10px;
  border: 0; }

#placeholder-content .tile-common.small-articlelist {
  height: 330px !important;
  position: relative; }
  @media only screen and (max-width: 500px) {
    #placeholder-content .tile-common.small-articlelist {
      width: 100%;
      height: 520px !important; } }
  #placeholder-content .tile-common.small-articlelist h3 {
    padding: 12px 0px 8px 0px !important; }
    @media only screen and (max-width: 500px) {
      #placeholder-content .tile-common.small-articlelist h3 {
        padding: 18px 0px 8px 0px !important; } }
  #placeholder-content .tile-common.small-articlelist .bottomlink {
    position: absolute;
    bottom: 10px;
    right: 20px; }
    #placeholder-content .tile-common.small-articlelist .bottomlink a {
      font-weight: normal; }
      #placeholder-content .tile-common.small-articlelist .bottomlink a:before {
        content: url(svg/readmore.svg);
        width: 23px;
        height: 23px;
        float: left;
        margin-right: 5px;
        margin-top: 0px;
        display: block; }
      #placeholder-content .tile-common.small-articlelist .bottomlink a:after {
        content: ""; }

#placeholder-content .tile-common.small-articlelist.small-list.small-box article {
  margin-top: 10px; }
  @media only screen and (max-width: 500px) {
    #placeholder-content .tile-common.small-articlelist.small-list.small-box article {
      margin-top: 36px; } }

.page-navigator {
  display: flex;
  flex-direction: column-reverse; }

/** FAQ category template **/
body.runtime-ctid-77 #placeholder-content .tile-common {
  margin-bottom: 0px; }
body.runtime-ctid-77 article.full-view.articledisplay .tile-content {
  padding: 0px 0px 0px 0px !important; }
body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article {
  padding: 0px !important;
  margin-bottom: 0px !important;
  background-color: transparent !important;
  border-bottom: 2px solid #fff; }
  body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article {
    padding-bottom: 0px !important;
    margin-bottom: 0px; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq h3, body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq h3 a {
      background-color: transparent;
      color: #2c2c2d;
      font-size: 18px;
      font-family: "Open Sans"; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article .answer-wrapper {
      background-color: #fff;
      padding: 3px 18px 13px 50px;
      line-height: 2.2rem;
      color: #2c2c2d; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq h3 {
      padding: 14px !important; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq h3:after {
      content: ''; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq h3:before {
      content: url("svg/menu_arrow_close.svg");
      float: left;
      width: 17px;
      margin-right: 12px;
      margin-left: 7px; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq.collapsed h3:before {
      content: url("svg/menu_arrow_expand.svg");
      float: left;
      width: 17px;
      margin-right: 12px;
      margin-left: 7px; }
    body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq.expanded h3, body.runtime-ctid-77 .tile-common.articlelist.full-list ul li.article article.faq.expanded h3 a {
      background-color: #fff;
      color: #008499; }

.search-result b {
  color: #008499; }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }
.transition, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after, article.nkk-activity ul.accordion li .content, article.nkk-activity ul.accordion li i:before, article.nkk-activity ul.accordion li i:after, .download-center .tile-content .category i:before, .download-center .tile-content .category i:after, .download-center .tile-content .category .files {
  transition: all .25s ease-in-out; }

.flipIn, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li, article.nkk-activity ul.accordion li {
  animation: flipdown 0.5s ease both; }

.tile-common.articlelist.full-list.activities-calendar {
  width: 100%; }
  .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li {
    margin-bottom: 3rem !important;
    margin-top: 2rem !important;
    padding: 12px !important; }
    .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity {
      padding-bottom: 0 !important; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h1, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h2, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h4, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3 a {
        font-family: "Open Sans", Arial, Sans-serif !important; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity h3 {
        font-weight: bold; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start; }
        @media screen and (max-width: 780px) {
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container {
            flex-flow: column !important; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
              width: 100%;
              flex-basis: 100% !important; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
              order: 1;
              margin-bottom: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration {
              order: 2; } }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container svg {
          font-size: 2.2rem;
          margin-right: 1rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information {
          flex-basis: 65%;
          line-height: 1.5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information .info-item {
            padding-left: 5px; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .information .trial-refnmbr {
            margin: 0;
            font-size: 1.4rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration {
          flex-basis: 30%;
          background: #f0efee;
          padding: 1.5rem 1.2rem;
          line-height: 1.5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration svg {
            margin-right: .5rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 {
            display: flex;
            flex-flow: row nowrap;
            align-items: flex-start;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 2rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 svg {
              margin-right: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3 span {
              padding-top: .2rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration h3.almost-over {
              color: #a9112c !important; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .deadline, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .sheep-unit-requirement {
            margin-left: 3.3rem; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .sheep-unit-requirement {
            margin-top: 2.5rem;
            font-style: italic;
            color: #941229; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url {
            background: #8c9700;
            border-radius: 10px;
            padding: 1rem;
            display: block;
            text-align: center;
            font-weight: 600;
            color: #fff;
            width: 180px;
            margin: 2rem auto 1rem auto;
            align-self: flex-end; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url.expired {
              opacity: .6;
              pointer-events: none;
              cursor: not-allowed; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity .info-container .registration .reg-url.manual {
              opacity: 1;
              background: rgba(0, 0, 0, 0.1);
              color: #000000; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.info-item:not(:last-child),
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.deadline:not(:last-child) {
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.info-item:not(:last-child) span,
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity div.deadline:not(:last-child) span {
          margin: 0;
          padding: 0; }
      .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 1rem; }
        .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li {
          position: relative;
          padding: 0;
          margin: 0;
          padding-bottom: 4px;
          padding-top: .2rem;
          border-top: 1px solid #e9e7e5;
          width: 100%; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:last-child {
            border-bottom: 1px solid #e9e7e5; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li h4 {
            color: #798211;
            font-weight: 600;
            font-size: 16px;
            padding: .5rem 0;
            display: flex;
            flex-flow: row nowrap;
            align-items: center; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li h4 svg {
              padding-left: 5px;
              margin-right: 1.2rem;
              color: #000000;
              fill: #000000; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 .title {
            text-decoration: underline; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:hover ~ h4 svg {
            color: #798211 !important;
            fill: #798211 !important; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(1) {
            -webkit-animation-delay: .5s;
            -moz-animation-delay: .5s;
            -o-animation-delay: .5s;
            animation-delay: .5s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(2) {
            -webkit-animation-delay: .75s;
            -moz-animation-delay: .75s;
            -o-animation-delay: .75s;
            animation-delay: .75s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:nth-of-type(3) {
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-delay: 1s;
            animation-delay: 1s; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li:last-of-type {
            padding-bottom: 0; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li p {
            color: #000000; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content {
            display: block;
            position: relative;
            opacity: 1;
            transform: translate(0, 0);
            z-index: 2;
            padding: .8rem 1rem .8rem 4rem;
            margin: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content .element {
              line-height: 2rem; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content .element:not(:last-child) {
                margin-bottom: 1rem; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p {
              padding-top: 0;
              margin-top: 0;
              line-height: 2rem; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess {
                display: none; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess) {
                color: #8c9700;
                cursor: pointer; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label:hover, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess):hover {
                  text-decoration: underline; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p label input[type="radio"], .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p span:not(.excess) input[type="radio"] {
                  display: none; }
              .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess {
                color: #000000; }
                .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li .content p .excess:hover {
                  text-decoration: none; }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i {
            position: absolute;
            transform: translate(-20px, 0);
            margin-top: 1rem;
            right: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before, .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after {
              content: "";
              position: absolute;
              background-color: #000;
              width: 2px;
              height: 14px; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:before {
              transform: translate(-5px, 0) rotate(45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li i:after {
              transform: translate(5px, 0) rotate(-45deg); }
          .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"] ~ h4 svg {
              color: #798211;
              fill: #798211; }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ .content {
              display: none;
              padding: 0 0 0 3.5rem;
              max-height: 0;
              opacity: 0;
              transform: translate(0, 50%); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:before {
              transform: translate(5px, 0) rotate(45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ i:after {
              transform: translate(-5px, 0) rotate(-45deg); }
            .tile-common.articlelist.full-list.activities-calendar .tile-content .articles > li article.nkk-activity ul.accordion li input[type="checkbox"]:checked ~ h4 svg {
              color: #000000;
              fill: #000000; }

#container #main-content .tile-common.small-articledisplay {
  min-height: 400px;
  min-height: 330px; }
  #container #main-content .tile-common.small-articledisplay article figure {
    height: 150px; }
  #container #main-content .tile-common.small-articledisplay article h3 {
    margin-top: 16px; }
  #container #main-content .tile-common.small-articledisplay article .digest {
    overflow: hidden;
    height: 75px; }

@media only screen and (max-width: 500px) {
  #container #main-content .tile-common.small-articledisplay {
    width: 100%; } }
.tile-common.articlelist.full-list.ad-display h1 {
  font-family: "Open Sans" !important; }

@media all and (min-width: 960px) {
  .runtime-cid-814 .litterlist {
    width: 960px; } }

.litterlist h2, .alternative-race-list h2 {
  margin-bottom: 15px; }
  @media only screen and (max-width: 500px) {
    .litterlist h2, .alternative-race-list h2 {
      font-size: 40px; } }

ul.litters {
  margin-left: -15px;
  margin-right: -15px; }
  ul.litters {
    *zoom: 1; }
  ul.litters:before, ul.litters:after {
    content: " ";
    display: table; }
  ul.litters:after {
    clear: both; }
  ul.litters li {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative; }
    @media only screen and (max-width: 500px) {
      ul.litters li {
        width: 100%; } }
    @media all and (min-width: 960px) {
      ul.litters li {
        width: 33.3333%; } }
  ul.litters .image {
    height: 200px;
    overflow: hidden;
    border-bottom: 2px solid #008499;
    position: relative; }
    @media only screen and (max-width: 500px) {
      ul.litters .image {
        border-bottom: 3px solid #008499; } }
    @media only screen and (max-width: 500px) {
      ul.litters .image {
        height: 290px; } }
    ul.litters .image img {
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      min-width: 100%;
      min-height: 100%;
      vertical-align: middle;
      object-fit: cover; }
    ul.litters .image .default-litter-image {
      color: red;
      fill: currentColor; }
    ul.litters .image svg {
      color: #ccc;
      fill: currentColor;
      width: 100%;
      height: 100%; }
    ul.litters .image:hover img {
      transform: scale(1.07); }
  ul.litters .name {
    display: none; }
  ul.litters .litter-data {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 200px;
    background: rgba(255, 255, 255, 0.75);
    float: right;
    bottom: 10px;
    right: 0;
    position: absolute;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px; }
    @media only screen and (max-width: 500px) {
      ul.litters .litter-data {
        padding: 12px;
        font-size: 29px; } }
    ul.litters .litter-data div {
      float: right;
      width: 40px;
      text-align: right; }
    ul.litters .litter-data .puppies {
      width: 100px;
      border-right: 1px solid black;
      text-align: center;
      font-weight: 700; }
      ul.litters .litter-data .puppies span {
        font-size: 16px;
        font-weight: normal; }
    ul.litters .litter-data .male, ul.litters .litter-data .female {
      padding-right: 8px;
      background-repeat: no-repeat;
      background-size: 13px 20px;
      background-position: center left 10px; }
      @media only screen and (max-width: 500px) {
        ul.litters .litter-data .male, ul.litters .litter-data .female {
          height: 29px; } }
    ul.litters .litter-data .male {
      background-image: url("/themes/coretrek/svg/male.svg"); }
    ul.litters .litter-data .female {
      background-image: url("/themes/coretrek/svg/female.svg"); }
  ul.litters .litter-details {
    background-color: #fff;
    padding: 10px;
    font-size: 18px;
    line-height: 27px; }
    ul.litters .litter-details .breeder {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    @media only screen and (max-width: 500px) {
      ul.litters .litter-details {
        font-size: 24px;
        line-height: 42px; } }
    ul.litters .litter-details .articleelement {
      display: inline; }

.race-properties {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 500px) {
    .race-properties {
      margin-top: 20px; } }
  .race-properties {
    *zoom: 1; }
  .race-properties:before, .race-properties:after {
    content: " ";
    display: table; }
  .race-properties:after {
    clear: both; }
  .race-properties .property {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 32px; }
    @media only screen and (max-width: 500px) {
      .race-properties .property {
        width: 50%;
        margin-bottom: 40px;
        font-size: 26px;
        overflow: hidden; } }
    .race-properties .property span:last-of-type {
      line-height: 23px;
      font-size: 16px; }
      @media only screen and (max-width: 500px) {
        .race-properties .property span:last-of-type {
          font-size: 26px;
          display: block; } }
  .race-properties .icon {
    background-position: center bottom 5px;
    background-repeat: no-repeat;
    background-size: 50px;
    border-bottom: 2px solid #008499;
    padding-bottom: 5px;
    width: 100%;
    height: 50px;
    margin: auto;
    display: block; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .race-properties .icon {
        background-size: 154px; } }
  .race-properties .activity .icon {
    background-image: url("svg/aktivitetsniva.svg"); }
  .race-properties .size .icon {
    background-image: url("svg/stoerelse.svg"); }
  .race-properties .collaboration .icon {
    background-image: url("svg/lydighet.svg"); }
  .race-properties .grooming .icon {
    background-image: url("svg/pelspleie.svg");
    background-size: 35px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .race-properties .grooming .icon {
        background-size: 144px; } }
  @media only screen and (max-width: 500px) {
    .race-properties .activity .icon, .race-properties .size .icon, .race-properties .collaboration .icon, .race-properties .grooming .icon {
      background-size: 80px;
      height: 80px; }
    .race-properties .grooming .icon {
      background-size: 60px !important;
      height: 80px !important; } }
  .race-properties .grade {
    width: 100%;
    display: block; }
    .race-properties .grade span {
      margin: 0 5px;
      display: inline-block; }
    .race-properties .grade .circle {
      width: 11px;
      height: 11px;
      border-radius: 12px;
      border: 1px solid #008499;
      margin-top: 5px;
      background-color: #fff; }
      @media only screen and (max-width: 500px) {
        .race-properties .grade .circle {
          width: 18px;
          height: 18px; } }
    .race-properties .grade.high .circle:nth-child(3), .race-properties .grade.much .circle:nth-child(3), .race-properties .grade.large .circle:nth-child(3) {
      background-color: #008499; }
    .race-properties .grade.medium .circle:nth-child(2) {
      background-color: #008499; }
    .race-properties .grade.small .circle:nth-child(1), .race-properties .grade.low .circle:nth-child(1), .race-properties .grade.little .circle:nth-child(1) {
      background-color: #008499; }

.race-gallery-container {
  width: 80%;
  margin: auto;
  margin-bottom: 25px;
  clear: both; }
  @media only screen and (max-width: 500px) {
    .race-gallery-container {
      width: 95%;
      margin-left: 15px;
      margin-right: 15px; } }

.race-recommend {
  margin: 40px auto;
  width: 80%;
  clear: both;
  line-height: 22px; }
  @media only screen and (max-width: 500px) {
    .race-recommend {
      width: 95%;
      margin-left: 15px;
      margin-right: 15px;
      line-height: 30px; } }

.race-description {
  width: 80%;
  margin: auto;
  clear: both;
  line-height: 22px; }
  @media only screen and (max-width: 500px) {
    .race-description {
      width: 95%;
      margin-left: 15px;
      margin-right: 15px;
      line-height: 30px; } }
  .race-description h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 7px; }
    @media only screen and (max-width: 500px) {
      .race-description h2 {
        font-size: 28px;
        margin-top: 15px; } }
  .race-description ul {
    list-style-type: none;
    position: relative;
    margin-left: 20px; }
    .race-description ul li:before {
      content: "\25CF";
      color: #008499;
      font-size: 11px;
      padding-right: 10px;
      position: absolute;
      left: -6px;
      top: 8px; }
    .race-description ul li {
      padding-left: 18px;
      padding-bottom: 3px;
      padding-top: 6px;
      line-height: 19px;
      position: relative; }

.race-links-container {
  margin-left: -15px;
  margin-right: -15px; }
  .race-links-container {
    *zoom: 1; }
  .race-links-container:before, .race-links-container:after {
    content: " ";
    display: table; }
  .race-links-container:after {
    clear: both; }

.race-clubs, .race-standard {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box; }
  @media only screen and (max-width: 500px) {
    .race-clubs, .race-standard {
      width: 100%; } }

.race-clubs h3, .race-standard h3 {
  font-size: 28px;
  margin-bottom: 18px; }
.race-clubs a, .race-standard a {
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: block;
  text-decoration: none;
  color: #008499;
  padding-left: 40px;
  box-sizing: border-box; }
  @media only screen and (max-width: 500px) {
    .race-clubs a, .race-standard a {
      font-size: 24px; } }
.race-clubs a:hover, .race-standard a:hover {
  text-decoration: underline; }
.race-clubs li:nth-of-type(odd), .race-standard li:nth-of-type(odd) {
  background-color: #fff; }
.race-clubs li, .race-standard li {
  background-image: url("svg/link.svg");
  background-repeat: no-repeat;
  background-position: left 10px center;
  padding: 10px; }
  @media only screen and (max-width: 500px) {
    .race-clubs li, .race-standard li {
      background-size: 28px; } }

.raceprofile-header {
  background-repeat: no-repeat, repeat-x, no-repeat;
  background-size: 100%, auto, cover;
  height: 500px;
  background-position: center top;
  /*background-position: center bottom -1px, bottom, top center;*/
  padding-top: 2px;
  position: relative;
  /*background-position: center calc(100% + 1px), bottom, center 0;*/ }
  .raceprofile-header .byline {
    font-size: 1.4rem;
    position: absolute;
    bottom: 32px;
    right: 0px;
    text-align: right;
    padding-right: 10px;
    color: #fff;
    width: 250px; }
  @media only screen and (max-width: 500px) {
    .raceprofile-header {
      background-size: 100%, 645px;
      height: 204px; } }
  .raceprofile-header .inner-wrapper h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    margin-top: 65px;
    line-height: 38px; }
  .raceprofile-header .description {
    width: 500px;
    font-size: 20px;
    line-height: 28px; }

.raceprofile-mobile-header h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 45px;
  margin-top: 20px;
  line-height: 38px; }

.race-other-properties-header {
  font-size: 18px;
  line-height: 32px; }
  @media only screen and (max-width: 500px) {
    .race-other-properties-header {
      margin-bottom: 10px;
      border-bottom: 2px solid #008499;
      padding-bottom: 9px; } }

.race-other-properties {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .race-other-properties div.race-other-property {
    width: 15%;
    border-top: 2px solid #008499;
    color: #b6b6b6;
    padding-top: 8px; }
    @media only screen and (max-width: 500px) {
      .race-other-properties div.race-other-property {
        width: 210px;
        font-size: 22px;
        margin-bottom: 14px;
        padding-left: 7px;
        border-top: 0px; } }
    .race-other-properties div.race-other-property .circle {
      border: 1px solid #008499;
      height: 10px;
      width: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      float: left;
      margin-right: 10px;
      margin-top: 4px;
      margin-left: 1px; }
      @media only screen and (max-width: 500px) {
        .race-other-properties div.race-other-property .circle {
          height: 14px;
          width: 14px;
          margin-top: 3px; } }
    .race-other-properties div.race-other-property .label {
      font-size: 12px;
      overflow: hidden; }
    .race-other-properties div.race-other-property .label:first-line {
      font-size: 16px; }
    .race-other-properties div.race-other-property.active {
      color: #000; }
      .race-other-properties div.race-other-property.active .circle {
        background-color: #008499; }

.litters-button {
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Montserrat", "Open Sans";
  border: none;
  background: #008499;
  height: auto;
  width: auto;
  min-width: 50px;
  line-height: inherit;
  padding: 21px 50px;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  bottom: -170px;
  cursor: pointer !important;
  opacity: .9;
  outline: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 500px) {
    .litters-button {
      font-size: 19px;
      bottom: 90px;
      left: 20px;
      width: 180px;
      height: 50px;
      padding: 9px; } }
  .litters-button:hover {
    opacity: 1;
    transform: scale(1.07);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); }

#container .race-filter .inner-wrapper * {
  box-sizing: border-box; }
@media only screen and (max-width: 500px) {
  #container .race-filter .inner-wrapper {
    width: 100%;
    box-sizing: border-box; } }

#placeholder-content .race-filter .filter-container .inner-wrapper {
  padding-left: 15px;
  padding-right: 15px; }

.race-filter {
  overflow: visible !important; }
  .race-filter label, .race-filter input[type=checkbox] {
    cursor: pointer; }
    @media only screen and (max-width: 500px) {
      .race-filter label, .race-filter input[type=checkbox] {
        font-size: 24px; } }
  .race-filter .tile-content {
    padding: 0 !important; }
  @media only screen and (max-width: 500px) {
    .race-filter {
      width: 100%; } }

.race-filter h1 {
  color: #fff;
  font-size: 2.8rem;
  margin: 0 0 30px;
  font-family: "Montserrat", "Open Sans", sans-serif; }
  @media only screen and (max-width: 500px) {
    .race-filter h1 {
      color: #008499;
      font-weight: 700; } }

.race-filter h2 {
  margin: 0;
  line-height: 54px;
  text-transform: none;
  font-weight: normal;
  font-size: 1.8rem;
  color: #fff;
  position: relative; }
  @media only screen and (max-width: 500px) {
    .race-filter h2 {
      color: #008499;
      margin: 0 0 5px;
      font-size: 29px;
      font-family: "Open Sans";
      font-size: 27px; } }
  @media all and (min-width: 1080px) {
    .race-filter h2 {
      line-height: 2.8rem; } }

.race-filter .filter-container {
  color: #fff; }
  @media only screen and (max-width: 500px) {
    .race-filter .filter-container {
      color: #008499; } }

.race-filter .filters {
  *zoom: 1; }
.race-filter .filters:before, .race-filter .filters:after {
  content: " ";
  display: table; }
.race-filter .filters:after {
  clear: both; }
@media only screen and (max-width: 500px) {
  .race-filter .filters {
    margin-right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.race-filter .filter {
  width: 100%;
  margin-bottom: 20px; }
  @media all and (min-width: 800px) {
    .race-filter .filter {
      width: calc(99.99% * 1/3 - (30px - 30px * 1/3)); }
      .race-filter .filter:nth-child(1n) {
        float: left;
        margin-right: 30px;
        clear: none; }
      .race-filter .filter:last-child {
        margin-right: 0; }
      .race-filter .filter:nth-child(3n) {
        margin-right: 0;
        float: right; }
      .race-filter .filter:nth-child(3n+1) {
        clear: both; } }
  @media only screen and (max-width: 500px) {
    .race-filter .filter {
      padding-right: 30px; } }

.race-filter .main-filter {
  background: #008499;
  position: relative;
  transition: all 600ms ease; }
  @media only screen and (max-width: 500px) {
    .race-filter .main-filter {
      background: #F4F3F2; } }
  .race-filter .main-filter .inner-wrapper {
    padding-top: 40px;
    padding-bottom: 30px; }

.race-filter .extra-filter {
  background: #008499;
  max-height: 0;
  overflow: hidden; }
  @media only screen and (max-width: 500px) {
    .race-filter .extra-filter {
      background: #F4F3F2; } }
  @media all and (min-width: 801px) {
    .race-filter .extra-filter {
      background: #097283;
      transition: max-height 400ms ease-in-out .4s; } }
  .race-filter .extra-filter .inner-wrapper {
    padding-top: 25px;
    padding-bottom: 30px; }

.race-filter.show-more .extra-filter {
  max-height: 350px; }
  @media only screen and (max-width: 500px) {
    .race-filter.show-more .extra-filter {
      max-height: 1000px; }
      .race-filter.show-more .extra-filter .inner-wrapper {
        padding-top: 0; } }

@media all and (min-width: 801px) {
  .race-filter.show-more .main-filter {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); } }
@media only screen and (max-width: 500px) {
  .race-filter.show-more .main-filter .inner-wrapper {
    padding-bottom: 0; } }

.race-filter .freetextvisiblearticlefields h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.race-filter .freetextvisiblearticlefields .freetext {
  position: relative; }
  .race-filter .freetextvisiblearticlefields .freetext:after {
    content: "";
    width: 1px;
    height: 20px;
    display: block;
    background: #000;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%); }
    @media only screen and (max-width: 500px) {
      .race-filter .freetextvisiblearticlefields .freetext:after {
        right: 85px; } }

.race-filter .freetextvisiblearticlefields input[type="text"] {
  border-radius: 4px;
  border-color: #d5d0cc;
  font-weight: normal;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-right: 60px; }
  @media only screen and (max-width: 500px) {
    .race-filter .freetextvisiblearticlefields input[type="text"] {
      height: 45px; } }

.race-filter .freetextvisiblearticlefields input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  font-weight: bold;
  height: 30px;
  cursor: pointer;
  min-width: 0;
  background: none; }
  @media only screen and (max-width: 500px) {
    .race-filter .freetextvisiblearticlefields input[type="submit"] {
      top: 7px;
      right: 9px;
      font-size: 24px; } }
  .race-filter .freetextvisiblearticlefields input[type="submit"]:hover {
    color: #008499; }

.race-filter .type-checkbox {
  *zoom: 1; }
.race-filter .type-checkbox:before, .race-filter .type-checkbox:after {
  content: " ";
  display: table; }
.race-filter .type-checkbox:after {
  clear: both; }

.race-filter .type-checkbox input[type="checkbox"] {
  font-size: inherit;
  position: relative;
  vertical-align: middle;
  top: -1px; }

.race-filter .activity_level li,
.race-filter .grooming li,
.race-filter .size li,
.race-filter .collaboration li {
  display: inline-block;
  float: left; }
  .race-filter .activity_level li + li,
  .race-filter .grooming li + li,
  .race-filter .size li + li,
  .race-filter .collaboration li + li {
    margin-left: 10px; }
  .race-filter .activity_level li .itemcount,
  .race-filter .grooming li .itemcount,
  .race-filter .size li .itemcount,
  .race-filter .collaboration li .itemcount {
    display: none; }
.race-filter .activity_level:before,
.race-filter .grooming:before,
.race-filter .size:before,
.race-filter .collaboration:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  float: left;
  margin-right: 10px; }
  @media only screen and (max-width: 500px) {
    .race-filter .activity_level:before,
    .race-filter .grooming:before,
    .race-filter .size:before,
    .race-filter .collaboration:before {
      border: 2px solid #008499;
      width: 75px;
      height: 75px; } }

.race-filter .activity_level,
.race-filter .grooming,
.race-filter .size,
.race-filter .other_properties,
.race-filter .collaboration {
  *zoom: 1; }
.race-filter .activity_level:before, .race-filter .activity_level:after,
.race-filter .grooming:before,
.race-filter .grooming:after,
.race-filter .size:before,
.race-filter .size:after,
.race-filter .other_properties:before,
.race-filter .other_properties:after,
.race-filter .collaboration:before,
.race-filter .collaboration:after {
  content: " ";
  display: table; }
.race-filter .activity_level:after,
.race-filter .grooming:after,
.race-filter .size:after,
.race-filter .other_properties:after,
.race-filter .collaboration:after {
  clear: both; }
.race-filter .activity_level:before,
.race-filter .grooming:before,
.race-filter .size:before,
.race-filter .other_properties:before,
.race-filter .collaboration:before {
  margin-top: 12px; }
@media only screen and (max-width: 500px) {
  .race-filter .activity_level,
  .race-filter .grooming,
  .race-filter .size,
  .race-filter .other_properties,
  .race-filter .collaboration {
    border-bottom: 1px solid #097283;
    margin-bottom: 0;
    padding-top: 10px;
    position: relative;
    padding-bottom: 20px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*
    * 1. Override the pointer cursor on hover for the entire ul
    * 2. Initally hidden on mobile
    */ }
    .race-filter .activity_level:hover,
    .race-filter .grooming:hover,
    .race-filter .size:hover,
    .race-filter .other_properties:hover,
    .race-filter .collaboration:hover {
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.1); }
    .race-filter .activity_level input[type="checkbox"],
    .race-filter .grooming input[type="checkbox"],
    .race-filter .size input[type="checkbox"],
    .race-filter .other_properties input[type="checkbox"],
    .race-filter .collaboration input[type="checkbox"] {
      display: none; }
    .race-filter .activity_level label,
    .race-filter .grooming label,
    .race-filter .size label,
    .race-filter .other_properties label,
    .race-filter .collaboration label {
      cursor: pointer; }
    .race-filter .activity_level input[type="checkbox"] + label:before,
    .race-filter .grooming input[type="checkbox"] + label:before,
    .race-filter .size input[type="checkbox"] + label:before,
    .race-filter .other_properties input[type="checkbox"] + label:before,
    .race-filter .collaboration input[type="checkbox"] + label:before {
      border: 1px solid #c4bfbc;
      content: "\00a0";
      display: inline-block;
      font: 17px/1em sans-serif;
      height: 17px;
      margin: 3px 10px 0 0;
      padding: 0;
      vertical-align: top;
      width: 16px;
      background-color: #fff; }
    .race-filter .activity_level input[type="checkbox"]:checked + label:before,
    .race-filter .grooming input[type="checkbox"]:checked + label:before,
    .race-filter .size input[type="checkbox"]:checked + label:before,
    .race-filter .other_properties input[type="checkbox"]:checked + label:before,
    .race-filter .collaboration input[type="checkbox"]:checked + label:before {
      background: #fff;
      color: #008499;
      content: "\2713";
      text-align: center; }
    .race-filter .activity_level input[type="checkbox"]:checked + label:after,
    .race-filter .grooming input[type="checkbox"]:checked + label:after,
    .race-filter .size input[type="checkbox"]:checked + label:after,
    .race-filter .other_properties input[type="checkbox"]:checked + label:after,
    .race-filter .collaboration input[type="checkbox"]:checked + label:after {
      font-weight: bold; }
    .race-filter .activity_level h2:before,
    .race-filter .grooming h2:before,
    .race-filter .size h2:before,
    .race-filter .other_properties h2:before,
    .race-filter .collaboration h2:before {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20477.175%20477.175%22%3E%3Cpath%20d%3D%22M360.73%20229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1%200s-5.3%2013.8%200%2019.1l215.5%20215.5-215.5%20215.5c-5.3%205.3-5.3%2013.8%200%2019.1%202.6%202.6%206.1%204%209.5%204%203.4%200%206.9-1.3%209.5-4l225.1-225.1c5.3-5.2%205.3-13.8.1-19z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
      background-size: contain;
      background-position: center center;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%) rotate(90deg);
      transition: all 200ms ease; } }
    @media only screen and (max-width: 500px) and (max-width: 500px) {
      .race-filter .activity_level h2:before,
      .race-filter .grooming h2:before,
      .race-filter .size h2:before,
      .race-filter .other_properties h2:before,
      .race-filter .collaboration h2:before {
        background: none; } }
@media only screen and (max-width: 500px) {
    .race-filter .activity_level .filteritems,
    .race-filter .grooming .filteritems,
    .race-filter .size .filteritems,
    .race-filter .other_properties .filteritems,
    .race-filter .collaboration .filteritems {
      clear: both;
      background: #097283;
      position: relative;
      margin-top: 10px;
      margin-left: -30px;
      margin-right: -30px;
      padding: 20px 25px;
      cursor: default;
      /* 1 */ } }
    @media only screen and (max-width: 500px) and (max-width: 500px) {
      .race-filter .activity_level .filteritems,
      .race-filter .grooming .filteritems,
      .race-filter .size .filteritems,
      .race-filter .other_properties .filteritems,
      .race-filter .collaboration .filteritems {
        background-color: #F4F3F2;
        width: 85%;
        float: right;
        position: absolute;
        top: 30px;
        right: 35px;
        background-color: transparent;
        display: flex !important;
        justify-content: space-between; } }
@media only screen and (max-width: 500px) {
    .race-filter .activity_level.open,
    .race-filter .grooming.open,
    .race-filter .size.open,
    .race-filter .other_properties.open,
    .race-filter .collaboration.open {
      padding-bottom: 0; }
    .race-filter .activity_level.open h2:before,
    .race-filter .grooming.open h2:before,
    .race-filter .size.open h2:before,
    .race-filter .other_properties.open h2:before,
    .race-filter .collaboration.open h2:before {
      transform: translateY(-50%) rotate(-90deg); }
    .race-filter .activity_level.open .filteritems,
    .race-filter .grooming.open .filteritems,
    .race-filter .size.open .filteritems,
    .race-filter .other_properties.open .filteritems,
    .race-filter .collaboration.open .filteritems {
      box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
      display: block; } }
    @media only screen and (max-width: 500px) and (max-width: 500px) {
      .race-filter .activity_level.open .filteritems,
      .race-filter .grooming.open .filteritems,
      .race-filter .size.open .filteritems,
      .race-filter .other_properties.open .filteritems,
      .race-filter .collaboration.open .filteritems {
        box-shadow: none; } }

@media all and (min-width: 801px) and (max-width: 1080px) {
  .race-filter .activity_level .filteritems,
  .race-filter .grooming .filteritems,
  .race-filter .size .filteritems,
  .race-filter .other_properties .filteritems,
  .race-filter .collaboration .filteritems {
    clear: both; } }

@media only screen and (max-width: 500px) {
  .race-filter .other_properties ul#filteritems-other_properties {
    right: 102px !important;
    display: block !important;
    margin-top: 30px; } }
.race-filter .size:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20101.145%22%20color%3D%22%23fff%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M131.46%2042.636c-1.928-6.38-.593-11.876-3.415-17.968a28.93%2028.93%200%200%200-1.485-3.117%201.605%201.605%200%200%201%200-1.63c1.34-1.785%202.675-3.714%204.01-5.5a11.053%2011.053%200%200%200%201.64-10.84c-.6-1.488-4.606-7.426-12.48.3a42.378%2042.378%200%200%201-5.642%204.604c-7.425%204.748-15.444%208.164-23.465%2012.03-3.56%201.775-7.273%203.414-10.84%205.2l21.68%2033.853s7.578-2.378%208.172-1.487c.885%201.19%201.632%202.228%202.524%203.416a24.86%2024.86%200%200%200%209.2%207.874c6.386%202.966%2014.704%203.415%2019.452-3.414%204.463-6.39-8.755-21.094-9.35-23.32zM24.548%2026.748L11.33%2016.055A6.97%206.97%200%200%200%202.56%2026.9l13.515%2010.834V67.29c0%20.144-11.876%2023.464-11.876%2023.464a6.912%206.912%200%200%200%202.965%209.354%206.245%206.245%200%200%200%203.27.74%207.11%207.11%200%200%200%206.236-3.714L28.7%2074.12l13.516%2023.312A7.22%207.22%200%200%200%2048.3%20101a6.883%206.883%200%200%200%205.946-10.4L42.513%2070.263H86.02V94.17a6.98%206.98%200%200%200%2013.957%200V67.73c0-.147-27.467-40.984-27.467-40.984z%22%2F%3E%3C%2Fsvg%3E"); }
  @media only screen and (max-width: 500px) {
    .race-filter .size:before {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20101.145%22%20color%3D%22%23008499%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M131.46%2042.636c-1.928-6.38-.593-11.876-3.415-17.968a28.93%2028.93%200%200%200-1.485-3.117%201.605%201.605%200%200%201%200-1.63c1.34-1.785%202.675-3.714%204.01-5.5a11.053%2011.053%200%200%200%201.64-10.84c-.6-1.488-4.606-7.426-12.48.3a42.378%2042.378%200%200%201-5.642%204.604c-7.425%204.748-15.444%208.164-23.465%2012.03-3.56%201.775-7.273%203.414-10.84%205.2l21.68%2033.853s7.578-2.378%208.172-1.487c.885%201.19%201.632%202.228%202.524%203.416a24.86%2024.86%200%200%200%209.2%207.874c6.386%202.966%2014.704%203.415%2019.452-3.414%204.463-6.39-8.755-21.094-9.35-23.32zM24.548%2026.748L11.33%2016.055A6.97%206.97%200%200%200%202.56%2026.9l13.515%2010.834V67.29c0%20.144-11.876%2023.464-11.876%2023.464a6.912%206.912%200%200%200%202.965%209.354%206.245%206.245%200%200%200%203.27.74%207.11%207.11%200%200%200%206.236-3.714L28.7%2074.12l13.516%2023.312A7.22%207.22%200%200%200%2048.3%20101a6.883%206.883%200%200%200%205.946-10.4L42.513%2070.263H86.02V94.17a6.98%206.98%200%200%200%2013.957%200V67.73c0-.147-27.467-40.984-27.467-40.984z%22%2F%3E%3C%2Fsvg%3E"); } }

.race-filter .activity_level:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20139.91%22%20color%3D%22%23fff%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M75.3%2069.173L57%2053.99l-3.82-6%20.81-9.4.01-.07a8.332%208.332%200%200%200-7.585-9.013l-14.8-1.272a8.338%208.338%200%200%200-8.483%205.3l7.5-1.062-21.864%208.512A5.587%205.587%200%200%200%205.338%2045L.576%2066.8a5.587%205.587%200%200%200%2010.916%202.39l4.124-18.88%2019.8-7.714-14.284%2010.34-1.633%2019a41.2%2041.2%200%200%200%20.338%209.86c.6%203.8%201.515%209.65%202.94%2018.725l-18.4%206.824a6.705%206.705%200%200%200%202.33%2012.992c1.655%200%20.39.3%2025.876-9.15a6.7%206.7%200%200%200%204.293-7.327l-3.81-24.244%203.538.3%2010.28%2022.747-2.08%2030.077a6.7%206.7%200%201%200%2013.377.923l2.194-31.762a6.72%206.72%200%200%200-.58-3.22L50.584%2078.29l1.215-14.132%2016.385%2013.6a5.577%205.577%200%201%200%207.117-8.587zM41.527%2024.618A12.33%2012.33%200%201%200%2030.3%2011.276a12.334%2012.334%200%200%200%2011.227%2013.342z%22%2F%3E%3Cpath%20d%3D%22M141.713%2092.17a2.382%202.382%200%200%200-1.03-1.672l-3.118-2.11a7.813%207.813%200%200%200-5.51-5.962l-.075-.022a28.194%2028.194%200%200%201%20.02%204.08c-.107%201.512-.434%206.115-3.887%207.16-2.99.908-5.55-1.586-7.423-4.075-.26-.348-.537-.738-.81-1.145-1.712%202.09-3.22%203.95-3.22%203.95l-26.4%202.69a9.93%209.93%200%200%200-4.34%201.516%2015%2015%200%200%201-7.31-4.888%2023.094%2023.094%200%200%201-4.326-7.886%201.168%201.168%200%200%200-2.273.493%2026.326%2026.326%200%200%200%203.27%209.708%2020.366%2020.366%200%200%200%206.217%206.756%2016.3%2016.3%200%200%200-2.84%205.49%2043.162%2043.162%200%200%200-.332%2012.123l-4.315%208.513a3.218%203.218%200%200%200%205.738%202.914l3.824-7.53a23.278%2023.278%200%200%200%209.192-8.133%2015.99%2015.99%200%200%200%202.28-7.3%201.728%201.728%200%200%201%203.456.16%2016.42%2016.42%200%200%201-1.395%205.966c6.987%201.225%2014.49%202.485%2018.66%203.145l7.15%2013.618a3.218%203.218%200%200%200%205.7-2.993l-7.17-13.657A117.526%20117.526%200%200%200%20127.3%2099.85a3.884%203.884%200%200%201%205.24-2.132%205.636%205.636%200%200%200%206.58-1.387l2.02-2.282a2.38%202.38%200%200%200%20.573-1.877zm-14.5-1.5c2.163-.655%201.837-8.04%201.5-9.152s-2.463-1.812-4.626-1.157-3.54%202.42-3.2%203.532%204.164%207.43%206.326%206.776z%22%2F%3E%3C%2Fsvg%3E"); }
  @media only screen and (max-width: 500px) {
    .race-filter .activity_level:before {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20139.91%22%20color%3D%22%23008499%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M75.3%2069.173L57%2053.99l-3.82-6%20.81-9.4.01-.07a8.332%208.332%200%200%200-7.585-9.013l-14.8-1.272a8.338%208.338%200%200%200-8.483%205.3l7.5-1.062-21.864%208.512A5.587%205.587%200%200%200%205.338%2045L.576%2066.8a5.587%205.587%200%200%200%2010.916%202.39l4.124-18.88%2019.8-7.714-14.284%2010.34-1.633%2019a41.2%2041.2%200%200%200%20.338%209.86c.6%203.8%201.515%209.65%202.94%2018.725l-18.4%206.824a6.705%206.705%200%200%200%202.33%2012.992c1.655%200%20.39.3%2025.876-9.15a6.7%206.7%200%200%200%204.293-7.327l-3.81-24.244%203.538.3%2010.28%2022.747-2.08%2030.077a6.7%206.7%200%201%200%2013.377.923l2.194-31.762a6.72%206.72%200%200%200-.58-3.22L50.584%2078.29l1.215-14.132%2016.385%2013.6a5.577%205.577%200%201%200%207.117-8.587zM41.527%2024.618A12.33%2012.33%200%201%200%2030.3%2011.276a12.334%2012.334%200%200%200%2011.227%2013.342z%22%2F%3E%3Cpath%20d%3D%22M141.713%2092.17a2.382%202.382%200%200%200-1.03-1.672l-3.118-2.11a7.813%207.813%200%200%200-5.51-5.962l-.075-.022a28.194%2028.194%200%200%201%20.02%204.08c-.107%201.512-.434%206.115-3.887%207.16-2.99.908-5.55-1.586-7.423-4.075-.26-.348-.537-.738-.81-1.145-1.712%202.09-3.22%203.95-3.22%203.95l-26.4%202.69a9.93%209.93%200%200%200-4.34%201.516%2015%2015%200%200%201-7.31-4.888%2023.094%2023.094%200%200%201-4.326-7.886%201.168%201.168%200%200%200-2.273.493%2026.326%2026.326%200%200%200%203.27%209.708%2020.366%2020.366%200%200%200%206.217%206.756%2016.3%2016.3%200%200%200-2.84%205.49%2043.162%2043.162%200%200%200-.332%2012.123l-4.315%208.513a3.218%203.218%200%200%200%205.738%202.914l3.824-7.53a23.278%2023.278%200%200%200%209.192-8.133%2015.99%2015.99%200%200%200%202.28-7.3%201.728%201.728%200%200%201%203.456.16%2016.42%2016.42%200%200%201-1.395%205.966c6.987%201.225%2014.49%202.485%2018.66%203.145l7.15%2013.618a3.218%203.218%200%200%200%205.7-2.993l-7.17-13.657A117.526%20117.526%200%200%200%20127.3%2099.85a3.884%203.884%200%200%201%205.24-2.132%205.636%205.636%200%200%200%206.58-1.387l2.02-2.282a2.38%202.38%200%200%200%20.573-1.877zm-14.5-1.5c2.163-.655%201.837-8.04%201.5-9.152s-2.463-1.812-4.626-1.157-3.54%202.42-3.2%203.532%204.164%207.43%206.326%206.776z%22%2F%3E%3C%2Fsvg%3E"); } }

.race-filter .collaboration:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20122.67%22%20color%3D%22%23fff%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M23.11%2021.412A10.706%2010.706%200%201%200%2012.4%2010.705a10.706%2010.706%200%200%200%2010.71%2010.707zm46.442%2011.36a5.167%205.167%200%200%200-7.3.252l-2.09%202.24-23.552-4.13a7.233%207.233%200%200%200-7.165-6.49l-12.9-.054a7.232%207.232%200%200%200-7.26%207.2l-.016%203.7%206.353-5.23L2.706%2047.318a5.163%205.163%200%200%200-.692%204.832l7.2%2019.78a5.166%205.166%200%201%200%209.706-3.538L12.8%2051.6l11.65-15.816-6.34%2015.9%205.47%2015.01a10.123%2010.123%200%200%201-11.53%2013.39l-1.446%209.046L.457%20114.14a6.2%206.2%200%200%200%2011.488%204.66l10.413-25.664a6.082%206.082%200%200%200%20.377-1.352l2.64-16.524%204.31%2016.766.515%2024.574a6.2%206.2%200%200%200%206.195%206.07h.133a6.2%206.2%200%200%200%206.068-6.327l-.527-25.29a6.152%206.152%200%200%200-.194-1.414L36.5%2068.73l.11-27.106%2024.525%204.3a5.172%205.172%200%200%200%204.67-1.564l4-4.29a5.165%205.165%200%200%200-.253-7.3zM96.954%2081.945c2.01.71%205.894-5.092%206.26-6.126s-.86-2.757-2.872-3.467-4.047-.14-4.412.893-.99%207.988%201.024%208.7zm44.1%2018.045a1.038%201.038%200%200%200-1.35.676%2020.87%2020.87%200%200%201-3%205.42%2015.263%2015.263%200%200%201-5.255%204.447c-.238-2.753-.946-7.083-9.378-13.3-13.58-8.985-16.846-13.4-16.846-13.4s-.78-1.365-1.757-3.05c-1.922%202.43-4.577%204.953-7.494%203.924-3.213-1.136-3.325-5.49-3.362-6.923a26.65%2026.65%200%200%201%20.2-3.845l-.07.016a7.38%207.38%200%200%200-5.453%205.388L84.26%2081.2a2.248%202.248%200%200%200-.578%203.33l1.807%202.24a5.325%205.325%200%200%200%206.148%201.59%203.665%203.665%200%200%201%204.85%202.233%20108.484%20108.484%200%200%200%205.055%2012.917l-3.363%2015.476a3.038%203.038%200%200%200%205.937%201.29l2.5-11.523a42.443%2042.443%200%200%200%205.473%201.288%2011.646%2011.646%200%200%201%202.8-4.51%201.532%201.532%200%200%201%202.167%202.168%208.672%208.672%200%200%200-2.128%208.757h-3.53a3.038%203.038%200%200%200%200%206.076c12.965%200%2012.6.022%2013.453-.244a8.87%208.87%200%200%200%206.288-6.134%2018.45%2018.45%200%200%200%208.32-8.34%2023.475%2023.475%200%200%200%202.257-6.68%201.03%201.03%200%200%200-.663-1.142z%22%2F%3E%3C%2Fsvg%3E"); }
  @media only screen and (max-width: 500px) {
    .race-filter .collaboration:before {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20122.67%22%20color%3D%22%23008499%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M23.11%2021.412A10.706%2010.706%200%201%200%2012.4%2010.705a10.706%2010.706%200%200%200%2010.71%2010.707zm46.442%2011.36a5.167%205.167%200%200%200-7.3.252l-2.09%202.24-23.552-4.13a7.233%207.233%200%200%200-7.165-6.49l-12.9-.054a7.232%207.232%200%200%200-7.26%207.2l-.016%203.7%206.353-5.23L2.706%2047.318a5.163%205.163%200%200%200-.692%204.832l7.2%2019.78a5.166%205.166%200%201%200%209.706-3.538L12.8%2051.6l11.65-15.816-6.34%2015.9%205.47%2015.01a10.123%2010.123%200%200%201-11.53%2013.39l-1.446%209.046L.457%20114.14a6.2%206.2%200%200%200%2011.488%204.66l10.413-25.664a6.082%206.082%200%200%200%20.377-1.352l2.64-16.524%204.31%2016.766.515%2024.574a6.2%206.2%200%200%200%206.195%206.07h.133a6.2%206.2%200%200%200%206.068-6.327l-.527-25.29a6.152%206.152%200%200%200-.194-1.414L36.5%2068.73l.11-27.106%2024.525%204.3a5.172%205.172%200%200%200%204.67-1.564l4-4.29a5.165%205.165%200%200%200-.253-7.3zM96.954%2081.945c2.01.71%205.894-5.092%206.26-6.126s-.86-2.757-2.872-3.467-4.047-.14-4.412.893-.99%207.988%201.024%208.7zm44.1%2018.045a1.038%201.038%200%200%200-1.35.676%2020.87%2020.87%200%200%201-3%205.42%2015.263%2015.263%200%200%201-5.255%204.447c-.238-2.753-.946-7.083-9.378-13.3-13.58-8.985-16.846-13.4-16.846-13.4s-.78-1.365-1.757-3.05c-1.922%202.43-4.577%204.953-7.494%203.924-3.213-1.136-3.325-5.49-3.362-6.923a26.65%2026.65%200%200%201%20.2-3.845l-.07.016a7.38%207.38%200%200%200-5.453%205.388L84.26%2081.2a2.248%202.248%200%200%200-.578%203.33l1.807%202.24a5.325%205.325%200%200%200%206.148%201.59%203.665%203.665%200%200%201%204.85%202.233%20108.484%20108.484%200%200%200%205.055%2012.917l-3.363%2015.476a3.038%203.038%200%200%200%205.937%201.29l2.5-11.523a42.443%2042.443%200%200%200%205.473%201.288%2011.646%2011.646%200%200%201%202.8-4.51%201.532%201.532%200%200%201%202.167%202.168%208.672%208.672%200%200%200-2.128%208.757h-3.53a3.038%203.038%200%200%200%200%206.076c12.965%200%2012.6.022%2013.453-.244a8.87%208.87%200%200%200%206.288-6.134%2018.45%2018.45%200%200%200%208.32-8.34%2023.475%2023.475%200%200%200%202.257-6.68%201.03%201.03%200%200%200-.663-1.142z%22%2F%3E%3C%2Fsvg%3E"); } }

.race-filter .grooming:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20191.279%22%20color%3D%22%23fff%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104.25%2039.55a19.775%2019.775%200%201%200-19.783-19.77%2019.77%2019.77%200%200%200%2019.782%2019.77zm4.917%201.15l-4.918%204.956-4.78-5.013a.1.1%200%200%201-.045.01c-2.6.91-7.86%203.327-7.86%203.327-15.676%206.71-18.083%207.743-30.727-4.295a7.656%207.656%200%200%200-9.04-1.1L36.413%2025.41a2.18%202.18%200%200%200-3.08.237%202.158%202.158%200%200%200-.17%202.56L28.84%2033.25a1.335%201.335%200%201%200%202.028%201.734l4.237-4.947%201.657%201.42-4.236%204.95a1.337%201.337%200%200%200%202.028%201.74l4.227-4.956%201.67%201.423-4.238%204.947a1.34%201.34%200%200%200%20.14%201.888%201.327%201.327%200%200%200%201.88-.153l4.236-4.947%201.66%201.422-4.23%204.947a1.33%201.33%200%201%200%202.02%201.735l4.236-4.952%202.618%202.237a7.633%207.633%200%200%200%201.478%209.07c10.368%209.866%2017.97%2013.505%2025.715%2013.505A31.417%2031.417%200%200%200%2084%2063.152v38.386a15.542%2015.542%200%200%200%201.47%206.607c-.01.18%200%2012.758%200%2012.758h30.33v17.02h-8.437v50.52A9.057%209.057%200%200%200%20123%20182.197l.01-74.042a15.14%2015.14%200%200%200%201.47-6.617V80.212s3.243%206.607%201.583%2023.77a7.617%207.617%200%200%200%207.05%208.256c.21.02.41.03.608.03a7.684%207.684%200%200%200%207.65-7.08c3.03-38.67-13.643-58.83-32.202-64.488zM104.3%2084.79h-.1l-4.768-6.52L104.2%2046.4h.095l4.768%2031.873zm-18.87%2097.416a9.05%209.05%200%200%200%206.682%208.71v-52.992h-6.687z%22%2F%3E%3Cpath%20d%3D%22M112.892%20123.737H1.5v11.2h8.423v55.18h9.44V134.94h75.664v55.18h9.43v-55.18h8.435zm0%200M13.647%2081.207l-7.364-5.913A3.866%203.866%200%200%200%201.44%2081.32l7.507%206.03v16.4h.007c0%20.088-6.585%2012.977-6.585%2012.977a3.87%203.87%200%200%200%201.637%205.214%203.936%203.936%200%200%200%201.784.435%203.852%203.852%200%200%200%203.432-2.075l6.653-12.787%207.45%2012.928a3.868%203.868%200%201%200%206.7-3.864l-6.5-11.28h24.053V118.5a3.868%203.868%200%201%200%207.735%200v-14.61a.745.745%200%200%200%20.03-.144V91.53l-18.01-10.323zm51.695-7.857c-2.39-2.257-3.186-4.892-5.867-6.806-.476-.32-.95-.662-1.44-.946a.6.6%200%200%201-.36-.682c.112-1.11.226-2.228.31-3.33a5.322%205.322%200%200%200-2.008-4.973c-.643-.476-3.8-2-5.183%203.242a15.43%2015.43%200%200%201-1.252%203.307%20109.845%20109.845%200%200%201-6.92%2010.87q-1.663%202.43-3.307%204.862l16.91%209.62s3.25-3.563%203.715-3.355l1.9.824a12.754%2012.754%200%200%200%205.84%201.073c3.448-.21%207.05-2.038%207.383-6.18.305-3.802-8.916-6.767-9.72-7.527z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 60%;
  background-position: bottom center; }
  @media only screen and (max-width: 500px) {
    .race-filter .grooming:before {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.732%20191.279%22%20color%3D%22%23008499%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104.25%2039.55a19.775%2019.775%200%201%200-19.783-19.77%2019.77%2019.77%200%200%200%2019.782%2019.77zm4.917%201.15l-4.918%204.956-4.78-5.013a.1.1%200%200%201-.045.01c-2.6.91-7.86%203.327-7.86%203.327-15.676%206.71-18.083%207.743-30.727-4.295a7.656%207.656%200%200%200-9.04-1.1L36.413%2025.41a2.18%202.18%200%200%200-3.08.237%202.158%202.158%200%200%200-.17%202.56L28.84%2033.25a1.335%201.335%200%201%200%202.028%201.734l4.237-4.947%201.657%201.42-4.236%204.95a1.337%201.337%200%200%200%202.028%201.74l4.227-4.956%201.67%201.423-4.238%204.947a1.34%201.34%200%200%200%20.14%201.888%201.327%201.327%200%200%200%201.88-.153l4.236-4.947%201.66%201.422-4.23%204.947a1.33%201.33%200%201%200%202.02%201.735l4.236-4.952%202.618%202.237a7.633%207.633%200%200%200%201.478%209.07c10.368%209.866%2017.97%2013.505%2025.715%2013.505A31.417%2031.417%200%200%200%2084%2063.152v38.386a15.542%2015.542%200%200%200%201.47%206.607c-.01.18%200%2012.758%200%2012.758h30.33v17.02h-8.437v50.52A9.057%209.057%200%200%200%20123%20182.197l.01-74.042a15.14%2015.14%200%200%200%201.47-6.617V80.212s3.243%206.607%201.583%2023.77a7.617%207.617%200%200%200%207.05%208.256c.21.02.41.03.608.03a7.684%207.684%200%200%200%207.65-7.08c3.03-38.67-13.643-58.83-32.202-64.488zM104.3%2084.79h-.1l-4.768-6.52L104.2%2046.4h.095l4.768%2031.873zm-18.87%2097.416a9.05%209.05%200%200%200%206.682%208.71v-52.992h-6.687z%22%2F%3E%3Cpath%20d%3D%22M112.892%20123.737H1.5v11.2h8.423v55.18h9.44V134.94h75.664v55.18h9.43v-55.18h8.435zm0%200M13.647%2081.207l-7.364-5.913A3.866%203.866%200%200%200%201.44%2081.32l7.507%206.03v16.4h.007c0%20.088-6.585%2012.977-6.585%2012.977a3.87%203.87%200%200%200%201.637%205.214%203.936%203.936%200%200%200%201.784.435%203.852%203.852%200%200%200%203.432-2.075l6.653-12.787%207.45%2012.928a3.868%203.868%200%201%200%206.7-3.864l-6.5-11.28h24.053V118.5a3.868%203.868%200%201%200%207.735%200v-14.61a.745.745%200%200%200%20.03-.144V91.53l-18.01-10.323zm51.695-7.857c-2.39-2.257-3.186-4.892-5.867-6.806-.476-.32-.95-.662-1.44-.946a.6.6%200%200%201-.36-.682c.112-1.11.226-2.228.31-3.33a5.322%205.322%200%200%200-2.008-4.973c-.643-.476-3.8-2-5.183%203.242a15.43%2015.43%200%200%201-1.252%203.307%20109.845%20109.845%200%200%201-6.92%2010.87q-1.663%202.43-3.307%204.862l16.91%209.62s3.25-3.563%203.715-3.355l1.9.824a12.754%2012.754%200%200%200%205.84%201.073c3.448-.21%207.05-2.038%207.383-6.18.305-3.802-8.916-6.767-9.72-7.527z%22%2F%3E%3C%2Fsvg%3E"); } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .race-filter .grooming:before {
      /* IE10+ CSS styles go here */
      background-size: 85%; } }

@media only screen and (max-width: 500px) {
  .race-filter .other_properties {
    padding-bottom: 213px !important; } }
.race-filter .other_properties .type-checkbox li {
  width: calc(99.99% * 1/2 - (20px - 20px * 1/2));
  margin-bottom: 10px;
  font-size: 1.4rem; }
  .race-filter .other_properties .type-checkbox li:nth-child(1n) {
    float: left;
    margin-right: 20px; }
  .race-filter .other_properties .type-checkbox li:nth-child(2n) {
    float: right;
    margin-right: 0; }
  .race-filter .other_properties .type-checkbox li:nth-child(2n+1) {
    clear: both; }
  .race-filter .other_properties .type-checkbox li:last-child {
    margin-right: 0; }
@media only screen and (max-width: 500px) {
  .race-filter .other_properties {
    -webkit-box-ordinal-group: 99;
    -ms-flex-order: 99;
    order: 99; } }

.race-filter .show-additional-filters {
  text-align: center;
  margin-top: -30px;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #84b9c1;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  z-index: 6000; }
  @media only screen and (max-width: 500px) {
    .race-filter .show-additional-filters {
      color: #008499;
      border-top: 0;
      font-size: 22px; } }
  .race-filter .show-additional-filters:hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .race-filter .show-additional-filters .icon {
    vertical-align: middle;
    margin-right: 5px;
    transform: rotate(180deg);
    transition: all .3s ease-in; }

.race-filter.show-more .show-additional-filters .icon {
  transform: rotate(0deg); }

@media only screen and (max-width: 500px) {
  ul#filteritems-other_properties li {
    float: left;
    width: 100%; } }
.race-filter li.activity_level, .race-filter li.size {
  margin-top: -13px; }
.race-filter li.grooming, .race-filter li.collaboration {
  margin-top: 40px; }
@media only screen and (max-width: 500px) {
  .race-filter li.grooming, .race-filter li.collaboration {
    margin-top: 0px; } }

.racelist .heading {
  margin-top: 20px;
  margin-bottom: 20px; }
  .racelist .heading {
    *zoom: 1; }
  .racelist .heading:before, .racelist .heading:after {
    content: " ";
    display: table; }
  .racelist .heading:after {
    clear: both; }

.racelist .heading h2 {
  margin: 0;
  line-height: 2.8rem; }
  @media all and (min-width: 800px) {
    .racelist .heading h2 {
      float: left; } }

.racelist .heading .result-details {
  margin: 0;
  line-height: 3.8rem; }
  @media all and (min-width: 800px) {
    .racelist .heading .result-details {
      float: right; } }

.racelist .no-results {
  display: none; }

.racelist .load-more-articles {
  display: block;
  margin: 0 auto;
  background: #008499;
  border-radius: 4px;
  min-width: 200px;
  text-transform: none;
  font-size: 1.6rem;
  font-family: "Montserrat", "Open Sans", sans-serif;
  padding: 6px 12px;
  height: auto;
  position: relative;
  z-index: 9999; }
  .racelist .load-more-articles:hover {
    cursor: pointer;
    background: #009ab3; }

ul.races {
  margin-left: -15px;
  margin-right: -15px; }
  ul.races {
    *zoom: 1; }
  ul.races:before, ul.races:after {
    content: " ";
    display: table; }
  ul.races:after {
    clear: both; }
  ul.races li {
    width: 50%;
    height: 245px;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px; }
    @media only screen and (max-width: 500px) {
      ul.races li {
        height: 180px; } }
    @media all and (min-width: 800px) {
      ul.races li {
        width: 33.3333%; } }
  ul.races .article .random-article {
    padding: 0;
    margin: 0;
    background: #008499;
    position: relative;
    overflow: visible;
    height: 205px;
    text-align: center; }
    @media only screen and (max-width: 500px) {
      ul.races .article .random-article {
        height: 130px; } }
    ul.races .article .random-article:after {
      content: "";
      width: 100%;
      height: 40px;
      background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.093%2018.73%22%3E%3Cpath%20fill%3D%22%23008499%22%20d%3D%22M20.33%204.583a285.337%20285.337%200%200%200%2039.08-1.2c6.956-.6%2014.116-1.8%2021.278-1.8%2018.006.4%2031.714%2014.174%2048.9%2016.568%203.63.592%207.858.985%2011.505-.15V0H0c5.523%204.25%2011.37%204.105%2020.33%204.583z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      display: block;
      position: absolute;
      bottom: -39px;
      left: 0;
      right: 0; }
    ul.races .article .random-article .title {
      padding: 10px 0; }
    ul.races .article .random-article .title h3 {
      color: #fff;
      font-size: 3rem;
      line-height: 3.4rem;
      margin: 0;
      height: 110px;
      overflow: hidden;
      box-sizing: border-box;
      font-family: "Montserrat", "Open Sans", sans-serif;
      font-weight: normal; }
      @media only screen and (max-width: 500px) {
        ul.races .article .random-article .title h3 {
          height: 71px;
          font-size: 22px; } }
    ul.races .article .random-article .btn {
      display: inline-block;
      padding: 12px 18px;
      margin-bottom: 0;
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 8px;
      background-color: #fff; }
      @media only screen and (max-width: 500px) {
        ul.races .article .random-article .btn {
          padding-top: 5px;
          padding-bottom: 5px; } }
      ul.races .article .random-article .btn:hover {
        color: #008499; }
      @media all and (min-width: 800px) {
        ul.races .article .random-article .btn {
          min-width: 150px; } }
  @media only screen and (max-width: 500px) {
    ul.races .article {
      width: 100%;
      height: 170px; }
      ul.races .article .random-article:after {
        height: 60px;
        bottom: -59px; } }
  ul.races .race > a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff; }
  ul.races .race .name-wrapper {
    display: table;
    width: 100%;
    height: 65px;
    box-sizing: border-box; }
    @media only screen and (max-width: 500px) {
      ul.races .race .name-wrapper {
        height: 55px; } }
  ul.races .race .name {
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    word-break: break-word; }
    @media only screen and (max-width: 500px) {
      ul.races .race .name {
        padding-top: 0px;
        line-height: 23px; } }
  ul.races .race .image {
    background: #f8f8f8 url("svg/stoerelse.svg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative; }
    ul.races .race .image.has-image .image-block {
      transition: transform 300ms ease-in-out;
      will-change: transform;
      background-size: cover;
      position: absolute;
      opacity: 0.99;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%; }
  ul.races .race .image {
    height: 180px;
    overflow: hidden;
    border-bottom: 2px solid #008499;
    position: relative; }
    @media only screen and (max-width: 500px) {
      ul.races .race .image {
        height: 132px; } }
    ul.races .race .image .default-litter-image {
      color: red;
      fill: currentColor; }
    ul.races .race .image svg {
      color: #ccc;
      fill: currentColor;
      width: 100%;
      height: 100%; }
    ul.races .race .image .tagline {
      display: block;
      font-size: 30px;
      color: white;
      background-color: rgba(0, 0, 0, 0.29804);
      position: absolute;
      left: 0px;
      bottom: 0px;
      top: 0px;
      text-align: center;
      line-height: 38px;
      padding-top: 10px;
      opacity: 0;
      font-family: Montserrat, arial, sans-serif;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      z-index: 100;
      width: 100%; }
  ul.races .race a:hover > .image .image-block {
    transform: scale(1.07); }
  ul.races .race a:hover > .image .tagline {
    opacity: 1; }
  ul.races .race a:hover > .image .litters {
    background-color: rgba(255, 255, 255, 0.7); }
  @media all and (min-width: 800px) {
    ul.races .race.large {
      width: 66.6666%;
      height: 520px;
      clear: both; }
    ul.races .race.large.right {
      float: right; }
    ul.races .race.large .image {
      height: 455px; } }
  ul.races .litters {
    position: absolute;
    bottom: 15px;
    right: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: rgba(255, 255, 255, 0.5);
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 1.6rem;
    z-index: 200; }
  ul.races .large .litters {
    font-size: 2rem; }
  ul.races .large .tagline {
    padding: 70px 30px !important; }
  ul.races .litters .amount {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    margin-right: 5px; }
  ul.races .byline {
    position: absolute;
    bottom: -11px;
    z-index: 1000;
    left: 0;
    color: #ccc;
    padding: 1px 10px;
    border-top-right-radius: 11px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+44,000000+100&0+4,1+100 */
    background: -moz-linear-gradient(top, transparent 4%, rgba(0, 0, 0, 0.42) 44%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 4%, rgba(0, 0, 0, 0.42) 44%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 4%, rgba(0, 0, 0, 0.42) 44%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }

.tile-common.racelist {
  float: none !important; }

.litter.articledisplay {
  float: left; }

.tile-common.litterlist {
  float: left;
  clear: both;
  width: 100%; }

.sitelocator {
  margin-top: 8px;
  margin-bottom: 18px !important;
  clear: both;
  width: 100%; }
  @media (min-width: 500px) and (max-width: 800px) {
    .sitelocator {
      margin-top: 38px; } }
  .sitelocator .tile-content {
    padding-left: 0px !important; }
  .sitelocator ul li {
    font-family: "Open Sans", Arial, Sans-serif;
    font-size: 14px;
    color: #2c2c2d;
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #aba7a4;
    height: 16px;
    line-height: 15px; }
    .sitelocator ul li a {
      color: #008499;
      text-decoration: none;
      opacity: .6; }
      .sitelocator ul li a:hover {
        text-decoration: underline; }
  .sitelocator ul li:last-of-type {
    border-right: 0px;
    margin-right: 0; }
  .sitelocator ul li:first-of-type {
    margin-left: 0px; }

#placeholder-stretched-top-content .tile-common.billboard.stretched-mode {
  position: relative; }
  #placeholder-stretched-top-content .tile-common.billboard.stretched-mode img.slogan {
    position: absolute;
    z-index: 1000;
    right: 23px;
    top: 19px;
    width: 300px; }
  #placeholder-stretched-top-content .tile-common.billboard.stretched-mode .slogan {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 5px; }
    #placeholder-stretched-top-content .tile-common.billboard.stretched-mode .slogan svg {
      width: 19em;
      height: 10em;
      fill: currentcolor; }
    @media (min-width: 500px) and (max-width: 800px) {
      #placeholder-stretched-top-content .tile-common.billboard.stretched-mode .slogan {
        display: none; } }
#placeholder-stretched-top-content .tile-common.billboard .article-wrapper {
  background-size: 100%, auto;
  background-repeat: no-repeat;
  background-attachment: scroll, fixed; }
@media only screen and (max-width: 500px) {
  #placeholder-stretched-top-content .billboard article.veil {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px; }
    #placeholder-stretched-top-content .billboard article.veil .article-content .digest {
      display: none; }
    #placeholder-stretched-top-content .billboard article.veil .article-content h1 {
      font-size: 40px;
      font-weight: 400 !important;
      line-height: 30px; }
  #placeholder-stretched-top-content .billboard .article-wrapper.slick-slide img {
    opacity: 0;
    display: none; } }
#placeholder-stretched-top-content .slick-track .article-wrapper.billboard-parallax {
  height: 200px;
  background-position: center bottom -1px, center top;
  width: 480px;
  background-size: 100% auto; }
  @media only screen and (max-width: 500px) {
    #placeholder-stretched-top-content .slick-track .article-wrapper.billboard-parallax {
      background-attachment: scroll, scroll;
      background-size: cover; } }
#placeholder-stretched-top-content .billboard .slick-track {
  transform: none !important; }

@media (min-width: 500px) and (max-width: 800px) {
  img.slogan {
    display: none; } }
.newsletter-form {
  position: relative; }
  .newsletter-form .signon-options {
    display: none; }
  .newsletter-form h3 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.4rem; }
  .newsletter-form .textinput {
    width: 100%;
    display: block;
    box-sizing: border-box;
    height: 30px;
    padding: 6px 70px 6px 12px;
    background-color: #fff;
    border: none;
    border-radius: 4px; }
    @media only screen and (max-width: 500px) {
      .newsletter-form .textinput {
        height: 46px;
        font-size: 24px; } }
  .newsletter-form .submit {
    position: absolute;
    top: 2px;
    right: 1px;
    height: 26px;
    color: #000;
    background: #fff;
    font-weight: bold;
    line-height: 1;
    font-size: 15px;
    min-width: 0; }
    @media only screen and (max-width: 500px) {
      .newsletter-form .submit {
        top: 8px;
        right: -2px;
        font-size: 22px; } }
    .newsletter-form .submit:hover {
      cursor: pointer;
      color: #008499; }
  .newsletter-form .newsletter-input-container, .newsletter-form .searchfield {
    position: relative;
    overflow: hidden; }
    .newsletter-form .newsletter-input-container:after, .newsletter-form .searchfield:after {
      content: "";
      display: block;
      height: 20px;
      width: 1px;
      background: #000;
      position: absolute;
      top: 50%;
      right: 75px;
      transform: translateY(-50%); }

form.search .submit {
  right: 8px; }
form.search .simple-search input[type="text"] {
  border: 1px solid #aba7a4; }

.runtime-ctid-87 #placeholder-content .newsletter-form h3 {
  display: none; }
.runtime-ctid-87 #placeholder-content .newsletter-form .tile-content {
  padding: 0; }
.runtime-ctid-87 #placeholder-content .newsletter-form .textinput {
  width: 50%;
  display: inline-block; }
.runtime-ctid-87 #placeholder-content .newsletter-form .tile-content input[type="submit"].submit {
  position: relative;
  height: 30px;
  line-height: 30px;
  border-radius: 0;
  margin-left: 10px;
  min-width: 0; }
.runtime-ctid-87 #placeholder-content .newsletter-form .newsletter-input-container:after {
  display: none; }

.litter.articledisplay {
  color: #2c2c2d; }
  .litter.articledisplay #under-registration {
    color: #a7152f;
    padding: 0;
    margin-bottom: 25px;
    font-size: 17px;
    font-style: italic; }
  .litter.articledisplay h1 {
    font-family: "Montserrat", "Open Sans", sans-serif;
    font-weight: bold;
    margin-top: 30px;
    line-height: 48px; }
  .litter.articledisplay .description {
    margin-bottom: 25px; }
  .litter.articledisplay .header {
    border-bottom: 2px solid #008499;
    color: #008499;
    text-align: center; }
    .litter.articledisplay .header svg {
      width: 70px;
      height: 30px; }
    @media only screen and (max-width: 500px) {
      .litter.articledisplay .header {
        border-right: 2px solid #008499;
        border-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 15px; } }
  .litter.articledisplay .details {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px; }
    .litter.articledisplay .details {
      *zoom: 1; }
    .litter.articledisplay .details:before, .litter.articledisplay .details:after {
      content: " ";
      display: table; }
    .litter.articledisplay .details:after {
      clear: both; }
  .litter.articledisplay .detail {
    padding: 6px 15px; }
    @media only screen and (max-width: 500px) {
      .litter.articledisplay .detail {
        min-height: 50px;
        font-size: 22px;
        display: flex;
        flex-direction: column;
        justify-content: center; } }
  .litter.articledisplay .detail .articleelement {
    display: inline; }
  .litter.articledisplay .details > div {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-bottom: 20px; }
    @media only screen and (max-width: 500px) {
      .litter.articledisplay .details > div {
        width: 100%;
        display: flex;
        flex-direction: row;
        text-align: left; } }
    @media only screen and (min-width: 800px) {
      .litter.articledisplay .details > div {
        width: 50%; } }
  .litter.articledisplay .details > .lineage {
    text-align: left; }
  .litter.articledisplay .puppies {
    margin-bottom: 25px; }
  .litter.articledisplay .puppies h2 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 10px; }
  .litter.articledisplay .puppy-table svg {
    width: 15px;
    height: 18px;
    vertical-align: middle; }
    @media only screen and (max-width: 500px) {
      .litter.articledisplay .puppy-table svg {
        color: #000 !important;
        width: 25px;
        height: 25px;
        margin-right: 6px; } }
  .litter.articledisplay .puppy-table td {
    font-size: 1.6rem; }
    @media only screen and (max-width: 500px) {
      .litter.articledisplay .puppy-table td {
        font-size: 23px;
        padding: 21px; } }
    .litter.articledisplay .puppy-table td.label {
      font-weight: 600; }
  @media only screen and (max-width: 500px) {
    .litter.articledisplay .puppy-table tr:not(:first-child):nth-child(odd) {
      background-color: #fff; }
    .litter.articledisplay .puppy-table tr:not(:first-child):nth-child(even) {
      background-color: #F4F3F2; }
    .litter.articledisplay .puppy-table-header td {
      background-color: #F4F3F2;
      border-bottom: 2px solid #008499;
      font-size: 25px; } }
  .litter.articledisplay .puppy-table .raised-by {
    font-size: 1.2rem; }

#placeholder-right .tile-common.articledisplay.breeders.normal-mode h3 {
  padding: 0 18px 9px 0 !important;
  margin-top: 16px; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode h4 {
  font-weight: bold;
  padding-top: 20px; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode .phone svg {
  color: red;
  fill: currentColor; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders a {
  color: #008499;
  word-break: break-all; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  left: 0px; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders div {
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 26px;
  position: relative; }
  #placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders div.name {
    font-weight: bold;
    padding-left: 0px; }
  #placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders div.email a {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block; }
    #placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders div.email a:hover {
      text-decoration: underline;
      color: #008499; }
#placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders ul {
  list-style-type: none; }
  #placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders ul li:before {
    content: none; }
  #placeholder-right .tile-common.articledisplay.breeders.normal-mode .breeders ul li {
    padding-left: 0; }

.approved-text {
  margin-top: 10px;
  padding-left: 50px;
  display: block;
  font-size: 15px; }
  .approved-text:before {
    content: " ";
    position: absolute;
    top: 34px;
    left: 2px;
    background-image: url(/images/approved.png);
    width: 100px;
    height: 90px;
    background-size: 46px;
    background-repeat: no-repeat;
    background-position-x: 10px; }

.litter-approved-tile {
  position: relative; }

.side-menu .tree-level-1 {
  background-color: #fff;
  padding: 21px;
  padding-top: 0px;
  padding-bottom: 0px; }
.side-menu ul > li.expanded > ul {
  background-color: transparent !important; }
.side-menu span.child-indicator {
  float: right;
  padding-right: 17px; }
  .side-menu span.child-indicator:after {
    content: url("svg/menu_arrow_expand.svg") !important;
    display: block;
    width: 20px;
    height: 30px;
    float: right !important;
    transition: all .3s ease-in; }

li.expanded > a > span.child-indicator:after {
  display: block;
  width: 20px;
  height: 30px;
  float: right !important;
  transform: rotate(180deg);
  transition: all .3s ease-in; }

.side-menu .tile-content > ul > li.expanded > ul {
  background: #eaeaea;
  margin: auto;
  width: 90%; }

.side-menu ul ul ul {
  margin-right: 25px; }

.side-menu li.expanded > a {
  border-bottom: 1px solid #008499; }

.side-menu ul li.expanded > ul {
  padding-left: 0px; }

.side-menu .tree-level-0 {
  border-bottom: 1px solid #c4bfbc; }
.side-menu .tree-level-2 {
  padding-left: 19px; }

#placeholder-right li.expanded > span > span.child-indicator:after {
  content: url("svg/menu_arrow_expand.svg") !important;
  display: block;
  width: 20px;
  height: 30px;
  float: right !important; }

#placeholder-right li.collapsed > span > span.child-indicator:after {
  display: block;
  width: 20px;
  height: 30px;
  float: right !important;
  transform: rotate(180deg);
  transition: all .3s ease-in; }

#placeholder-right li.collapsed.tree-level-0 > span > span.child-indicator:after {
  transform: rotate(180deg);
  transition: all .3s ease-in; }

.page-navigator .links .pages .page {
  padding: 0px !important; }
.page-navigator .next-page, .page-navigator .previous-page, .page-navigator .last-page, .page-navigator .first-page {
  padding: 0px 10px 0px 10px; }

#placeholder-content .tile-common .tile-content.rwd-toggle-content {
  padding: 0; }
#placeholder-content .searchfield {
  position: relative;
  overflow: hidden; }
  #placeholder-content .searchfield input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    height: 34px;
    padding: 6px 70px 6px 12px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #aba7a4; }
  #placeholder-content .searchfield button {
    position: absolute;
    top: 2px;
    right: 10px;
    height: 26px;
    color: #008499;
    background: #fff;
    font-weight: bold;
    line-height: 1;
    font-size: 15px;
    min-width: 0; }
  #placeholder-content .searchfield:after {
    content: "";
    display: block;
    height: 20px;
    width: 1px;
    background: #008499;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%); }

@media only screen and (max-width: 800px) {
  #placeholder-mobile-top .small-searchinput .rwd-toggled-open, #placeholder-top .small-searchinput .rwd-toggled-open {
    background-color: #F4F3F2;
    padding: 22px 15px 22px 15px;
    height: 37px; }
  #placeholder-mobile-top .small-searchinput a.content-toggler, #placeholder-top .small-searchinput a.content-toggler {
    display: block;
    position: absolute;
    top: 116px;
    right: 106px;
    z-index: 1040;
    font-size: 30px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
    #placeholder-mobile-top .small-searchinput a.content-toggler span, #placeholder-top .small-searchinput a.content-toggler span {
      display: none; }
  #placeholder-mobile-top .small-searchinput input[type="text"], #placeholder-top .small-searchinput input[type="text"] {
    margin-right: 0px;
    box-sizing: border-box;
    width: 100%; }
  #placeholder-mobile-top .small-searchinput button, #placeholder-top .small-searchinput button {
    background-color: transparent;
    color: black;
    border-left: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: absolute;
    right: 5px; }
  #placeholder-mobile-top .small-searchinput button:after, #placeholder-top .small-searchinput button:after {
    content: url("svg/search_left.svg");
    height: 20px;
    width: 20px;
    position: absolute;
    right: 19px;
    top: 8px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  #placeholder-mobile-top .small-searchinput .searchfield span, #placeholder-top .small-searchinput .searchfield span {
    display: none; } }
@media only screen and (max-width: 800px) and (min-width: 500px) and (max-width: 800px) {
  #placeholder-top .small-searchinput .rwd-toggled-open {
    height: 79px; }
  #placeholder-top .small-searchinput .tile-content {
    background-color: #F4F3F2 !important; }
    #placeholder-top .small-searchinput .tile-content input[type="text"] {
      width: 610px !important;
      border: 1px solid #aba7a4 !important; }
  #placeholder-top .small-searchinput a.content-toggler {
    top: 2px;
    right: 6px; } }
.tile-common.small-searchinput .toggle-link-wrapper svg {
  color: black; }

#placeholder-right .tile-common.newsarchive.small-box {
  box-shadow: none; }
  #placeholder-right .tile-common.newsarchive.small-box h3, #placeholder-right .tile-common.newsarchive.small-box .tile-content {
    background-color: transparent; }
  #placeholder-right .tile-common.newsarchive.small-box h3 {
    border-bottom: 3px solid #008499; }
  #placeholder-right .tile-common.newsarchive.small-box .tile-content {
    padding: 9px 10px 9px 12px !important; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.encompassing > a, #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.selected.year > a {
      border-bottom: 1px solid #aba7a4;
      display: block;
      padding-bottom: 8px;
      padding-left: 15px; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.encompassing, #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.selected.year {
      border-bottom: 0px !important; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li > ul {
      margin-left: 0;
      margin-top: 8px; }
      #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li > ul > li {
        padding-left: 35px; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li:not(:last-child) {
      border-bottom: 1px solid #aba7a4;
      display: block; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li.selected > a {
      border-bottom: none; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li.selected > span, #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.selected > a, #placeholder-right .tile-common.newsarchive.small-box .tile-content ul li.encompassing > a {
      color: #008499; }
    #placeholder-right .tile-common.newsarchive.small-box .tile-content ul > li {
      margin-bottom: 8px;
      padding-left: 10px;
      padding-bottom: 8px; }

@media only screen and (max-width: 500px) {
  .tile-common.logo-tile {
    padding-top: 14px; }
    .tile-common.logo-tile object {
      width: 85%; } }
@media (min-width: 500px) and (max-width: 800px) {
  #placeholder-top .inner-wrapper .tile-common.logo-tile {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px; }
    #placeholder-top .inner-wrapper .tile-common.logo-tile object {
      width: 157px;
      height: 75px; } }
@media only screen and (max-width: 800px) {
  .mobilemenu li {
    background-color: #F4F3F2;
    color: #000; }
    .mobilemenu li a {
      color: #000; }
    .mobilemenu li.levelup {
      float: left;
      width: 49%;
      border-bottom: 0; }
      .mobilemenu li.levelup.top {
        float: right; }
    .mobilemenu li.overview {
      clear: left; }

  #placeholder-absolute-top .mobilemenu .tile-content {
    top: 67px;
    right: 16px;
    z-index: 1;
    position: relative;
    width: 450px;
    overflow: visible; }
  #placeholder-absolute-top .mobilemenu .toggle-link-wrapper {
    top: 24px;
    right: 15px;
    width: 200px;
    background-color: #d5d0cc;
    height: 39px;
    border-top-right-radius: 21px; }
    #placeholder-absolute-top .mobilemenu .toggle-link-wrapper:after {
      content: "Hovedmeny";
      position: absolute;
      top: 10px;
      left: 15px;
      font-size: 21px;
      font-weight: 400;
      text-transform: uppercase; }
  #placeholder-absolute-top .mobilemenu .rwd-toggle-content {
    z-index: 1001;
    height: 396px; }
  #placeholder-absolute-top .mobilemenu li.levelup {
    display: none;
    border-bottom: 0; }
  #placeholder-absolute-top .mobilemenu svg {
    display: none; }
  #placeholder-absolute-top .mobilemenu ul {
    background-color: #d5d0cc;
    padding-top: 6px;
    padding-bottom: 6px; }
  #placeholder-absolute-top .mobilemenu li.overview svg {
    display: block;
    width: 0.7em; }
  #placeholder-absolute-top .mobilemenu li {
    text-transform: uppercase;
    width: 98%;
    border-bottom: 1px solid #000; }
    #placeholder-absolute-top .mobilemenu li:not(.overview) {
      background-color: #d5d0cc; }
    #placeholder-absolute-top .mobilemenu li a {
      font-size: 20px;
      padding-top: 10px;
      padding-bottom: 10px; }

  .mobilemenu ul {
    top: 1px; } }
@media (min-width: 500px) and (max-width: 800px) {
  /* Do not set overflow hidden on this element since it will break tiles with
  rwd toggle content */
  #placeholder-menu-toggle {
    position: relative;
    left: 0px;
    right: 0px;
    top: 0;
    z-index: 3; }

  #placeholder-menu-toggle .toggle-link-wrapper {
    position: absolute;
    top: -70px;
    right: 10px; }

  #placeholder-menu-toggle .toggle-link-wrapper a {
    display: block;
    width: 60px;
    color: #000;
    font-size: 3rem; }

  #placeholder-menu-toggle > .toggle-link-wrapper > a {
    text-align: center; }

  #placeholder-menu-toggle .toggle-link-wrapper a svg {
    width: 1.1em; }

  #placeholder-menu-toggle .toggle-link-wrapper a.open {
    height: 75px; }

  #placeholder-menu-toggle .toggle-link-wrapper span {
    display: none; }

  /* -- Placeholder menu toggle */
  #placeholder-menu-toggle .tile-common {
    background: #F4F3F2; }

  .tile-content.rwd-toggle-content.rwd-toggled-open {
    position: fixed;
    top: 100px;
    left: 0px;
    width: 100%;
    background-color: #F4F3F2; }

  li.levelup.top:after {
    content: " ";
    background-color: #000;
    width: 1px;
    height: 34px;
    position: absolute;
    top: 16px;
    right: 383px; }

  .mobilemenu li.levelup {
    width: 50%;
    border-bottom: 0; }

  #placeholder-menu-toggle .toggle-link-wrapper {
    top: -53px; } }
.menu {
  z-index: 1000; }

.menu-arrow-open, .menu-arrow-close {
  background-image: url("svg/menu_arrow_expand.svg");
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: bottom 12px right 19px; }

.menu-arrow-close {
  background-image: url("svg/menu_arrow_close.svg"); }

.categoryname {
  float: right;
  clear: right;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 33px;
  font-family: Montserrat; }

.runtime-ctid-83:not(.mobile) .cls-2 {
  fill: #fff; }
.runtime-ctid-83:not(.mobile) video, .runtime-ctid-83:not(.mobile) img {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%); }
.runtime-ctid-83:not(.mobile) #coretrek-footer,
.runtime-ctid-83:not(.mobile) #placeholder-mobile-top,
.runtime-ctid-83:not(.mobile) #placeholder-bottom,
.runtime-ctid-83:not(.mobile) #placeholder-sub-bottom {
  display: none; }
.runtime-ctid-83:not(.mobile) #placeholder-absolute-top {
  z-index: 5002;
  background-color: transparent;
  position: absolute;
  top: 10%;
  box-shadow: none !important;
  border-bottom: 0 !important; }
  .runtime-ctid-83:not(.mobile) #placeholder-absolute-top .tile-common.logo-tile {
    position: absolute;
    top: 0px;
    left: 31%; }
    .runtime-ctid-83:not(.mobile) #placeholder-absolute-top .tile-common.logo-tile object {
      width: 375px;
      height: auto; }
.runtime-ctid-83:not(.mobile) #place {
  z-index: 5002;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 40%;
  box-shadow: none !important; }
  .runtime-ctid-83:not(.mobile) #place .standard-menu a {
    color: #fff !important;
    font-size: 22px !important;
    height: 30px;
    display: block; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu a:hover {
      color: #58b6e7 !important;
      border-bottom: 2px solid #58b6e7 !important;
      padding-bottom: 0px; }
  .runtime-ctid-83:not(.mobile) #place .standard-menu ul {
    margin-top: 4px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul:after {
      content: " ";
      border-bottom: 1px solid #fff;
      width: 1010px;
      position: absolute;
      top: 57px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(1) {
      margin-left: 40px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(n+4) {
      height: 36px;
      float: right;
      clear: right;
      text-transform: uppercase;
      margin-right: 20px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(4) {
      margin-top: 37px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(-n+3) {
      margin-right: 70px; }
      .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(-n+3) a {
        font-size: 32px !important;
        height: 37px;
        display: block; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(1) a:hover {
      color: #008499 !important;
      border-bottom: 2px solid #008499 !important;
      padding-bottom: 0px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(2) a:hover {
      color: #DD941A !important;
      border-bottom: 2px solid #DD941A !important;
      padding-bottom: 0px; }
    .runtime-ctid-83:not(.mobile) #place .standard-menu ul li:nth-child(3) a:hover {
      color: #8c961c !important;
      border-bottom: 2px solid #8c961c !important;
      padding-bottom: 0px; }

.runtime-ctid-83.tablet .cls-2 {
  fill: #fff; }
.runtime-ctid-83.tablet video, .runtime-ctid-83.tablet img {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%); }
.runtime-ctid-83.tablet #coretrek-footer,
.runtime-ctid-83.tablet #placeholder-mobile-top,
.runtime-ctid-83.tablet #placeholder-bottom,
.runtime-ctid-83.tablet #placeholder-sub-bottom {
  display: none; }
.runtime-ctid-83.tablet #placeholder-absolute-top {
  z-index: 5002;
  background-color: transparent;
  position: absolute;
  top: 10%;
  box-shadow: none !important;
  border-bottom: 0 !important; }
  .runtime-ctid-83.tablet #placeholder-absolute-top .tile-common.logo-tile {
    position: absolute;
    top: 0px;
    left: 31%; }
    .runtime-ctid-83.tablet #placeholder-absolute-top .tile-common.logo-tile object {
      width: 375px;
      height: auto; }
.runtime-ctid-83.tablet #placeholder-top {
  z-index: 5002;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 40%;
  box-shadow: none !important; }
  .runtime-ctid-83.tablet #placeholder-top .standard-menu a {
    color: #fff !important;
    font-size: 22px !important;
    height: 30px;
    display: block; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu a:hover {
      color: #58b6e7 !important;
      border-bottom: 2px solid #58b6e7 !important;
      padding-bottom: 0px; }
  .runtime-ctid-83.tablet #placeholder-top .standard-menu ul {
    margin-top: 4px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul:after {
      content: " ";
      border-bottom: 1px solid #fff;
      width: 1010px;
      position: absolute;
      top: 57px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(1) {
      margin-left: 10px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(n+4) {
      height: 36px;
      float: right;
      clear: right;
      text-transform: uppercase;
      margin-right: 20px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(4) {
      margin-top: 20px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(-n+3) {
      margin-right: 10px; }
      .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(-n+3) a {
        font-size: 22px !important;
        height: 37px;
        display: block; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(1) a:hover {
      color: #008499 !important;
      border-bottom: 2px solid #008499 !important;
      padding-bottom: 0px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(2) a:hover {
      color: #DD941A !important;
      border-bottom: 2px solid #DD941A !important;
      padding-bottom: 0px; }
    .runtime-ctid-83.tablet #placeholder-top .standard-menu ul li:nth-child(3) a:hover {
      color: #8c961c !important;
      border-bottom: 2px solid #8c961c !important;
      padding-bottom: 0px; }

.runtime-ctid-83.mobile video, .runtime-ctid-83.mobile img {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  max-width: initial;
  overflow: hidden; }
.runtime-ctid-83.mobile #placeholder-sub-bottom {
  position: relative;
  z-index: 999;
  padding: 10px 20px; }
.runtime-ctid-83.mobile #container {
  background: transparent !important; }
.runtime-ctid-83.mobile .inner-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.runtime-ctid-83.mobile #coretrek-footer {
  padding: 15px 15px; }
.runtime-ctid-83.mobile #placeholder-mobile-top {
  display: none; }
.runtime-ctid-83.mobile #placeholder-top {
  height: 400px;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent; }
  .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu {
    margin-top: 67px !important;
    width: 100%;
    float: left; }
    .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu ul {
      float: left;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      color: #fff;
      padding-top: 14px;
      padding-bottom: 33px;
      margin-bottom: 100px;
      margin-top: 100px; }
      .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu ul a {
        color: #fff; }
      .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu ul li {
        font-size: 22px;
        line-height: 46px;
        margin-left: 0px;
        text-align: right;
        text-transform: uppercase;
        margin: 0px 30px; }
        .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu ul li:nth-of-type(-n+3) {
          font-size: 35px;
          line-height: 55px;
          text-align: left;
          text-transform: none; }
        .runtime-ctid-83.mobile #placeholder-top .tile-common.standard-menu ul li:nth-of-type(3) {
          padding-bottom: 18px;
          border-bottom: 2px solid #fff; }
.runtime-ctid-83.mobile #placeholder-absolute-top {
  z-index: 5002;
  background-color: transparent;
  position: absolute;
  top: 10%;
  box-shadow: none !important;
  border-bottom: 0 !important; }
  .runtime-ctid-83.mobile #placeholder-absolute-top .tile-common.logo-tile {
    position: absolute;
    top: 0px;
    left: 31%; }
    .runtime-ctid-83.mobile #placeholder-absolute-top .tile-common.logo-tile object {
      width: 375px;
      height: auto; }
.runtime-ctid-83.mobile .tile-common.logo-tile {
  padding-top: 40px;
  left: 10% !important; }
  .runtime-ctid-83.mobile .tile-common.logo-tile object {
    width: 330px !important; }

.tile-common.back-to-calendar {
  box-shadow: none !important;
  margin-top: 120px !important; }
  .tile-common.back-to-calendar .tile-content {
    padding: 0 !important;
    background: transparent !important;
    min-height: auto !important; }
    .tile-common.back-to-calendar .tile-content a {
      display: block;
      background: #8c9700;
      width: 100%;
      text-align: center;
      border-radius: 6px;
      color: #fff !important;
      padding: 1.6rem 0;
      font-size: 1.9rem; }
      .tile-common.back-to-calendar .tile-content a:link, .tile-common.back-to-calendar .tile-content a:visited {
        color: #fff !important;
        font-weight: 600; }

.tile-common.registration-address .tile-content {
  padding: 18px !important; }
  .tile-common.registration-address .tile-content h4 {
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: #000;
    font-size: 1.7rem;
    display: flex;
    align-items: center; }
    .tile-common.registration-address .tile-content h4 svg {
      font-size: 2.2rem;
      margin-right: 1rem; }
  .tile-common.registration-address .tile-content p {
    margin: 0;
    padding: 0; }
    .tile-common.registration-address .tile-content p:last-of-type {
      margin-bottom: 2rem; }
  .tile-common.registration-address .tile-content a {
    display: block;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    color: #0060a9;
    text-decoration: underline; }
    .tile-common.registration-address .tile-content a:link, .tile-common.registration-address .tile-content a:visited {
      color: #0060a9 !important;
      text-decoration: underline !important; }
  .tile-common.registration-address .tile-content .content {
    padding-left: 3.3rem; }

.tile-common.registration-deadline .tile-content {
  padding: 18px !important; }
  .tile-common.registration-deadline .tile-content h4 {
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: #000;
    font-size: 1.7rem;
    display: flex;
    align-items: center; }
    .tile-common.registration-deadline .tile-content h4 svg {
      font-size: 2.2rem;
      margin-right: 1rem; }
  .tile-common.registration-deadline .tile-content .content {
    padding-left: 3.3rem; }

.relatedActivities ul li {
  display: flex;
  flex-flow: column;
  margin-bottom: 2rem; }

.download-center {
  width: 100%; }
  .download-center .tile-content {
    margin: 0 -2rem; }
    .download-center .tile-content h1 {
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 20px;
      margin-top: 0;
      line-height: 46px; }
    .download-center .tile-content .category {
      margin: 2rem 0;
      border-bottom: 2px solid #ffffff;
      width: 100%; }
      .download-center .tile-content .category i {
        position: absolute;
        transform: translate(45px, 5px);
        left: 0; }
        .download-center .tile-content .category i:before, .download-center .tile-content .category i:after {
          content: "";
          position: absolute;
          background-color: #000;
          width: 2px;
          height: 14px; }
        .download-center .tile-content .category i:before {
          transform: translate(-5px, 0) rotate(45deg); }
        .download-center .tile-content .category i:after {
          transform: translate(5px, 0) rotate(-45deg); }
      .download-center .tile-content .category input[type="checkbox"] {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 30px;
        z-index: 1;
        opacity: 0; }
        .download-center .tile-content .category input[type="checkbox"]:checked ~ .files {
          display: none;
          padding: 0 0 0 3.5rem;
          max-height: 0;
          opacity: 0;
          transform: translate(0, 50%); }
        .download-center .tile-content .category input[type="checkbox"]:checked ~ i:before {
          transform: translate(5px, 0) rotate(45deg); }
        .download-center .tile-content .category input[type="checkbox"]:checked ~ i:after {
          transform: translate(-5px, 0) rotate(-45deg); }
      .download-center .tile-content .category .header {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        margin-left: 5rem; }
      .download-center .tile-content .category .files {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        background: #ffffff;
        position: relative;
        opacity: 1;
        transform: translate(0, 0);
        z-index: 2;
        margin: 0 -1rem;
        padding: .5rem 2rem; }
        @media screen and (max-width: 763px) {
          .download-center .tile-content .category .files {
            justify-content: space-between; } }
        .download-center .tile-content .category .files .file {
          flex-basis: 30%;
          margin: 1rem; }
          @media screen and (max-width: 763px) {
            .download-center .tile-content .category .files .file {
              flex-basis: 40%; } }
          .download-center .tile-content .category .files .file a {
            font-size: 1.3rem; }
            .download-center .tile-content .category .files .file a:hover {
              text-decoration: underline;
              cursor: pointer; }

/*#placeholder-content {
  @include org-chart-breakdown {
    margin-left: 0;
  }
}*/
.org_chart {
  width: 100%; }
  .org_chart > .tile-content {
    padding: 0 !important;
    display: flex;
    flex-flow: row wrap; }
    .org_chart > .tile-content .title {
      font-family: "Open Sans", Arial, Sans-serif;
      font-weight: 800;
      font-size: 20px;
      text-transform: uppercase;
      color: #666463;
      padding-bottom: 15px; }
    .org_chart > .tile-content .links {
      margin-bottom: 10px; }
      .org_chart > .tile-content .links > ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        position: relative; }
        @media (max-width: 1199px) {
          .org_chart > .tile-content .links > ul {
            margin: 0 !important;
            flex-flow: row wrap; } }
        .org_chart > .tile-content .links > ul > li {
          list-style: none;
          border-style: solid;
          border-width: 1px;
          border-color: #0062a7;
          background-color: #ffffff;
          font-family: "Open Sans", Arial, Sans-serif;
          font-size: 16px;
          color: #0062a7; }
          @media (max-width: 1199px) {
            .org_chart > .tile-content .links > ul > li {
              width: 100%; } }
          .org_chart > .tile-content .links > ul > li > a {
            padding: 10px;
            text-decoration: none;
            display: block;
            word-wrap: break-word;
            /*&:hover {
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }*/ }
          @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .org_chart > .tile-content .links > ul > li.arrow {
              margin-left: -30px; } }
          .org_chart > .tile-content .links > ul > li.arrow:after {
            content: '';
            position: absolute;
            left: 49%;
            background: url("/themes/coretrek/images/v_arr_175.png") 0 0 no-repeat;
            background-size: contain;
            width: 50px;
            height: 175px;
            z-index: 1000; }
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
              .org_chart > .tile-content .links > ul > li.arrow:after {
                left: 49%; } }
          .org_chart > .tile-content .links > ul > li.arrow2 {
            margin-right: -15px; }
            .org_chart > .tile-content .links > ul > li.arrow2:after {
              content: '';
              position: absolute;
              left: 50%;
              background: url("/themes/coretrek/images/v_arr_323.png") 0 0 no-repeat;
              background-size: contain;
              width: 50px;
              height: 323px;
              z-index: 1000; }
          @media (max-width: 1199px) {
            .org_chart > .tile-content .links > ul > li[class^="arrow"] {
              width: 100%;
              margin: 0; }
              .org_chart > .tile-content .links > ul > li[class^="arrow"]:after {
                display: none; } }
    .org_chart > .tile-content > div {
      width: 100%;
      padding: 10px; }
    .org_chart > .tile-content .owners {
      background-color: #d4d0cc; }
    .org_chart > .tile-content .selection {
      background-color: #dedad7; }
      .org_chart > .tile-content .selection .links > ul > li {
        margin-right: 5px; }
        .org_chart > .tile-content .selection .links > ul > li:last-child {
          margin-right: 104px; }
          @media (max-width: 1199px) {
            .org_chart > .tile-content .selection .links > ul > li:last-child {
              margin-right: 0; } }
        .org_chart > .tile-content .selection .links > ul > li:nth-child(3) {
          margin-right: 35px; }
          @media (max-width: 1199px) {
            .org_chart > .tile-content .selection .links > ul > li:nth-child(3) {
              margin-right: 0; } }
        @media (max-width: 1199px) {
          .org_chart > .tile-content .selection .links > ul > li {
            margin: 0; } }
    .org_chart > .tile-content .leadership {
      background-color: #e7e4e2;
      padding-bottom: 170px; }
      .org_chart > .tile-content .leadership > .links > .sub {
        justify-content: center; }
        @media (max-width: 1199px) {
          .org_chart > .tile-content .leadership > .links > .sub {
            display: flex;
            flex-flow: row wrap; }
            .org_chart > .tile-content .leadership > .links > .sub:last-child {
              margin: 0; }
            .org_chart > .tile-content .leadership > .links > .sub:nth-child(4) {
              margin: 0; } }
        .org_chart > .tile-content .leadership > .links > .sub > li {
          background-color: #dbe4ea;
          width: 110px;
          margin-right: 5px; }
          .org_chart > .tile-content .leadership > .links > .sub > li:first-child {
            margin-left: 25px; }
          .org_chart > .tile-content .leadership > .links > .sub > li:nth-child(3) {
            margin-right: 35px; }
          .org_chart > .tile-content .leadership > .links > .sub > li:nth-child(6) ul.subs {
            margin-left: 45px;
            margin-right: -45px; }
          .org_chart > .tile-content .leadership > .links > .sub > li.have-sub {
            position: relative; }
            .org_chart > .tile-content .leadership > .links > .sub > li.have-sub:after {
              content: '|';
              position: absolute;
              left: 50%;
              bottom: -18px; }
            .org_chart > .tile-content .leadership > .links > .sub > li.have-sub > ul.subs {
              visibility: visible;
              display: block;
              position: absolute;
              top: 100px;
              background-color: #ffffff;
              border: 1px solid #0062A7;
              padding: 10px; }
              @media (max-width: 1199px) {
                .org_chart > .tile-content .leadership > .links > .sub > li.have-sub > ul.subs {
                  position: static; } }
            @media (max-width: 1199px) {
              .org_chart > .tile-content .leadership > .links > .sub > li.have-sub:after {
                display: none; } }
          @media (max-width: 1199px) {
            .org_chart > .tile-content .leadership > .links > .sub > li {
              width: 100%;
              margin: 0; }
              .org_chart > .tile-content .leadership > .links > .sub > li:last-child {
                margin: 0; }
              .org_chart > .tile-content .leadership > .links > .sub > li:nth-child(4) {
                margin: 0; } }
      @media (max-width: 1199px) {
        .org_chart > .tile-content .leadership {
          padding-bottom: 0; } }
    .org_chart > .tile-content .operations {
      background-color: #f0efed; }
      .org_chart > .tile-content .operations > div.links > ul {
        justify-content: center;
        align-items: center; }
        .org_chart > .tile-content .operations > div.links > ul > li:first-child {
          margin-left: 70px;
          margin-right: 20px; }
          @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .org_chart > .tile-content .operations > div.links > ul > li:first-child {
              margin-left: 55px; } }
        @media (max-width: 1199px) {
          .org_chart > .tile-content .operations > div.links > ul {
            display: flex;
            flex-flow: row wrap; }
            .org_chart > .tile-content .operations > div.links > ul > li {
              width: 100%; }
              .org_chart > .tile-content .operations > div.links > ul > li:first-child {
                margin: 0; } }
      .org_chart > .tile-content .operations .bit {
        border-color: #2c2c2d;
        height: 30px; }
        .org_chart > .tile-content .operations .bit > a {
          padding: 5px 10px 5px 10px; }
    .org_chart > .tile-content .members {
      background-color: #faf9f9; }
      @media (max-width: 1199px) {
        .org_chart > .tile-content .members > .links > ul {
          display: flex;
          flex-flow: row wrap; }
          .org_chart > .tile-content .members > .links > ul > li {
            width: 100%;
            margin: 0 !important; } }
      .org_chart > .tile-content .members > .links > .sub > li {
        background-color: #dbe4ea;
        flex-grow: 1;
        margin-right: 5px; }

.tile-common.articlelist.articlelist-map {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.625rem;
  padding-top: 0 !important;
  /*
    @include media-breakpoint-up(lg) {
        body:not(.frontpage) #placeholder-stretched-content & {
            margin-top: calc(-2.1875rem - 3px);
            ul.nav-tabs {
                li.nav-item {
                    z-index: 1;
                }
            }
        }
    }
   */
  /*
  ul.nav-tabs, div#mapview, div#listview {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
   */ }
  body.frontpage #placeholder-content-1 .tile-common.articlelist.articlelist-map {
    margin-top: 0;
    margin-bottom: 0; }
  .tile-common.articlelist.articlelist-map .tile-content {
    padding: 0; }
  .tile-common.articlelist.articlelist-map .tile-content ul.nav-tabs {
    justify-content: flex-start; }
    .tile-common.articlelist.articlelist-map .tile-content ul.nav-tabs li.nav-item {
      border: none;
      cursor: pointer;
      margin-bottom: 0 !important;
      padding: 0; }
      .tile-common.articlelist.articlelist-map .tile-content ul.nav-tabs li.nav-item a.nav-link {
        border: none;
        font-size: 0.875rem;
        letter-spacing: 1px;
        border-radius: 0;
        padding: 0.9375rem 1.875rem;
        line-height: 1.25rem;
        color: #2c2c2d;
        background-color: transparent;
        text-transform: uppercase; }
        .tile-common.articlelist.articlelist-map .tile-content ul.nav-tabs li.nav-item a.nav-link.active {
          border-bottom: 2px solid #008499; }
  .tile-common.articlelist.articlelist-map .tile-content .tab-content {
    background-color: #f5f5f5;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem; }
  .tile-common.articlelist.articlelist-map .tile-content div#mapview .map-wrapper {
    position: relative;
    height: 0;
    padding-top: 120% !important; }
  .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map button {
      min-width: 0; }
    .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw {
      font-size: 1rem;
      padding: 0;
      overflow: visible;
      width: 100%;
      border-radius: 5px; }
      .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d {
        padding: 0;
                        /*
                        overflow: auto !important;

                        max-height: none !important;
                         */ }
        .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article {
          padding: 2rem; }
          .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card {
            border-bottom: none; }
            .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body h3 {
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 600;
              margin-top: 0;
              padding: 0 1rem 1rem 1rem !important;
              border-bottom: 2px solid #A71930;
              margin-bottom: 1rem; }
            .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content {
              padding: 0 1rem; }
              .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content .articleelement.newtext p {
                font-weight: 400;
                line-height: 2.3rem;
                margin-top: 0;
                margin-bottom: 1rem; }
              .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content .articleelement.newtext ul {
                list-style-type: '- ';
                padding-left: 10px;
                margin-bottom: 1rem; }
                .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content .articleelement.newtext ul li {
                  font-size: 1.6rem;
                  line-height: 2.3rem;
                  margin-bottom: 0;
                  padding: 0; }
              .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content .articleelement.newtext a {
                color: #008499; }
                .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw .gm-style-iw-d article.card .card-body .main-content .articleelement.newtext a:hover {
                  text-decoration: underline;
                  line-height: 2.3rem; }
      .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button {
        width: 30px !important;
        height: 30px !important;
        border-radius: 15px !important;
        top: -7.5px !important;
        right: -7.5px !important;
        background-color: #008499 !important;
        border: 1px solid #008499 !important;
        opacity: 1;
        display: flex !important;
        justify-content: center;
        align-items: center; }
        .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button span {
          display: none !important;
          width: 20px !important;
          height: 20px !important;
          margin: 4px !important; }
        .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button::after {
          font-family: FontAwesome;
          content: "\f00d";
          font-size: 20px;
          display: block;
          color: #fff; }
        .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button:hover {
          background-color: #fff !important; }
          .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button:hover::after {
            color: #008499; }
        .tile-common.articlelist.articlelist-map .tile-content div#mapview div.map .gm-style-iw button img {
          display: none !important;
          margin: 2px !important; }
  .tile-common.articlelist.articlelist-map .tile-content div#listview .card, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card {
    border-radius: 5px;
    border-bottom: 1px solid #ccc; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card:hover {
      box-shadow: none; }
  .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body {
    display: flex;
    flex-direction: column; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body a.header, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body a.header {
      height: auto; }
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body a.header:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body a.header:hover {
        text-decoration: underline; }
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body a.header h3, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body a.header h3 {
        margin-bottom: 10px;
        line-height: 1.75rem; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .distance, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .distance {
      font-style: italic; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body ul.makes, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body ul.makes {
      padding: 0.625rem 0;
      margin-left: 0;
      margin-bottom: 0;
      margin-top: 15px;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center; }
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body ul.makes li, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body ul.makes li {
        margin-right: 20px;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body ul.makes li svg, .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body ul.makes li object, .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body ul.makes li figure, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body ul.makes li svg, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body ul.makes li object, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body ul.makes li figure {
          width: 30px;
          height: 30px; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper {
      display: flex;
      flex-wrap: wrap;
      padding: 1.875rem 0 1rem 0;
      margin-left: -10px;
      margin-right: -10px; }
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info {
        flex: 1 0 50%;
        width: 50%;
        max-width: 50%;
        margin-bottom: 1.875rem;
        padding-left: 10px;
        padding-right: 10px;
                /*
                @include media-breakpoint-down(lg) {
                  flex-basis: 100%;
                  width: 100%;
                  max-width: 100%;
                }

                 */ }
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-address, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-address {
          width: 100%;
          max-width: 100%;
          flex-basis: 100%; }
          .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-address a, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-address a {
            color: #008499;
            text-decoration: underline; }
            .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-address a:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-address a:hover {
              text-decoration: none; }
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a, .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-email a, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-email a {
          text-decoration: none; }
          .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a i.icon, .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-email a i.icon, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a i.icon, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-email a i.icon {
            margin-right: 0.875rem; }
          .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a:hover, .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .contact-info-wrapper .contact-info.contact-info-email a:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-telephone a:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .contact-info-wrapper .contact-info.contact-info-email a:hover {
            text-decoration: underline; }
    .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper {
      display: flex;
      padding-top: 1.25rem;
      border-top: 1px solid #eee;
      margin-top: auto; }
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.read-more,
      .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.book-workshop-time, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.read-more,
      .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.book-workshop-time {
        flex: 1 1 0;
        font-weight: 600; }
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.read-more:hover,
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.book-workshop-time:hover, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.read-more:hover,
        .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.book-workshop-time:hover {
          text-decoration: underline; }
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.read-more i.icon,
        .tile-common.articlelist.articlelist-map .tile-content div#listview .card-body .read-more-wrapper a.book-workshop-time i.icon, .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.read-more i.icon,
        .tile-common.articlelist.articlelist-map .tile-content div#mapview .card-body .read-more-wrapper a.book-workshop-time i.icon {
          color: #008499;
          font-weight: 600;
          margin-right: 0.75rem; }
  .tile-common.articlelist.articlelist-map .tile-content .company.list-view .card-body .digest p {
    margin-bottom: 1rem; }
  .tile-common.articlelist.articlelist-map .tile-content .company.list-view .card-body .digest ul {
    display: block; }
    .tile-common.articlelist.articlelist-map .tile-content .company.list-view .card-body .digest ul li {
      font-weight: 400;
      margin-bottom: 0; }
  .tile-common.articlelist.articlelist-map .leash-rules-code-info {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.7rem; }
    @media only screen and (max-width: 800px) {
      .tile-common.articlelist.articlelist-map .leash-rules-code-info {
        flex-direction: column;
        gap: 0.5rem; } }
    .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code {
      display: flex;
      align-items: center; }
      .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code::before {
        display: inline-block;
        content: '';
        width: 12px;
        height: 12px;
        background-color: #000;
        border-radius: 6px;
        margin-right: 4px;
        flex-shrink: 0; }
      .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code-0::before {
        background-color: #84B496; }
      .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code-1::before {
        background-color: #C97B7B; }
      .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code-2::before {
        background-color: #B73032; }
      .tile-common.articlelist.articlelist-map .leash-rules-code-info .leash-rule-code span {
        color: #2c2c2d;
        font-size: 1.2rem; }

#placeholder-content .articlefilter.leash-rules-map-filter {
  margin-bottom: 2rem;
  width: 100%; }
  @media only screen and (max-width: 800px) {
    #placeholder-content .articlefilter.leash-rules-map-filter {
      margin-bottom: 0.8rem; } }
.articlefilter.leash-rules-map-filter .tile-content {
  background: initial; }
  #placeholder-content .articlefilter.leash-rules-map-filter .tile-content {
    padding: 0; }
  .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container {
    width: initial;
    max-width: initial;
    margin: 0; }
    .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse {
      justify-content: flex-start;
      gap: 1rem;
      padding: 0; }
      @media only screen and (max-width: 800px) {
        .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse {
          flex-direction: column;
          gap: 0; } }
      .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filter {
        flex: 1 1 0; }
        @media only screen and (max-width: 800px) {
          .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filter {
            flex-basis: 100%;
            width: 100%; } }
        .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filter select {
          color: #2c2c2d;
          height: 3.4rem; }
      .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filteritems.freetext {
        position: relative; }
        .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filteritems.freetext input[type="text"].freetext {
          width: 100%;
          max-width: calc(100% - 42px);
          padding-right: 32px;
          height: 3.2rem; }
        .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filteritems.freetext input[type="submit"].submit, #placeholder-content .articlefilter.leash-rules-map-filter .tile-content form.articlefilterform .filters .container .filter-collapse .filteritems.freetext input[type="submit"].submit {
          position: absolute;
          top: 0;
          right: 0;
          width: 34px;
          height: 34px;
          border: none;
          color: transparent;
          margin-left: 0;
          padding: 0;
          min-width: 0;
          background-color: transparent;
          background-image: url("svg/search_left.svg");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 12px 16px;
          transform: scaleX(-1); }

body.theme-orange #placeholder-absolute-top {
  border-bottom: 4px solid #DD941A; }
  body.theme-orange #placeholder-absolute-top .standard-menu:not(.quick-mode) ul li.active, body.theme-orange #placeholder-absolute-top .standard-menu:not(.quick-mode) ul li.main-active {
    background: #DD941A !important; }
body.theme-orange #placeholder-top .standard-menu.quick-mode a:hover, body.theme-orange #placeholder-top .standard-menu.quick-mode li.active a, body.theme-orange #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 1px solid #DD941A; }
body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #DD941A;
  padding-bottom: 2px; }
body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-orange #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #DD941A;
  color: #DD941A; }
body.theme-orange #placeholder-top .language-selector a {
  color: #000; }
  body.theme-orange #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #DD941A; }
body.theme-orange .sitelocator ul li a {
  color: #DD941A; }
body.theme-orange #placeholder-stretched-top-content .billboard article button {
  color: #000 !important; }
body.theme-orange #placeholder-bottom {
  background-color: #D5D0CC; }
  body.theme-orange #placeholder-bottom .linktoolbar .links a:hover {
    background: #DD941A !important;
    color: #000;
    border: 1px solid transparent; }
  body.theme-orange #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-orange #placeholder-bottom .tile-common:not(.linktoolbar) span {
    color: #2c2c2d !important; }
    body.theme-orange #placeholder-bottom .tile-common:not(.linktoolbar) a:hover, body.theme-orange #placeholder-bottom .tile-common:not(.linktoolbar) span:hover {
      color: #DD941A !important; }
body.theme-orange #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #DD941A;
  color: #DD941A; }
  body.theme-orange #placeholder-content .linktoolbar .links a:hover {
    background: #DD941A;
    color: #fff; }
body.theme-orange #placeholder-content .custom-frontboxes .article a {
  background: #DD941A !important; }
body.theme-orange #placeholder-content .custom-frontboxes .article h3 {
  color: #fff !important; }
body.theme-orange #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #DD941A; }
body.theme-orange #placeholder-right h3 {
  color: #DD941A;
  border-color: #DD941A !important; }
body.theme-orange #placeholder-right a:hover {
  color: #DD941A; }
body.theme-orange .side-menu h3 {
  color: #DD941A !important;
  border-color: #DD941A !important; }
body.theme-orange .side-menu .tile-content > ul > li.active > span {
  background: #DD941A; }
body.theme-orange .side-menu .tile-content > ul > li.sub-active > a {
  background: #DD941A; }
body.theme-orange .side-menu li li.active > span {
  color: #DD941A; }
body.theme-orange .page-navigator ul.pages li.page > span {
  background-color: #DD941A; }
body.theme-orange .page-navigator a {
  color: #DD941A; }
  body.theme-orange .page-navigator a span {
    color: #DD941A; }
  body.theme-orange .page-navigator a:hover {
    background-color: #DD941A;
    color: #fff; }
body.theme-orange .page-navigator :after {
  color: #DD941A; }
body.theme-orange #placeholder-stretched-top-content .billboard article button {
  background: #DD941A;
  color: #fff !important; }
body.theme-orange .mobilemenu li.overview {
  background: #DD941A; }

body.theme-turquise .content-toggler.open svg {
  color: #008499; }
body.theme-turquise #placeholder-absolute-top {
  border-bottom: 4px solid #008499; }
  body.theme-turquise #placeholder-absolute-top .standard-menu ul li.active, body.theme-turquise #placeholder-absolute-top .standard-menu ul li.main-active {
    background: #008499 !important; }
    body.theme-turquise #placeholder-absolute-top .standard-menu ul li.active span, body.theme-turquise #placeholder-absolute-top .standard-menu ul li.active a, body.theme-turquise #placeholder-absolute-top .standard-menu ul li.main-active span, body.theme-turquise #placeholder-absolute-top .standard-menu ul li.main-active a {
      color: #fff; }
  body.theme-turquise #placeholder-absolute-top .linktoolbar .links a:hover {
    color: #000; }
body.theme-turquise #placeholder-top .standard-menu.quick-mode a:hover {
  border-bottom: 2px solid #008499; }
body.theme-turquise #placeholder-top .standard-menu.quick-mode li.active a {
  border-bottom: 2px solid #008499; }
body.theme-turquise #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 2px solid #008499; }
body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #008499;
  padding-bottom: 2px; }
body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-turquise #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #008499;
  color: #008499; }
body.theme-turquise #placeholder-top .language-selector a {
  color: #000; }
  body.theme-turquise #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #008499; }
body.theme-turquise #placeholder-stretched-top-content .billboard article button, body.theme-turquise #placeholder-stretched-top-content .billboard article a.button {
  background: #008499; }
body.theme-turquise #placeholder-content.no-right.no-left .small-list h3 {
  border-bottom: 2px solid #008499 !important;
  margin: 0 !important; }
body.theme-turquise #placeholder-content.no-right.no-left .small-articlelist a:hover {
  color: #008499 !important; }
body.theme-turquise #placeholder-content.no-right.no-left .tile-common:not(.stretched-mode) {
  box-shadow: none !important; }
body.theme-turquise #placeholder-content.no-right.no-left .small-articledisplay.clickable:hover {
  box-shadow: none !important; }
body.theme-turquise #placeholder-content svg {
  color: #008499; }
body.theme-turquise #placeholder-content .small-articledisplay {
  background: #fff; }
  body.theme-turquise #placeholder-content .small-articledisplay.clickable:hover {
    box-shadow: none !important; }
body.theme-turquise #placeholder-content .small-articlelist {
  background: #fff !important; }
body.theme-turquise #placeholder-content .custom-frontboxes .article a {
  background: #008499 !important; }
body.theme-turquise #placeholder-content .custom-frontboxes .article h3 {
  color: #fff !important; }
body.theme-turquise #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #008499;
  color: #008499; }
  body.theme-turquise #placeholder-content .linktoolbar .links a:hover {
    background: #008499;
    color: #fff; }
    body.theme-turquise #placeholder-content .linktoolbar .links a:hover svg {
      color: #fff; }
body.theme-turquise #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #008499; }
body.theme-turquise #main-content .small-articledisplay.clickable h3 {
  font-weight: bold !important; }
body.theme-turquise #main-content .small-articledisplay article {
  cursor: pointer; }
  body.theme-turquise #main-content .small-articledisplay article:hover h3 {
    color: #008499 !important; }
body.theme-turquise #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-turquise #placeholder-bottom .tile-common:not(.linktoolbar) span {
  color: #2c2c2d !important; }
body.theme-turquise #placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #008499 !important; }
body.theme-turquise .side-menu h3 {
  color: #008499 !important;
  border-color: #008499 !important; }
body.theme-turquise .mobilemenu li.overview {
  background: #008499; }
  body.theme-turquise .mobilemenu li.overview a {
    color: #fff; }
  body.theme-turquise .mobilemenu li.overview svg {
    color: #fff; }

body.theme-green #placeholder-absolute-top {
  border-bottom: 4px solid #8c961c; }
  body.theme-green #placeholder-absolute-top .standard-menu ul li.active, body.theme-green #placeholder-absolute-top .standard-menu ul li.main-active {
    background: #8c961c !important; }
    body.theme-green #placeholder-absolute-top .standard-menu ul li.active span, body.theme-green #placeholder-absolute-top .standard-menu ul li.active a, body.theme-green #placeholder-absolute-top .standard-menu ul li.main-active span, body.theme-green #placeholder-absolute-top .standard-menu ul li.main-active a {
      color: #fff; }
  body.theme-green #placeholder-absolute-top .linktoolbar .links a:hover {
    color: #000; }
body.theme-green #placeholder-top .standard-menu.quick-mode a:hover {
  border-bottom: 1px solid #8c961c; }
body.theme-green #placeholder-top .standard-menu.quick-mode li.active a {
  border-bottom: 1px solid #8c961c; }
body.theme-green #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 1px solid #8c961c; }
body.theme-green #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #8c961c;
  padding-bottom: 2px; }
body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-green #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #8c961c;
  color: #8c961c; }
body.theme-green #placeholder-top .language-selector a {
  color: #000; }
  body.theme-green #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #8c961c; }
body.theme-green #placeholder-stretched-top-content .billboard article button, body.theme-green #placeholder-stretched-top-content .billboard article a.button {
  background: #8c961c; }
body.theme-green #placeholder-content.no-right.no-left .small-list h3 {
  border-bottom: 2px solid #8c961c !important;
  margin: 0 !important; }
body.theme-green #placeholder-content.no-right.no-left .small-articlelist a:hover {
  color: #8c961c !important; }
body.theme-green #placeholder-content.no-right.no-left .tile-common:not(.stretched-mode) {
  box-shadow: none !important; }
body.theme-green #placeholder-content.no-right.no-left .small-articledisplay.clickable:hover {
  box-shadow: none !important; }
body.theme-green #placeholder-content .small-articledisplay {
  background: #fff; }
  body.theme-green #placeholder-content .small-articledisplay.clickable:hover {
    box-shadow: none !important; }
body.theme-green #placeholder-content .small-articlelist {
  background: #fff !important; }
body.theme-green #placeholder-content .custom-frontboxes .article a {
  background: #8c961c !important; }
body.theme-green #placeholder-content .custom-frontboxes .article h3 {
  color: #fff !important; }
body.theme-green #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #8c961c;
  color: #8c961c; }
  body.theme-green #placeholder-content .linktoolbar .links a:hover {
    background: #8c961c;
    color: #fff; }
body.theme-green #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #8c961c; }
body.theme-green #main-content .small-articledisplay.clickable h3 {
  font-weight: bold !important; }
body.theme-green #main-content .small-articledisplay article {
  cursor: pointer; }
  body.theme-green #main-content .small-articledisplay article:hover h3 {
    color: #8c961c !important; }
body.theme-green #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-green #placeholder-bottom .tile-common:not(.linktoolbar) span {
  color: #2c2c2d !important; }
body.theme-green #placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #8c961c !important; }
body.theme-green .side-menu h3 {
  color: #8c961c !important;
  border-color: #8c961c !important; }
body.theme-green .side-menu .tile-content > ul > li.active > span {
  background: #8c961c; }
body.theme-green .side-menu .tile-content > ul > li.sub-active > a {
  background: #8c961c; }
body.theme-green .side-menu li li.active > span {
  color: #8c961c; }
body.theme-green #container #main-content .side-menu h3, body.theme-green #placeholder-right .tile-common.newsarchive.small-box h3 {
  border-color: #8c961c !important; }
body.theme-green #placeholder-right .tile-content a:hover {
  color: #8c961c; }
body.theme-green #placeholder-right h3 {
  color: #8c961c; }
body.theme-green .sitelocator a {
  color: #8c961c; }
body.theme-green .page-navigator ul.pages li.page > span {
  background-color: #8c961c; }
body.theme-green .page-navigator a {
  color: #8c961c; }
  body.theme-green .page-navigator a span {
    color: #8c961c; }
  body.theme-green .page-navigator a:hover {
    background-color: #8c961c;
    color: #fff; }
body.theme-green .page-navigator :after {
  color: #8c961c; }
body.theme-green .race-filter .main-filter {
  background: #8c961c; }
body.theme-green .race-filter .extra-filter {
  background: #8c961c; }
body.theme-green .race-filter .show-additional-filters {
  border-top: 1px solid #bcc18d; }
body.theme-green input[type="submit"] {
  background: #8c961c !important; }
body.theme-green .mobilemenu li.overview {
  background: #8c961c; }

body.theme-gray .content-toggler.open svg {
  color: #ccc; }
body.theme-gray #placeholder-absolute-top {
  border-bottom: 4px solid #ccc; }
  body.theme-gray #placeholder-absolute-top .standard-menu ul li.active, body.theme-gray #placeholder-absolute-top .standard-menu ul li.main-active {
    background: #ccc !important; }
    body.theme-gray #placeholder-absolute-top .standard-menu ul li.active span, body.theme-gray #placeholder-absolute-top .standard-menu ul li.active a, body.theme-gray #placeholder-absolute-top .standard-menu ul li.main-active span, body.theme-gray #placeholder-absolute-top .standard-menu ul li.main-active a {
      color: #fff; }
  body.theme-gray #placeholder-absolute-top .linktoolbar .links a:hover {
    color: #000; }
body.theme-gray #placeholder-top .standard-menu.quick-mode a:hover {
  border-bottom: 2px solid #ccc; }
body.theme-gray #placeholder-top .standard-menu.quick-mode li.active a {
  border-bottom: 2px solid #ccc; }
body.theme-gray #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 2px solid #ccc; }
body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #ccc;
  padding-bottom: 2px; }
body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-gray #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #ccc; }
body.theme-gray #placeholder-top .language-selector a {
  color: #000; }
  body.theme-gray #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc; }
body.theme-gray #placeholder-stretched-top-content .billboard article button, body.theme-gray #placeholder-stretched-top-content .billboard article a.button {
  background: #ccc; }
body.theme-gray #placeholder-content.no-right.no-left .small-list h3 {
  border-bottom: 2px solid #ccc !important;
  margin: 0 !important; }
body.theme-gray #placeholder-content.no-right.no-left .small-articlelist a:hover {
  color: #ccc !important; }
body.theme-gray #placeholder-content.no-right.no-left .tile-common:not(.stretched-mode) {
  box-shadow: none !important; }
body.theme-gray #placeholder-content.no-right.no-left .small-articledisplay.clickable:hover {
  box-shadow: none !important; }
body.theme-gray #placeholder-content svg {
  color: #ccc; }
body.theme-gray #placeholder-content .small-articledisplay {
  background: #fff; }
  body.theme-gray #placeholder-content .small-articledisplay.clickable:hover {
    box-shadow: none !important; }
body.theme-gray #placeholder-content .small-articlelist {
  background: #fff !important; }
body.theme-gray #placeholder-content .custom-frontboxes .article a {
  background: #ccc !important; }
body.theme-gray #placeholder-content .custom-frontboxes .article h3 {
  color: #fff !important; }
body.theme-gray #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #ccc;
  color: #ccc; }
  body.theme-gray #placeholder-content .linktoolbar .links a:hover {
    background: #ccc;
    color: #fff; }
body.theme-gray #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #ccc; }
body.theme-gray #main-content .small-articledisplay.clickable h3 {
  font-weight: bold !important; }
body.theme-gray #main-content .small-articledisplay article {
  cursor: pointer; }
  body.theme-gray #main-content .small-articledisplay article:hover h3 {
    color: #ccc !important; }
body.theme-gray #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-gray #placeholder-bottom .tile-common:not(.linktoolbar) span {
  color: #2c2c2d !important; }
body.theme-gray #placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #ccc !important; }
body.theme-gray .side-menu h3 {
  color: #ccc; }
body.theme-gray .mobilemenu li.overview {
  background: #ccc; }
  body.theme-gray .mobilemenu li.overview a {
    color: #fff; }
  body.theme-gray .mobilemenu li.overview svg {
    color: #fff; }
body.theme-gray .side-menu h3 {
  color: #ccc;
  border-color: #ccc !important; }
body.theme-gray .side-menu .tile-content > ul > li.active > span {
  background: #ccc; }
body.theme-gray #container #main-content .side-menu h3, body.theme-gray #placeholder-right .tile-common.newsarchive.small-box h3 {
  border-color: #ccc !important; }
body.theme-gray #placeholder-right .tile-content a:hover {
  color: #ccc; }
body.theme-gray #placeholder-right h3 {
  color: #ccc; }
body.theme-gray .sitelocator a {
  color: #ccc; }
body.theme-gray .page-navigator ul.pages li.page > span {
  background-color: #ccc; }
body.theme-gray .page-navigator a {
  color: #ccc; }
  body.theme-gray .page-navigator a span {
    color: #ccc; }
  body.theme-gray .page-navigator a:hover {
    background-color: #ccc;
    color: #fff; }
body.theme-gray .page-navigator :after {
  color: #ccc; }

body.theme-yellow #placeholder-absolute-top {
  border-bottom: 4px solid #faef98; }
  body.theme-yellow #placeholder-absolute-top .standard-menu ul li.active, body.theme-yellow #placeholder-absolute-top .standard-menu ul li.main-active {
    background: #faef98 !important; }
    body.theme-yellow #placeholder-absolute-top .standard-menu ul li.active span, body.theme-yellow #placeholder-absolute-top .standard-menu ul li.active a, body.theme-yellow #placeholder-absolute-top .standard-menu ul li.main-active span, body.theme-yellow #placeholder-absolute-top .standard-menu ul li.main-active a {
      color: #000; }
  body.theme-yellow #placeholder-absolute-top .linktoolbar .links a:hover {
    color: #000; }
body.theme-yellow #placeholder-top .standard-menu.quick-mode a:hover {
  border-bottom: 1px solid #faef98; }
body.theme-yellow #placeholder-top .standard-menu.quick-mode li.active a {
  border-bottom: 1px solid #faef98; }
body.theme-yellow #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 1px solid #faef98; }
body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #faef98;
  padding-bottom: 2px; }
body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-yellow #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #faef98;
  color: #faef98; }
body.theme-yellow #placeholder-top .language-selector a {
  color: #000; }
  body.theme-yellow #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #faef98; }
body.theme-yellow #placeholder-stretched-top-content .billboard article button, body.theme-yellow #placeholder-stretched-top-content .billboard article a.button {
  background: #faef98; }
body.theme-yellow #placeholder-content.no-right.no-left .small-list h3 {
  border-bottom: 2px solid #faef98 !important;
  margin: 0 !important; }
body.theme-yellow #placeholder-content.no-right.no-left .small-articlelist a:hover {
  color: #faef98 !important; }
body.theme-yellow #placeholder-content.no-right.no-left .tile-common:not(.stretched-mode) {
  box-shadow: none !important; }
body.theme-yellow #placeholder-content.no-right.no-left .small-articledisplay.clickable:hover {
  box-shadow: none !important; }
body.theme-yellow #placeholder-content .small-articledisplay {
  background: #000; }
  body.theme-yellow #placeholder-content .small-articledisplay.clickable:hover {
    box-shadow: none !important; }
body.theme-yellow #placeholder-content .small-articlelist {
  background: #000 !important; }
body.theme-yellow #placeholder-content .custom-frontboxes .article a {
  background: #faef98 !important; }
body.theme-yellow #placeholder-content .custom-frontboxes .article h3 {
  color: #000 !important; }
body.theme-yellow #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #faef98;
  color: #faef98; }
  body.theme-yellow #placeholder-content .linktoolbar .links a:hover {
    background: #faef98;
    color: #000; }
body.theme-yellow #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #faef98; }
body.theme-yellow #main-content .small-articledisplay.clickable h3 {
  font-weight: bold !important; }
body.theme-yellow #main-content .small-articledisplay article {
  cursor: pointer; }
  body.theme-yellow #main-content .small-articledisplay article:hover h3 {
    color: #faef98 !important; }
body.theme-yellow #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-yellow #placeholder-bottom .tile-common:not(.linktoolbar) span {
  color: #2c2c2d !important; }
body.theme-yellow #placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #faef98 !important; }
body.theme-yellow .side-menu h3 {
  color: #faef98 !important;
  border-color: #faef98 !important; }
body.theme-yellow .side-menu .tile-content > ul > li.active > span {
  background: #faef98; }
body.theme-yellow .side-menu .tile-content > ul > li.sub-active > a {
  background: #faef98; }
body.theme-yellow .side-menu li li.active > span {
  color: #faef98; }
body.theme-yellow #container #main-content .side-menu h3, body.theme-yellow #placeholder-right .tile-common.newsarchive.small-box h3 {
  border-color: #faef98 !important; }
body.theme-yellow #placeholder-right .tile-content a:hover {
  color: #faef98; }
body.theme-yellow #placeholder-right h3 {
  color: #faef98; }
body.theme-yellow .sitelocator a {
  color: #faef98; }
body.theme-yellow .page-navigator ul.pages li.page > span {
  background-color: #faef98; }
body.theme-yellow .page-navigator a {
  color: #faef98; }
  body.theme-yellow .page-navigator a span {
    color: #faef98; }
  body.theme-yellow .page-navigator a:hover {
    background-color: #faef98;
    color: #fff; }
body.theme-yellow .page-navigator :after {
  color: #faef98; }
body.theme-yellow .race-filter .main-filter {
  background: #faef98; }
body.theme-yellow .race-filter .extra-filter {
  background: #faef98; }
body.theme-yellow .race-filter .show-additional-filters {
  border-top: 1px solid #bcc18d; }
body.theme-yellow input[type="submit"] {
  background: #faef98 !important; }
body.theme-yellow .mobilemenu li.overview {
  background: #faef98; }

body.theme-red #placeholder-absolute-top {
  border-bottom: 4px solid #A71930; }
  body.theme-red #placeholder-absolute-top .standard-menu ul li.active, body.theme-red #placeholder-absolute-top .standard-menu ul li.main-active {
    background: #A71930 !important; }
    body.theme-red #placeholder-absolute-top .standard-menu ul li.active span, body.theme-red #placeholder-absolute-top .standard-menu ul li.active a, body.theme-red #placeholder-absolute-top .standard-menu ul li.main-active span, body.theme-red #placeholder-absolute-top .standard-menu ul li.main-active a {
      color: #fff; }
  body.theme-red #placeholder-absolute-top .linktoolbar .links a:hover {
    color: #fff; }
body.theme-red #placeholder-top .standard-menu.quick-mode a:hover {
  border-bottom: 1px solid #A71930; }
body.theme-red #placeholder-top .standard-menu.quick-mode li.active a {
  border-bottom: 1px solid #A71930; }
body.theme-red #placeholder-top .standard-menu.quick-mode li.active span {
  border-bottom: 1px solid #A71930; }
body.theme-red #placeholder-top .standard-menu:not(.quick-mode) a:hover {
  color: #2c2c2d;
  border-bottom: 4px solid #A71930;
  padding-bottom: 2px; }
body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.active > a, body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.main-active > a, body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a, body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.active > span, body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.main-active > span, body.theme-red #placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  border-bottom: 4px solid #A71930;
  color: #A71930; }
body.theme-red #placeholder-top .language-selector a {
  color: #000; }
  body.theme-red #placeholder-top .language-selector a:hover {
    padding-bottom: 2px;
    border-bottom: 1px solid #A71930; }
body.theme-red #placeholder-stretched-top-content .billboard article button, body.theme-red #placeholder-stretched-top-content .billboard article a.button {
  background: #A71930; }
body.theme-red #placeholder-content.no-right.no-left .small-list h3 {
  border-bottom: 2px solid #A71930 !important;
  margin: 0 !important; }
body.theme-red #placeholder-content.no-right.no-left .small-articlelist a:hover {
  color: #A71930 !important; }
body.theme-red #placeholder-content.no-right.no-left .tile-common:not(.stretched-mode) {
  box-shadow: none !important; }
body.theme-red #placeholder-content.no-right.no-left .small-articledisplay.clickable:hover {
  box-shadow: none !important; }
body.theme-red #placeholder-content .small-articledisplay {
  background: #000; }
  body.theme-red #placeholder-content .small-articledisplay.clickable:hover {
    box-shadow: none !important; }
body.theme-red #placeholder-content .small-articlelist {
  background: #fff !important; }
body.theme-red #placeholder-content .custom-frontboxes .article a {
  background: #A71930 !important; }
body.theme-red #placeholder-content .custom-frontboxes .article h3 {
  color: #fff !important; }
body.theme-red #placeholder-content .linktoolbar .links a {
  background: transparent;
  border: 1px solid #A71930;
  color: #A71930; }
  body.theme-red #placeholder-content .linktoolbar .links a:hover {
    background: #A71930;
    color: #fff; }
body.theme-red #placeholder-content .linktoolbar .links.sharing-links span.label {
  font-size: 2rem;
  color: #A71930; }
body.theme-red #main-content .small-articledisplay.clickable h3 {
  font-weight: bold !important; }
body.theme-red #main-content .small-articledisplay article {
  cursor: pointer; }
  body.theme-red #main-content .small-articledisplay article:hover h3 {
    color: #A71930 !important; }
body.theme-red #placeholder-bottom .tile-common:not(.linktoolbar) a, body.theme-red #placeholder-bottom .tile-common:not(.linktoolbar) span {
  color: #2c2c2d !important; }
body.theme-red #placeholder-bottom .tile-common:not(.linktoolbar) a:hover {
  color: #A71930 !important; }
body.theme-red .side-menu h3 {
  color: #A71930 !important;
  border-color: #A71930 !important; }
body.theme-red .side-menu .tile-content > ul > li.active > span {
  background: #A71930; }
body.theme-red .side-menu .tile-content > ul > li.sub-active > a {
  background: #A71930; }
body.theme-red .side-menu li li.active > span {
  color: #A71930; }
body.theme-red #container #main-content .side-menu h3, body.theme-red #placeholder-right .tile-common.newsarchive.small-box h3 {
  border-color: #A71930 !important; }
body.theme-red #placeholder-right .tile-content a:hover {
  color: #A71930; }
body.theme-red #placeholder-right h3 {
  color: #A71930; }
body.theme-red .sitelocator a {
  color: #A71930; }
body.theme-red .page-navigator ul.pages li.page > span {
  background-color: #A71930; }
body.theme-red .page-navigator a {
  color: #A71930; }
  body.theme-red .page-navigator a span {
    color: #A71930; }
  body.theme-red .page-navigator a:hover {
    background-color: #A71930;
    color: #fff; }
body.theme-red .page-navigator :after {
  color: #A71930; }
body.theme-red .race-filter .main-filter {
  background: #A71930; }
body.theme-red .race-filter .extra-filter {
  background: #A71930; }
body.theme-red .race-filter .show-additional-filters {
  border-top: 1px solid #bcc18d; }
body.theme-red input[type="submit"] {
  background: #A71930 !important; }
body.theme-red .mobilemenu li.overview {
  background: #A71930; }
body.theme-red .monthly-activity-list table tr.month {
  color: #A71930;
  border: none;
  border-bottom: 1px solid #A71930; }
  body.theme-red .monthly-activity-list table tr.month th {
    color: #A71930;
    border: none; }
body.theme-red .monthly-activity-list table td.duration span {
  color: #A71930;
  display: block; }
body.theme-red .activity .tile-content .activity-instance .dates {
  border-color: #A71930; }
  body.theme-red .activity .tile-content .activity-instance .dates span {
    color: #A71930; }
body.theme-red .calendar h3 {
  color: green;
  margin-top: 0; }
body.theme-red .calendar .tile-content .calendar header {
  display: flex; }
  body.theme-red .calendar .tile-content .calendar header .previous-links svg {
    fill: #A71930; }
  body.theme-red .calendar .tile-content .calendar header .month-year-header {
    text-transform: capitalize; }
  body.theme-red .calendar .tile-content .calendar header .next-links svg {
    fill: #A71930; }
body.theme-red .calendar .tile-content .calendar table td.today span {
  border-color: #A71930; }

#placeholder-content .iframe-tile .tile-content {
  width: 100%;
  padding: 0px !important;
  height: 750px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important; }

#placeholder-content .iframe-tile iframe {
  height: 750px !important;
  width: 100%;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important; }

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

/* ========    CtFrontendCssService:  end of file style.css     ======== */

/* ========    CtFrontendCssService:  start of css for channel [default]     ======== */
/* -- Default channel specific style -- */
/*
 Empty "header comments":
 See style.css for further description of the purpose of thse.
*/
/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */
/* Define all tiles in placholder top that shouldn't be visible in the sticky version */
#placeholder-top.sticky-scrolled .standard-menu.quick-mode,
#placeholder-top.sticky-scrolled .tile-common:not(.standard-menu):not(.mega-menu) {
  display: none;
}

#main-content {
  margin-top: 40px;
}

#placeholder-left {
  clear: both;
  float: left;
  width: 32.1%;
  margin-right: 18px;
}

#placeholder-content {
  float: left;
  width: 32.1%;
}

#placeholder-content.no-left,
#placeholder-content.no-right {
  width: 66%;
}

#placeholder-content.no-right.no-left {
  width: 100%;
  max-width: 100%;
}

#placeholder-right {
  float: right;
  width: 32.1%;
}

#placeholder-bottom {
  overflow: hidden;
  clear: both;
  position: relative;
  z-index: 999;
}

/* Do not set overflow hidden on this element since it will break tiles with
stretched background and tiles with shadows */
.inner-wrapper {
  max-width: 960px;
  margin: 0px auto;
  padding: 0px 30px 0px 30px;
}

/* -------------------------------------------------------------------------- */
/* 3. None tile spesific common styles                                        */
/* -------------------------------------------------------------------------- */
/* Form elements */
/* iframe */
/* Content link */
/* Tables */
/* Slick buttons */
button.slick-prev,
button.slick-next,
button.slick-prev:hover,
button.slick-prev:focus,
button.slick-next:hover,
button.slick-next:focus {
  height: 65px;
  width: 65px;
  min-width: 65px;
}

button.slick-prev:hover,
button.slick-prev:focus,
button.slick-prev {
  left: 18px;
}

button.slick-next:hover,
button.slick-next:focus,
button.slick-next {
  right: 18px;
}

/* Footer */
#coretrek-footer {
  position: relative;
  z-index: 999;
  overflow: hidden;
}

/* Privacy link */
.privacy-link {
  float: left;
}

/* Colofon */
.colofon {
  float: right;
}

/* -- Placeholder top -- */
#placeholder-top .tile-common:not(.mobilemenu):not(.language-selector) li {
  display: inline;
}

/* -------------------------------------------------------------------------- */
/* 4. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */
/*
   IMPORTANT INFO:
   What we do here is to set the style for the tile common classes. We do two
   things:

    1. Add border, header and other stuff to create "tile-look". In the default
       design, this layout is used in the left and right placeholders.
    2. Remove this layout for tiles in placeholder-top, placeholder-content,
       placeholder-content-no-right and placeholder-bottom. Tiles here are
       usually styled differently

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.
*/
/* -- Across tiles and placeholders, and also some frontpage specific styling -- */
/* RWD toggle */
.toggle-link-wrapper {
  display: none;
}

/* -- Placeholder top -- */
/* -- Placeholder content -- */
#placeholder-content .tile-common {
  margin-bottom: 30px;
  overflow: hidden;
  float: left;
}

/* -- Placeholder right -- */
#placeholder-right .tile-common:first-child:not(.articlefilter) {
  margin-top: 116px;
}

#placeholder-right .tile-common:first-child.side-menu {
  margin-top: 65px;
}

/* -- Placeholder left and right -- */
#placeholder-left h1,
#placeholder-right h1,
#placeholder-content:not(.no-right):not(.no-left) h1,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h1,
#placeholder-left h3,
#placeholder-right h3,
#placeholder-content:not(.no-right):not(.no-left) h3,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h3 {
  padding: 8px 18px 9px 18px;
}

#placeholder-left .tile-content,
#placeholder-right .tile-content,
#placeholder-content:not(.no-right):not(.no-left) .tile-content,
body.frontpage #placeholder-content.no-left.no-right .tile-content {
  padding: 9px 18px 18px 18px;
  overflow: hidden;
}

/* Shadow boxes (including special cases for frontpage) */
#placeholder-left .tile-common,
#placeholder-right .tile-common,
#placeholder-content:not(.no-right):not(.no-left) .tile-common,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  margin-bottom: 30px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  font-size: 1.4rem;
  float: left;
  margin-right: 1.875%;
  width: 32%;
  max-width: 308px;
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode):last-child {
  margin-right: 0px;
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  height: 265px;
  overflow: hidden;
}

/*
   Tiles with stretched background, that are tiles where background stretches
   outside placeholders inner wrapper
*/
#placeholder-top .sitelocator,
#placeholder-top .standard-menu:not(.quick-mode),
#placeholder-top .mega-menu,
#container .tile-common.stretched-mode {
  clear: both;
  margin-left: -100%;
  margin-right: -100%;
}

#container #placeholder-content > .stretched-mode {
  margin-top: -20px; /* To override padding set on #main-content */
}

#placeholder-top .sitelocator .tile-content,
#placeholder-top .mega-menu .tile-content,
#placeholder-top .standard-menu:not(.quick-mode) .tile-content,
#container .tile-common.stretched-mode header,
#container .tile-common.stretched-mode .tile-content {
  max-width: 960px;
  margin: 0px auto;
}

/* But all tiles in the stretched top content placeholder should always have full width,
   which includes the tile content as well. Override. */
#container #placeholder-stretched-top-content .tile-common {
  margin: 0px;
}

#container #placeholder-stretched-top-content .tile-content {
  width: 100%;
  max-width: 100%;
}

/* -------------------------------------------------------------------------- */
/* 5. Styling for specific tiles and other components                         */
/* -------------------------------------------------------------------------- */
/* -- In all placeholders -- */
/* Some styling is given here to override global styling from above,
   and some styling for elements here are also overrided for certain placeholders
   below this section */
/* Full articledisplay */
.articledisplay h3 {
  margin-bottom: 5px;
}

.articledisplay .top-content {
  margin-top: 0px;
  overflow: hidden;
}

.articledisplay .tile-content ul {
  padding-left: 20px;
}

.articledisplay .tile-content ol {
  /*padding-left: 19px;*/
}

/* Article display - blockquote */
.articledisplay blockquote {
  margin-left: 20px;
  margin-right: 20px;
}

/* Article display - stretched mode */
/* Article display - tags */
/* Article display - activity */
.articledisplay .calendar-date {
  padding: 5px 18px 7px 18px;
}

.articledisplay .activity-instance {
  padding: 5px 18px 5px 18px;
}

/* Article display - ctwebform */
/* Article display - slideshow */
.articledisplay .articleelement.gallery {
  width: 635px;
}

.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file.filetype-4,
.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file .img-container {
  height: 410px;
}

.articledisplay .articleelement.gallery .ctgallery-elements .gallery-file .img-container img {
  max-height: 410px;
}

.articleelement.gallery .ctgallery-elements img,
.articledisplay .articleelement.gallery .ctgallery-elements img {
  max-height: 470px;
  width: auto;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails {
  width: 582px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
  max-height: 82px;
  max-width: 149px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper,
.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center {
  height: 92px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center img {
  max-height: 92px;
  max-width: 149px;
  margin: auto;
}

/* Article display - article inner grid */
/* (Only implemented for desktop) */
.articledisplay .article-inner-grid {
  overflow: hidden;
  width: 100%;
}

.articledisplay .article-inner-grid .grid-item {
  float: left;
  overflow: hidden;
  margin: 0px 0px 18px 18px;
}

.articledisplay .article-inner-grid.columns-2 .grid-item:nth-child(2n+1),
.articledisplay .article-inner-grid.columns-3 .grid-item:nth-child(3n+1),
.articledisplay .article-inner-grid.columns-4 .grid-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0px;
}

.articledisplay .article-inner-grid .grid-item img {
  width: 100%;
  height: auto;
}

.articledisplay .article-inner-grid.columns-2 .grid-item {
  width: calc((100% - 18px) / 2);
}

.articledisplay .article-inner-grid.columns-3 .grid-item {
  width: calc((100% - 36px) / 3);
}

.articledisplay .article-inner-grid.columns-4 .grid-item {
  width: calc((100% - 54px) / 4);
}

/* User display */
/* Full list, common list class for tiles like articlelist, searchresult and userlist */
.full-list .thumbnail {
  margin-right: 18px;
}

/* Article list - faq articles*/
.articlelist article.faq h3 {
  padding: 9px 18px 10px 18px;
}

.articlelist article.faq .answer-wrapper {
  padding: 3px 18px 13px 18px;
}

/* Search result */
/* User list */
/* User list - search fields */
#placeholder-left .userlist .search-fields input[type=text],
#placeholder-right .userlist .search-fields input[type=text],
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields input[type=text] {
  width: 159px;
}

.userlist .search-fields select {
  width: 196px;
  min-width: 189px;
  height: 3.5rem;
}

.userlist .search-fields .searchfield + select {
  margin-top: 18px;
}

#placeholder-left .userlist .search-fields select,
#placeholder-right .userlist .search-fields select,
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields select {
  margin-top: 18px;
  width: 100%;
}

.userlist .search-fields select.department {
  margin-right: 30px;
}

/* User list - list layout */
.userlist .list-layout .photo {
  float: left;
  margin-right: 40px;
}

#placeholder-left .userlist .list-layout .photo,
#placeholder-right .userlist .list-layout .photo,
#placeholder-content:not(.no-right):not(.no-left) .userlist .list-layout .photo {
  margin-right: 10px;
}

#placeholder-left .userlist .list-layout .properties,
#placeholder-right .userlist .list-layout .properties,
#placeholder-content:not(.no-right):not(.no-left) .userlist .list-layout .properties {
  width: 160px;
}

/* User list - table layout */
/* Monthly activity list */
.monthly-activity-list table td.description .times,
.monthly-activity-list table td.description .location {
  display: inline-block;
}

/* Page navigator (used in e.g. full article/activity list and search result) */
/* Small lists, common list class for tiles like e.g. small articlelist, activitylist, rsslist */
#container #main-content .small-list h3 {
  margin: 0px 18px;
  padding: 6px 0px 3px 0px;
}

#container #placeholder-content.no-right .small-list h3,
#container #placeholder-content.no-left .small-list h3,
#container #placeholder-content.no-right.no-left .small-list h3 {
  margin: 0px 0px 18px 0px;
}

body.frontpage #container #placeholder-content.no-right.no-left .small-list h3 {
  margin: 0px 18px;
}

/* Small article list*/
/* Activity list */
.activity-list .location,
.activity-list a span.header {
  width: 18.2rem;
}

/* News archive */
/* Small articledisplay */
/* Small articledisplay - secondary design (without e.g. paddings and shadow) */
/* Small articledisplay - clickable design (with thumbnail and clickable content ) */
#container #main-content .small-articledisplay.clickable h3 {
  height: 5.8rem;
  line-height: 2.8rem;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

/* Article elements tile */
/* Side menu */
/* (Only implemented for desktop) */
#container #main-content .side-menu {
  box-shadow: none;
}

#container .side-menu .tile-content {
  padding-top: 12px;
  padding: 0px;
}

#container #main-content .side-menu h3 {
  font-size: 1.8rem;
  color: #555;
  padding-bottom: 5px;
  padding-top: 0px;
  margin-bottom: 12px;
  border-bottom: 3px solid #555;
  background: none;
}

#container .side-menu li {
  margin: 0px;
}

.side-menu a,
.side-menu li.active > span,
.side-menu li.sub-active > span {
  text-decoration: none;
  font-size: 1.8rem;
  color: #040404;
  display: block;
  padding: 7px 0px 8px 18px;
}

.side-menu .tile-content a:hover {
  color: #e05206;
  text-decoration: underline;
}

.side-menu .tile-content > ul > li.active.expanded + li a,
.side-menu .tile-content > ul > li.sub-active.expanded + li a {
  border-top: 1px solid #c4c4c4;
}

.side-menu li.last span,
.side-menu li.last a {
  border: none;
}

.side-menu li li a,
.side-menu li li.active span {
  border: none;
  font-size: 1.6rem;
  padding-left: 0px;
}

.side-menu ul ul ul {
  padding-left: 9px;
}

.side-menu li > span span {
  cursor: pointer;
}

.side-menu li > span,
.side-menu li a {
  position: relative;
  padding-right: 12px;
}

.side-menu li.collapsed ul {
  display: none;
}

.side-menu span.child-indicator {
  color: #040404;
}

.side-menu span.child-indicator:after {
  font-size: 2.8rem;
  position: absolute;
  top: 6px;
  text-decoration: none;
}

.side-menu li.collapsed > span span.child-indicator:after,
.side-menu li.collapsed > a span.child-indicator:after {
  content: "+";
  right: 9px;
}

.side-menu li.expanded > span span.child-indicator:after,
.side-menu li.expanded > a span.child-indicator:after {
  content: "-";
  right: 12px;
}

.side-menu .tile-content > ul > li.active > a,
.side-menu .tile-content > ul > li.sub-active > a,
.side-menu .tile-content > ul > li.active > span,
.side-menu .tile-content > ul > li.sub-active > span {
  color: #fff !important;
  background: #008499;
}

.side-menu .tile-content > ul > li.expanded > ul {
  background: #eaeaea;
}

.side-menu ul ul {
  padding-left: 27px;
}

.side-menu li li.active > a,
.side-menu li li.active > span {
  color: #008499;
}

/* Search - simple search (all searchfields with only one input field and submit button, e.g. small searchinput, userlist search)*/
/* Link toolbar */
/* The link toolbar styling for placeholder top and bottom extends some of the css given here. */
/* Suggestion form */
.linktoolbar .suggestionform.visible {
  position: absolute;
  top: 65px;
  left: -20px;
  height: 345px;
}

.linktoolbar .suggestionform.visible.above {
  top: -380px;
}

.linktoolbar .suggestionform.visible.above.success {
  top: -103px;
}

.linktoolbar .suggestionform .input-elements {
  float: left;
}

.linktoolbar .suggestionform .error {
  width: 210px;
  float: right;
}

/* Login form */
#placeholder-left .login-form input:not([type=submit]),
#placeholder-right .login-form input:not([type=submit]),
#placeholder-content:not(.no-right):not(.no-left) .login-form input:not([type=submit]) {
  width: 149px;
}

#placeholder-left .login-form a.button,
#placeholder-right .login-form a.button,
#placeholder-content:not(.no-right):not(.no-left) a.button,
#placeholder-left .login-form input[type=submit],
#placeholder-right .login-form input[type=submit],
#placeholder-content:not(.no-right):not(.no-left) .login-form input[type=submit] {
  min-width: 80px;
}

/* User bar */
.userbar {
  padding: 3px 0px 7px 0px;
}

/* Billboard tile, default styling */
/* (No common styling with mobile exists except slick dots and slider styling. Changes that should be affected
   in mobile as well must also be implemented in the mobile.css file) */
#container .billboard.stretched-mode {
  overflow: hidden;
  background-color: #d7d7d7;
}

#container #placeholder-content .billboard .tile-content {
  padding: 0px;
}

.billboard .article-wrapper {
  position: relative;
  height: 395px;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 750px) and (max-width: 970px) {
  .billboard .article-wrapper {
    height: 296px;
  }
}

.billboard .article-wrapper:not(:first-child) {
  display: none;
}

.billboard .articles.slick-initialized .article-wrapper {
  display: block;
}

.billboard article.veil .article-content {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.6rem;
  background: rgba(112, 112, 112, 0.8);
  height: 90px;
}

.billboard article.veil h1,
.billboard article.veil h2 {
  font-size: 2.8rem;
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 5px;
}

.billboard article.veil p {
  margin: 0px;
}

.billboard article.veil .digest {
  font-size: 1.8rem;
  line-height: 1.23em;
}

.billboard .article-content,
.billboard .article-content a {
  color: #fff;
  display: block;
  padding: 9px 46px 18px 46px;
}

.billboard .article-content a {
  text-decoration: none;
  /* Override parent padding */
  margin-top: -9px;
  margin-right: -46px;
  margin-left: -46px;
}

/* slick buttons, used in billboard */
#placeholder-content .billboard button.slick-prev,
#placeholder-content .billboard button.slick-next {
  bottom: auto;
  top: 97px;
  color: #fff;
  font-size: 4rem;
  border-radius: 50%;
  background: rgba(133, 133, 134, 0.5);
}

/* slick dots, used in billboard */
/* (Only implemented for desktop) */
.billboard ul.slick-dots {
  right: 18px;
  bottom: 90px;
  width: auto;
  height: 25px;
}

.billboard ul.slick-dots li button {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 10px;
  background: #ccc;
}

.billboard ul.slick-dots li button:before {
  content: none;
}

.billboard ul.slick-dots li.slick-active button {
  border-color: #e05206;
  background: #e05206;
}

/* Billboard with full width styling,
   This the one placed in the wrapper placeholder-stretched-top-content
   Overrides some style from the default billboard styling
*/
#placeholder-stretched-top-content .billboard article.veil {
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#placeholder-stretched-top-content .billboard article.veil .article-content {
  margin: 32px 0px 32px 0px;
  width: 336px;
  height: auto;
  top: 0;
  bottom: 0;
  left: 42px;
  color: #1d1d1d;
  padding: 9px 18px 18px 18px;
  background: #fff;
}

#placeholder-stretched-top-content .billboard article.veil .article-content a {
  color: #1d1d1d;
  padding: 0px;
  margin: 0;
}

#placeholder-stretched-top-content .billboard article.veil .article-content h1 {
  margin-bottom: 10px;
}

#placeholder-stretched-top-content .billboard ul.slick-dots {
  text-align: right;
  max-width: 960px;
  bottom: 18px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* slick slider, used in billboard */
/* File list */
/* Site map */
/* Article rating */
/* Article rating - star rating */
/* Article rating - agreedisagree rating */
/* Article rating - recommend rating */
/* Entity comment */
/* Entity comment - comments */
/* Entity comments - single thread */
/* Entity comment - form */
.entitycomment-form .ctcaptchatextual input {
  width: 304px;
}

/* Entity comment answer form */
/* Advanced search */
/* (Only implemented for desktop) */
.advanced-searchinput .searchfield input[type=text] {
  float: left;
  height: 3rem;
  line-height: 3rem;
  padding: 0 15px;
  border-color: #e05206;
}

.advanced-searchinput .searchfield button {
  min-width: 80px;
}

.advanced-searchinput .searchstring em {
  color: #e05206;
}

.advanced-searchinput ul.tabs {
  overflow: hidden;
  margin-top: 10px;
}

.advanced-searchinput ul.tabs li {
  float: left;
  border: 1px solid #747372;
  background: #eee;
}

.advanced-searchinput ul.tabs li.active {
  border-bottom: 1px solid #fff;
  background: #fff;
}

.advanced-searchinput ul.tabs li:not(:last-child) {
  margin-right: 5px;
}

.advanced-searchinput ul.tabs li a {
  color: #444;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-align: center;
  display: block;
  line-height: 2.7rem;
  heigth: 2.7rem;
  width: 120px;
  padding: 0px 0px 0px 0px;
}

.advanced-searchinput .pane:not(.active) {
  display: none;
}

.advanced-searchinput .pane.active {
  font-size: 1.4rem;
  margin-top: -1px;
  padding: 5px 18px 5px 18px;
  border: 1px solid #747372;
}

.advanced-searchinput .pane select {
  width: 100%;
}

.advanced-searchinput .pane.summary span.remove-parameter-link {
  margin-left: 10px;
}

.advanced-searchinput .pane.summary span.summarycriteria-item {
  display: inline-block;
  margin-right: 5px;
}

.advanced-searchinput .pane.dates label {
  display: block;
}

/* Calendar */
.calendar header .month-year-header {
  width: 242px;
}

/* Datepicker */
/* (Only implemented for desktop) */
a.datepicker-select {
  display: inline-block;
  margin-left: 10px;
  width: 18px;
  height: 26px;
  font-size: 2.1rem;
  color: #e05206;
  vertical-align: middle;
}

a.datepicker-select.active {
  position: relative;
  z-index: 2;
}

a.datepicker-select span {
  display: none;
}

.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

.datepicker .calendar {
  font-size: 1.6rem;
  width: 308px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
}

.datepicker .calendar .title {
  height: 4rem;
  line-height: 4rem;
  padding: 0px 18px 0px 40px;
  text-transform: uppercase;
  color: #fff;
  background: #555;
}

.datepicker .calendar .content {
  margin: 6px 18px 9px 18px;
}

.datepicker .calendar header .month-year-header {
  line-height: 2.7rem;
}

.datepicker .calendar header span.pageLink {
  margin-bottom: 5px;
  display: block;
}

.datepicker .calendar table td span {
  cursor: pointer;
}

/* Tooltip */
/* -- Placeholder top -- */
/* Logo tile */
#placeholder-top .logo-tile {
  float: left;
  margin-top: 7px;
  margin-bottom: 3px;
}

/* Language selector */
#placeholder-top .language-selector {
  float: right;
  margin-top: 5px;
  position: relative;
}

#placeholder-top .language-selector a {
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none;
}

#placeholder-top .language-selector .toggle-link-wrapper {
  display: block;
  position: relative;
  z-index: 4;
}

#placeholder-top .language-selector .toggle-link-wrapper a.open {
  color: #555;
}

#placeholder-top .language-selector .toggle-link-wrapper a svg {
  vertical-align: middle;
  font-size: 1.2rem;
}

#placeholder-top .language-selector .toggle-link-wrapper a.open span.icon {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: 50% 50% 0;
}

#placeholder-top .language-selector .rwd-toggle-content {
  display: none;
  position: absolute;
  right: -5px;
  top: 0;
  z-index: 3;
  box-sizing: border-box;
  padding: 22px 5px 13px 5px;
  min-width: 200px;
  background: #ccc;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.35);
}

#placeholder-top .language-selector .rwd-toggle-content li.entitylink.last {
  margin-bottom: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid #acacac;
}

#placeholder-top .language-selector .rwd-toggle-content a {
  display: block;
  color: #003399;
  padding: 0px 5px 0px 5px;
}

#placeholder-top .language-selector .rwd-toggle-content a.active {
  color: #000;
}

#placeholder-top .language-selector .rwd-toggle-content a:hover {
  color: #fff;
  background: #e05206;
}

/* Link toolbar - font size */
/* This styling extends some styling written above for linktoolbar */
#placeholder-top .linktoolbar {
  float: right;
  margin-top: 5px;
}

#placeholder-top .linktoolbar ul,
#placeholder-top .linktoolbar li {
  float: none;
}

#placeholder-top .linktoolbar a.font_size_link {
  width: auto;
  height: auto;
  padding: 0px;
  font-size: 1.4rem;
  background: none;
}

#placeholder-top .linktoolbar a.font_size_link span {
  color: #fff;
}

#placeholder-top .linktoolbar .links a.font_size_link:hover .font-size-box {
  top: 35px;
  left: -100px;
}

/* Small search input */
#placeholder-top .small-searchinput {
  clear: right;
  float: right;
  margin-top: 30px;
  margin-bottom: 12px;
}

/* Standard menu - single mode */
#placeholder-top .standard-menu.quick-mode {
  float: right;
  margin-top: 5px;
}
#placeholder-top .standard-menu.quick-mode svg {
  font-size: 2.4rem;
}

#placeholder-top .standard-menu.quick-mode li {
  margin-left: 15px;
}

#placeholder-top .standard-menu.quick-mode span,
#placeholder-top .standard-menu.quick-mode a {
  color: #000;
  text-decoration: none;
  font-size: 1.4rem;
  padding: 5px;
}

#placeholder-top .standard-menu.quick-mode a:hover,
#placeholder-top .standard-menu.quick-mode li.active a,
#placeholder-top .standard-menu.quick-mode li.active span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

/* Mega menu */
/* (Only implemented for desktop) */
#placeholder-top .mega-menu {
  clear: both;
  background: #e1e1e1;
  position: relative;
}

#placeholder-top .mega-menu .tile-content {
  position: relative;
}

#placeholder-top .mega-menu.open:after {
  content: "";
  width: 100%;
  height: 2000px;
  z-index: 1;
  position: absolute;
  top: 42px;
  left: 0;
  background: #555;
  opacity: 0.5;
}

#placeholder-top .mega-menu a {
  text-decoration: none;
}

#placeholder-top .mega-menu li,
#placeholder-top .mega-menu li a {
  color: #000;
}

#placeholder-top .mega-menu .tile-content > ul > li {
  font-size: 1.8rem;
  height: 4.3rem;
  line-height: 4.3rem;
}

#placeholder-top .mega-menu .tile-content > ul > li:before {
  content: "|";
  color: #fff;
  display: inline-block;
  width: 28px;
  text-align: center;
}

#placeholder-top .mega-menu .tile-content > ul > li:first-child:before {
  display: none;
}

#placeholder-top .mega-menu .tile-content > ul > li > a:hover,
#placeholder-top .mega-menu .tile-content > ul > li.active > a,
#placeholder-top .mega-menu .tile-content > ul > li.main-active > a,
#placeholder-top .mega-menu .tile-content > ul > li.sub-active > a,
#placeholder-top .mega-menu .tile-content > ul > li.active > span,
#placeholder-top .mega-menu .tile-content > ul > li.main-active > span,
#placeholder-top .mega-menu .tile-content > ul > li.sub-active > span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

#placeholder-top .mega-menu .tile-content > ul > li > .level-content {
  display: none;
}

#placeholder-top .mega-menu .tile-content > ul > li.visible > .level-content {
  display: block;
  position: absolute;
  left: 11px;
  top: 4.2rem;
  z-index: 2;
  box-sizing: border-box;
  padding: 23px 0px 0px 25px;
  width: 100%;
  max-width: 938px;
  margin: 0px auto;
  border-top: 1px solid #e05206;
  background: #eee;
}

#container #placeholder-top .mega-menu li .level-content ul li {
  display: list-item;
  line-height: normal;
}

#placeholder-top .mega-menu li .level-content h1 {
  font-weight: normal;
  font-size: 3.4rem;
  margin-bottom: 20px;
}

#placeholder-top .mega-menu li .level-content a:hover {
  text-decoration: underline;
}

#placeholder-top .mega-menu .tile-content > ul > li .content-bottom {
  display: block;
  height: 16px;
  width: 938px;
  position: absolute;
  bottom: -16px;
  left: 0px;
  background: #e05206;
}

#placeholder-top .mega-menu .tile-content > ul > li .content-bottom:after {
  content: "";
  display: block;
  margin: auto;
  padding-top: 5px;
  width: 0;
  height: 0;
  /* Making it a white triangle */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

#placeholder-top .mega-menu .tile-content > ul > li > .level-content > ul > li > a,
#placeholder-top .mega-menu .tile-content > ul > li > .level-content > ul > li > span {
  font-weight: bold;
}

/* Double mode */
#placeholder-top .mega-menu.double-mode li section {
  float: left;
  width: 41%;
  box-sizing: border-box;
  padding-right: 60px;
}

#placeholder-top .mega-menu.double-mode li section p {
  line-height: 2.5rem;
  font-size: 1.6rem;
}

#placeholder-top .mega-menu.double-mode .tile-content > ul > li.visible > .level-content {
  padding-bottom: 25px;
}

#placeholder-top .mega-menu.double-mode li .sub-menu {
  width: 59%;
  overflow: hidden;
}

#placeholder-top .mega-menu.double-mode li ul {
  float: left;
  margin-top: 69px;
  width: 50%;
}

#placeholder-top .mega-menu.double-mode li ul:nth-child(odd) {
  clear: left;
}

#placeholder-top .mega-menu.double-mode li ul li.single-slot:first-child {
  margin-top: 10px;
}

#placeholder-top .mega-menu.double-mode li ul li.single-slot {
  margin-bottom: 2px;
}

#placeholder-top .mega-menu.double-mode li a img,
#placeholder-top .mega-menu.double-mode li span img {
  vertical-align: middle;
  margin: 4px 13px 3px 0px;
}

#placeholder-top .mega-menu.double-mode li li {
  font-weight: bold;
}

/* Trible mode */
#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul {
  float: left;
  clear: both;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li {
  float: left;
  box-sizing: border-box;
  margin-bottom: 25px;
  margin-left: 5px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li.clear {
  clear: left;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li.leaf,
#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul {
  width: 177px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul {
  box-sizing: border-box;
  float: left;
  padding-right: 20px;
  margin-left: 5px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul:first-child {
  margin-left: 0px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li li {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 6px;
}

/* Standard menu - first, common style single and double mode (that is, not quick-mode) */
#placeholder-top .standard-menu:not(.quick-mode) {
  clear: both;
  position: relative;
  background: #d7d7d7;
}

#placeholder-top .standard-menu:not(.quick-mode):before {
  content: "";
  width: 100%;
  height: 4.3rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #e1e1e1;
}

#placeholder-top .standard-menu:not(.quick-mode) .tile-content {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#placeholder-top .standard-menu:not(.quick-mode) a {
  text-decoration: none;
}

#placeholder-top .standard-menu:not(.quick-mode) a:hover,
#placeholder-top .standard-menu:not(.quick-mode) li.active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.main-active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.active > span,
#placeholder-top .standard-menu:not(.quick-mode) li.main-active > span,
#placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

#placeholder-top .standard-menu:not(.quick-mode) li,
#placeholder-top .standard-menu:not(.quick-mode) li a {
  color: #000;
}

#placeholder-top .standard-menu:not(.quick-mode) ul li {
  font-size: 1.8rem;
  height: 4.3rem;
  line-height: 4.3rem;
  float: left;
}

/* Standard menu - only double mode where second level is styled */
#placeholder-top .standard-menu.double-mode ul li.expanded li {
  font-size: 1.4rem;
  margin-right: 20px;
  height: 3.9rem;
  line-height: 3.9rem;
}

#placeholder-top .standard-menu.double-mode ul li li.last {
  margin-right: 0px;
}

#placeholder-top .standard-menu.double-mode ul li.expanded {
  height: 8.5rem;
}

#placeholder-top .standard-menu.double-mode ul li.expanded li:before {
  display: none;
}

#placeholder-top .standard-menu.double-mode ul li.expanded ul {
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #d7d7d7;
}

#placeholder-top .standard-menu.double-mode .tile-content > ul > li.expanded > a,
#placeholder-top .standard-menu.double-mode .tile-content > ul > li.expanded > span {
  border: none;
  position: relative;
}

#placeholder-top .standard-menu.double-mode ul li.expanded:not(.leaf) > a:after,
#placeholder-top .standard-menu.double-mode ul li.expanded:not(.leaf) > span:after {
  content: "";
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  top: 2.8rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  /* Making this a triangle marker */
  border-bottom: 0.9rem solid #d7d7d7;
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
}

/* Site locator */
#placeholder-top .sitelocator {
  font-size: 1.3rem;
  clear: both;
  padding-top: 20px;
  background: #fff;
}

#placeholder-top .sitelocator .prefix,
#placeholder-top .sitelocator ul {
  display: inline;
}

#placeholder-top .sitelocator a {
  text-decoration: none;
}

#placeholder-top .sitelocator a:hover {
  text-decoration: underline;
}

#placeholder-top .sitelocator li:after {
  content: "/";
  width: 18px;
  text-align: center;
  display: inline-block;
}

#placeholder-top .sitelocator li:last-child:after {
  display: none;
}

#placeholder-content .linktoolbar {
  clear: both;
  width: 100%;
}

/* Mobile menu */
/* (Mobile menu should be visible in portrait tablet, hiding it to start with)*/
.mobilemenu {
  display: none;
}

/* -- Placeholder bottom -- */
/* Main menu */
#placeholder-bottom .standard-menu a {
  text-decoration: none;
}

/* --  Lightbox  -- */
/* (Only implemented for desktop) */
#lightbox-overlay {
  z-index: 999;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#lightbox {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#lightbox-container {
  z-index: 1000;
  position: relative;
  margin: auto;
}

#lightbox-spinner {
  background: url(images/spinner-large.gif) no-repeat center center;
}

#lightbox-container {
  padding: 0;
  top: 25px;
}

#lightbox-close-container {
  z-index: 1000;
  position: absolute;
  right: 0;
  top: 0px;
}

#lightbox-close span {
  display: none;
}

#lightbox-close {
  display: block;
  width: 30px;
  height: 30px;
  margin: 3px 12px 0 0;
}

#lightbox-start {
  height: 26px;
  background: url(images/lightbox/start-center.png) repeat-x;
  position: relative;
  margin: 0 51px 0 39px;
}

#lightbox-start div.left {
  background: url(images/lightbox/start-left.png) no-repeat;
  position: absolute;
  left: -38px;
  top: 0px;
  bottom: -6px;
  width: 38px;
}

#lightbox-start div.right {
  z-index: 100;
  background: url(images/lightbox/start-right.png) no-repeat;
  position: absolute;
  right: -50px;
  top: 0px;
  bottom: -24px;
  width: 50px;
}

#lightbox-outer-content {
  border: 1px solid #fff;
  padding: 0 10px 0 10px;
  background: #fff;
  position: relative;
  margin: 0 26px 0 14px;
}

#lightbox-content {
  font-size: 1.6rem;
}

#lightbox-content-left {
  background: url(images/lightbox/content-left.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 32px;
  bottom: 34px;
  width: 14px;
}

#lightbox-content-right {
  background: url(images/lightbox/content-right.png) repeat-y;
  position: absolute;
  right: 12px;
  top: 50px;
  bottom: 34px;
  width: 14px;
}

#lightbox-end {
  height: 34px;
  background: url(images/lightbox/end-center.png) repeat-x;
  position: relative;
  margin: 0 50px 0 38px;
}

#lightbox-end div.left {
  background: url(images/lightbox/end-left.png) no-repeat;
  position: absolute;
  left: -38px;
  top: 0px;
  bottom: 0px;
  width: 38px;
}

#lightbox-end div.right {
  background: url(images/lightbox/end-right.png) no-repeat;
  position: absolute;
  right: -38px;
  top: 0px;
  bottom: 0px;
  width: 38px;
}

#lightbox .tile-common {
  border: 0px;
}

#lightbox-placeholder-content {
  overflow: hidden;
  width: 750px;
}

/* -- Direct Edit -- */
/* -- Iframe start -- */
#placeholder-content .iframe-tile {
  overflow: visible;
  float: none;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

#placeholder-content .iframe-tile .tile-content {
  width: 100%;
  padding: 0px !important;
  height: 750px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-overflow-scrolling: touch !important;
  overflow: scroll !important;
}

#placeholder-content .iframe-tile iframe {
  height: 750px !important;
  width: 100%;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch !important;
  overflow: scroll !important;
}

/* -- Iframe end -- */
/* -------------------------------------------------------------------------- */
/*  Media Queries                                                             */
/* -------------------------------------------------------------------------- */
/*@media (max-width:1030px) and (min-width: 800px) {
    !* Breakpoint on 1030 make stretched content look good with and without scrollbar, based on margin and padding set in this media query *!

    #placeholder-top .sitelocator,
    #placeholder-top .standard-menu:not(.quick-mode),
    #placeholder-top .mega-menu,
    body.default #container .tile-common.stretched-mode     { !* 30px is padding set on inner-wrapper *!
                                                            margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; }
}*/
/*
    Break point for tablet portrait width.
    Note: The mobile menu is displayed in this view, but the tile is only rendered when screen falls below 800px.
    This 800px value is hardcoded in the mobilemenu.js, so if you want to change this breakpoint remember to
    change it both here and in the javascript file.
*/
@media (max-width: 1024px) {
  #placeholder-content .iframe-tile .tile-content {
    -webkit-overflow-scrolling: touch !important;
    overflow: scroll !important;
  }
}
@media (max-width: 800px) {
  #container {
    margin-top: 50px;
  }
  /* -------------------------------------------------------------------------- */
  /*  Container/placeholder positioning                                       */
  /* -------------------------------------------------------------------------- */
  #container #placeholder-left,
#container #placeholder-right,
#container #placeholder-content {
    width: 635px;
    float: none;
    margin: 0px auto;
  }
  #placeholder-top {
    min-height: 81px;
  }
  #container .inner-wrapper {
    width: 695px;
  }
  #placeholder-top .inner-wrapper {
    position: relative;
  }
  /* -------------------------------------------------------------------------- */
  /*  Common tile styling                                                     */
  /* -------------------------------------------------------------------------- */
  /* -- Across tiles and placeholders, and also some frontpage specific styling -- */
  #container .rwd-toggle-content:not(.rwd-toggled-open) {
    display: none;
  }
  #container .toggle-link-wrapper {
    display: block;
  }
  #placeholder-left .tile-common,
#placeholder-right .tile-common,
#placeholder-content:not(.no-right):not(.no-left) .tile-common {
    margin-left: 3%;
    width: 48.5%;
    float: left;
  }
  /* Must prefix with div. because we want to exclude side-menu, that is a nav element, from this odd-even styling. */
  #placeholder-left div.tile-common:nth-of-type(odd),
#placeholder-right div.tile-common:nth-of-type(odd),
#placeholder-content:not(.no-right):not(.no-left) div.tile-common:nth-of-type(odd) {
    clear: left;
    margin-left: 0px;
  }
  #placeholder-top .sitelocator .tile-content,
#placeholder-top .mega-menu .tile-content,
#placeholder-top .standard-menu:not(.quick-mode) .tile-content,
#container .tile-common.stretched-mode header,
#container .tile-common.stretched-mode .tile-content {
    max-width: 635px;
  }
  #container .tile-common.stretched-mode .tile-content {
    max-width: 695px;
  }
  #container #placeholder-content .tile-common.billboard .tile-content {
    max-width: 800px;
  }
  body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
    height: 345px;
  }
  /* -- Placeholder top -- */
  #container #placeholder-top .tile-common {
    display: block;
  }
  #container #placeholder-top .tile-common.standard-menu.quick-mode,
#container #placeholder-top .tile-common.standard-menu.single-mode {
    display: none;
  }
  /* Site locator */
  #placeholder-top .sitelocator {
    margin-top: 12px;
  }
  /* -------------------------------------------------------------------------- */
  /*  Styling for specific tiles and other components                           */
  /* -------------------------------------------------------------------------- */
  /* -- In all placeholders -- */
  /* Side menu */
  #main-content .side-menu {
    display: none;
  }
  /* Mobile menu */
  .mobilemenu {
    clear: both;
    float: none;
  }
  .mobilemenu .toggle-link-wrapper {
    top: -70px;
    right: 0px;
    z-index: 2;
  }
  .mobilemenu .toggle-link-wrapper a.open {
    height: 72px;
  }
  .mobilemenu .tile-content {
    width: 75%;
  }
  /* Article display - article inner grid */
  /* Make 4 columns 2 columns */
  .articledisplay .article-inner-grid.columns-4 .grid-item {
    width: 48.5%;
    margin-left: 3%;
  }
  .articledisplay .article-inner-grid.columns-4 .grid-item:nth-child(2n+1) {
    clear: left;
    margin-left: 0px;
  }
  /* -- Placeholder top -- */
  #container #placeholder-top .mega-menu li,
#container #placeholder-top .standard-menu:not(.quick-mode) li {
    font-size: 18px !important;
  }
  /* Small search input - rwd-toggle style */
  /* (Also styled in section placeholder top in mobile.css) */
  /* The style for mobile and tablet is almost identical, so any changes done here for this must be done in mobile.css as well.
     The reason for this is small-searchinput should be styled in two different ways for desktop, one for ordinary display
     and one inside a breakpoint. Having the common style for tablet and mobile in style.css will make them affect each other.*/
  #placeholder-top .small-searchinput {
    position: relative; /*top: -63px; */
    float: none;
    clear: both;
    margin: 0px -100px 0px -100px;
  }
  #placeholder-top .small-searchinput .toggle-link-wrapper {
    position: absolute;
    right: 170px;
    top: -57px;
  }
  #placeholder-top .small-searchinput .toggle-link-wrapper a {
    display: block;
    width: 60px;
    font-size: 3.8rem;
    text-align: center;
    color: #fff;
  }
  #placeholder-top .small-searchinput .toggle-link-wrapper a.open {
    color: #e05206;
  }
  #placeholder-top .small-searchinput .toggle-link-wrapper span {
    display: none;
  }
  #placeholder-top .small-searchinput .tile-content {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-top: 1px solid #fff;
    z-index: 1;
    background: #555;
    position: absolute;
    top: 0;
    left: 0;
  }
  #placeholder-top .small-searchinput .tile-content .searchfield {
    max-width: 635px;
    margin: 0px auto;
  }
  #placeholder-top .small-searchinput .tile-content button,
#placeholder-top .small-searchinput .tile-content input[type=text] {
    height: 3.9rem;
    border: none;
  }
  #placeholder-top .small-searchinput .tile-content input[type=text] {
    width: 520px;
    background: #fff;
  }
}
.inner-wrapper {
  position: relative;
}

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

/* ========    CtFrontendCssService:  end of css for channel [default]     ======== */

/* ========    CtFrontendCssService:  start of css from php script     ======== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* ========    CtFrontendCssService:  end of css from php script     ======== */

/* ========    CtFrontendCssService:  start of css from design editor     ======== */

/* -- Design Editor generated style -- */

body {
    
}

.full-articledisplay .header h1 {
    }

.full-articledisplay .digest {
    }

.full-articledisplay .article-content {
    }

.full-articlelist h3 {
    }

.full-articlelist p {
    }

.vertical-menu ul li {
    }

.vertical-menu ul li a {
}

.vertical-menu ul li li {
    }

.vertical-menu ul li li li {
    }

.small-articledisplay h3 {
    }

.small-articledisplay .tile-content p {
        }

.back-button a {
}

.home-button a {
}

#placeholder-top {
    }

#placeholder-content {
    }

#placeholder-bottom {
    }

/* ========    CtFrontendCssService:  end of css from design editor     ======== */

/* CtPageCache: cached at 2022-12-24 08:32:10, expires at 2022-12-25 08:32:10 */

/* CtPageCache.outputCacheFile(): Cachefile was used for device [default] from store [CtFileCacheStore]  on host [nkk.ctcustomer.com] */