/*  ==========================================================================
	Setup: Variables, Mixins
    ========================================================================== */
/*  ==========================================================================
	Fonts
    ========================================================================== */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-thin.eot");
  src: url("../fonts/roboto-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thin.woff") format("woff"), url("../fonts/roboto-thin.ttf") format("truetype"), url("../fonts/roboto-thin.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-thin.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-thin.eot");
  src: url("../fonts/roboto-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thin.woff") format("woff"), url("../fonts/roboto-thin.ttf") format("truetype"), url("../fonts/roboto-thin.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-thin.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-light.eot");
  src: url("../fonts/roboto-light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-light.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-lightitalic.eot");
  src: url("../fonts/roboto-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-lightitalic.woff") format("woff"), url("../fonts/roboto-lightitalic.ttf") format("truetype"), url("../fonts/roboto-lightitalic.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-lightitalic.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-regular.eot");
  src: url("../fonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-regular.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-italic.eot");
  src: url("../fonts/roboto-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-italic.woff") format("woff"), url("../fonts/roboto-italic.ttf") format("truetype"), url("../fonts/roboto-italic.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-italic.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-medium.eot");
  src: url("../fonts/roboto-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium.woff") format("woff"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-medium.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-mediumitalic.eot");
  src: url("../fonts/roboto-mediumitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mediumitalic.woff") format("woff"), url("../fonts/roboto-mediumitalic.ttf") format("truetype"), url("../fonts/roboto-mediumitalic.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-mediumitalic.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-bold.eot");
  src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-bold.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-bolditalic.eot");
  src: url("../fonts/roboto-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bolditalic.woff") format("woff"), url("../fonts/roboto-bolditalic.ttf") format("truetype"), url("../fonts/roboto-bolditalic.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-bolditalic.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-black.eot");
  src: url("../fonts/roboto-black.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black.woff") format("woff"), url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-black.svg#Roboto") format("svg"); } }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-black.eot");
  src: url("../fonts/roboto-black.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black.woff") format("woff"), url("../fonts/roboto-black.ttf") format("truetype"), url("../fonts/roboto-black.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-black.svg#Roboto") format("svg"); } }

/*  ==========================================================================
	Global Settings & Utilities
    ========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; }

img {
  max-width: 100%; }

figure {
  margin: 0px; }

h1, .h1 {
  margin-bottom: 2.1875rem;
  line-height: calc(50 / 40); }

@media (max-width: 767.98px) {
  h1, .h1 {
    font-size: 1.875rem;
    line-height: calc(36 / 30); }
  body {
    font-size: 1rem;
    line-height: calc(26 / 16); } }

h2 {
  margin-bottom: 1.5625rem; }

.carousel a h2 {
    color: #404653;
    text-decoration: none;
}
.carousel a:hover {
        text-decoration: none;
}
.carousel a:hover h2 {
    color: #000000;

}

.h6, h6 {
  font-size: 1.25rem;
  color: #D60F15;
  line-height: calc(46 / 20);
  font-weight: 700; }

@media (max-width: 767.98px) {
  .h6, h6 {
    font-size: 1rem;
    line-height: calc(46 / 16); } }

ul {
  margin-left: 0;
  padding: 0;
  list-style-position: inside; }
  ul li {
    margin-bottom: 1.125rem; }
  ul ul {
    margin-top: 1.125rem;
    margin-left: 3.75rem; }

.content-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.group::after {
  display: block;
  clear: both;
  content: ""; }

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.list-secondary {
  list-style-type: none; }
  .list-secondary a {
    color: inherit;
    text-decoration: underline; }
    .list-secondary a:hover {
      text-decoration: none;
      color: #D60F15; }

.link-secondary {
  color: inherit; }
  .link-secondary:hover {
    color: #D60F15; }

@media (min-width: 1200px) {
  .container-alt-xl {
    padding-left: 7rem;
    padding-right: 0; } }

/*  ==========================================================================
	Layouts
    ========================================================================== */
#header {
  padding: 3.125rem 0; }

#container.fixed-header #header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    padding: 10px 0; 
    z-index: 2;
    background-color: #fff;
    
}

#container.fixed-header {
    padding-top: calc(6.250rem + 70px);
}

@media (min-width: 992px) { 
#content .container-alt-xl.padd-right-0 {
    padding-right: 0rem;
}

}

@media (max-width: 767.98px) {
  #header {
    padding: 0.9375rem 0; }
    
    #container.fixed-header {
    padding-top: calc(1.875rem + 70px);
}
    
}

#content {
  margin-bottom: 4.375rem; }

#footer {
  padding: 2.5rem 0 2.1875rem;
  background-color: #E8E8EA; }
  #footer .container {
    position: relative; }

@media (min-width: 992px) {
  #content .container-alt-xl {
    padding-right: 13.0625rem; } }

/*  ==========================================================================
	Components
    ========================================================================== */
.navigation ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0; }

.navigation li {
  margin-right: 1.5625rem;
  margin-bottom: 0; }
  .navigation li a {
    line-height: 1;
    color: #404653; }
    .navigation li a:hover {
      color: #D60F15;
      text-decoration: none; }
    .navigation li a:focus, .navigation li a:active {
      font-weight: 700;
      color: #404653; }

#footer .navigation {
  margin-bottom: 0.9375rem; }
  #footer .navigation li a:focus, #footer .navigation li a:active {
    font-weight: normal; }


@media (max-width: 991.98px) {
  #footer .navigation ul {
    display: block; }
    #footer .navigation ul li {
      margin-bottom: 0.625rem; }
      #footer .navigation ul li a {
        font-size: 1.125rem;
        line-height: calc(42 / 18); } }

@media (max-width: 1199.98px) {
  #header .navigation ul {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }
    #header .navigation ul li {
      margin-bottom: 2.1875rem; }
      #header .navigation ul li a {
        font-size: 1.375rem;
        line-height: 1; }
  #header .navigation {
    display: none;
    height: 100vh;
    width: 100%;
    background-color: #E8E8EA;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    transition: all 0.5s linear; }
  body.open-menu {
    overflow: hidden; }
    body.open-menu #header .navigation {
      display: block;
      -webkit-animation: slide-left 0.5s linear;
              animation: slide-left 0.5s linear;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

@-webkit-keyframes slide-left {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slide-left {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.logo a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #404653;
  font-weight: 700; }
  .logo a span {
    margin-left: 0.9375rem;
    font-size: 1rem; }
  .logo a:hover {
    text-decoration: none; }

.footer-logo {
  display: block;
  position: absolute;
  top: -10px;
  right: 15px; }

@media (max-width: 991.98px) {
  .footer-logo {
    top: 0; } }

@media (max-width: 767.98px) {
  .logo a span {
    font-size: 0.875rem; } }

.copyright p {
  font-size: 0.75rem;
  line-height: calc(15 / 12);
  color: #626671;
  margin-bottom: 0; }

/*
*  article-section .lead
*/
.article-section {
  max-width: 786px;
  padding-top: 2.1875rem; }
  .article-section h1, .article-section .h1, .article-section h2, .article-section .h2, .article-section h3, .article-section .h3, .article-section h4, .article-section .h4, .article-section h5, .article-section .h5, .article-section h6, .article-section .h6 {
    margin-bottom: 1.5625rem; }
  .article-section h5, .article-section .h5 {
    font-size: 1.125rem; }

.article-section .lead,
.article-section .lead p,
.lead p {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.42;
  margin-bottom: 26px; }

@media (max-width: 767px) {
  .lead {
    line-height: 1.35; } }

.text-italic p {
  font-style: italic; }

/*
*  article-section a
*/
.article-section a {
  font-size: inherit; }

/*
*  article-section ol, ul 
*/
.article-section ol,
.article-section ul {
  margin-bottom: 1.875rem; }

.article-section ul li {
  margin-bottom: 1.125rem; }

.article-section ol li {
  padding-left: 10px;
  margin-bottom: 1.125rem; }

/*
* 	article-section figure, figcaption
*/
.article-section figure.full-width {
  max-width: 100%; }

.article-section figure {
  max-width: 100%;
  margin: 0px auto 30px; }

.article-section figure.right {
  margin: 0px 0px 30px auto; }

.article-section figure.left {
  margin: 0px auto 30px 0px; }

.article-section figure img {
  width: 100%;
  margin-bottom: 8px;
  font-family: "object-fit:cover;object-position:center";
  object-fit: cover;
  object-position: center;
  vertical-align: bottom; }

.article-section figcaption {
  font-size: 18px;
  color: #404653;
  line-height: 1.2;
  padding-left: 20px; }

.images-list figcaption {
 background-color: rgba(0,0,0,0.6);;   
    padding: 6px 180px;
    
}

@media (max-width: 767px) {
  .article-section figcaption {
    padding-left: 0px; } }

.article-section blockquote, .article-section blockquote p {
  line-height: 1.5;
  color: #404653; }

.article-section blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }

.article-section blockquote cite {
  display: block;
  font-size: 13px;
  color: #555555; }

.article-section blockquote cite:before {
  content: "\2014 \0020"; }

.article-section blockquote cite a, .article-section blockquote cite a:visited {
  color: #555555; }

.profile-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
  max-width: 780px; }
  .profile-card .profile-img {
    margin-right: 1.875rem; }
    .profile-card .profile-img img {
      max-width: none; }

.card-alt {
  min-height: 95%; 
  background-color: #F0F0F0;
 padding: 2.1875rem;
  border: 0;
  border-radius: 0;
  margin-bottom: 2.1875rem; }
  .card-alt .description h2, .card-alt .description p {
    font-size: 1.125rem;
    line-height: calc(28 / 18); }
  .card-alt .description h2 {
    margin-bottom: 0; }
  .card-alt .card-image img {
    width: 100%; }

.menu-btn {
  margin-left: auto;
  cursor: pointer;
  display: none; }
  .menu-btn:hover div, .menu-btn:active div {
    background-color: #D60F15; }
  .menu-btn div {
    width: 30px;
    height: 4px;
    background-color: #404653;
    margin-bottom: 0.3125rem;
    transition: all 0.3s linear; }

body.open-menu .menu-btn div:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
      -ms-transform: rotate(-45deg) translate(-6px, 6px);
          transform: rotate(-45deg) translate(-6px, 6px); }

body.open-menu .menu-btn div:nth-child(2) {
  opacity: 0; }

body.open-menu .menu-btn div:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
      -ms-transform: rotate(45deg) translate(-6px, -6px);
          transform: rotate(45deg) translate(-6px, -6px); }

  .submenu {
        display: none;
    }

.navigation ul {
    position: relative;
}

.navigation ul ul li {
    margin-right: 0.5625rem;
    margin-bottom: 0;
} 

.active-menu > a { font-weight: bold;}
.active-menu .submenu {
   display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 32px;
    left: 0px;
}
.active-menu .submenu2 {
   display: -webkit-flex;
    display: -ms-flexbox;
    display: inline;
    position: relative;
    top: 2px;
    left: 0px;
}

.submenu li:before, .submenu2 li:before {
    content: '>';
    display: inline-block;
    margin-right: 6px;
    margin-left: 6px;
} 

@media (max-width: 1199.98px) {
    
    .submenu,
    .active-menu .submenu{
        position: relative;
        display: block;
    }
    
    .active-menu .submenu { padding-bottom: 14px; }
    
    #header .navigation ul ul li {
    margin-bottom: 1.1875rem;
}
    
    
  .menu-btn {
    z-index: 100;
    display: block; } }

.form {
  margin-bottom: 3.75rem; }
  .form .custom-select {
    margin-bottom: 2.1875rem;
    padding-left: 1.75rem;
    background-color: #E8E8EA;
    border-radius: 0;
    height: calc(1.5555em + 2rem + 4px);
    background-image: url(/bilder/tmp/dn/select.svg);
    border: 2px solid transparent; }
    .form .custom-select:focus {
      background-color: #E8E8EA;
      outline: 2px solid red;
      box-shadow: none; }
    .form .custom-select:disabled {
      opacity: 0.5; }
      .form .custom-select:disabled:hover {
        border-color: transparent; }
  .form span {
    display: block;
    font-size: 1rem;
    line-height: calc(20 / 16);
    font-weight: 700;
    margin-bottom: 1.125rem; }
  .form input.btn-block {
    padding: 1.375rem;
    line-height: 1;
    border: 0;
    border-radius: 0; }

#banner {
  margin: 0 auto 2.625rem;
  max-width: 1194px; }
  #banner img {
    display: block;
    font-family: "object-fit:cover";
    object-fit: cover;
    height: 480px;
    width: 100%; }
  #banner .container-alt-xl {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    #banner .container-alt-xl .description {
      padding: 0.25rem 1.25rem;
      max-width: 648px;
      border: 1px solid #F2F3F6;
      background-color: rgba(255, 255, 255, 0.8); }
      #banner .container-alt-xl .description p {
        margin-bottom: 0; }
      #banner .container-alt-xl .description h1, #banner .container-alt-xl .description h2 {
        margin-bottom: 0.9375rem; }

/*
* Carousel Default
*/
.carousel {
  position: relative; }

.carousel .item {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
  display: none; }

.carousel .item:first-child {
  display: block; }

.carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.carousel .owl-stage {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.carousel .owl-dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  .carousel .owl-dots.disabled {
    display: none !important; }
  .carousel .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5); }
    .carousel .owl-dots .owl-dot:active, .carousel .owl-dots .owl-dot:focus {
      outline: none; }
    .carousel .owl-dots .owl-dot + .owl-dot {
      margin-left: 0.625rem; }
    .carousel .owl-dots .owl-dot.active {
      background-color: #ffffff; }
      .carousel .owl-dots .owl-dot.active:hover {
        background-color: #ffffff; }
    .carousel .owl-dots .owl-dot:hover {
      background-color: #D60F15; }

.owl-nav button {
  display: none !important; }

.btn-primary:hover {
  background-color: #404653; }

.box1.kontaktbox { background-color: #F0F0F0;
padding: 30px 40px;} 

 img.full-width {
    width: 100%;
    height: auto;
}

.tier-details {
    margin-bottom: 30px;
}

.images-list {
  margin-bottom: 3.125rem; }
  .images-list a {
    display: block; }
  .images-list figure {
    position: relative;
    margin-bottom: 2.1875rem;
    overflow: hidden; }
    .images-list figure img {
      width: 100%;
      transition: -webkit-transform .5s ease;
      transition: transform .5s ease;
      transition: transform .5s ease, -webkit-transform .5s ease; }
    .images-list figure::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #404653;
      opacity: 0.2; }
    .images-list figure figcaption {
      position: absolute;
      top: 94%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #ffffff;
      font-size: 1rem;
      font-weight: 700;
      z-index: 1; }
    .images-list figure:hover img {
      -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
              transform: scale(1.3); }


@media print{
    
    #content {
        margin-bottom: 0px;
    }
  #footer {
   display: none;
  }
}


/*  ==========================================================================
	Vendor
    ========================================================================== */

/*# sourceMappingURL=main.css.map */
/* Kontrast Issues: */
body #banner .container-alt-xl .description {

    padding: 0.25rem 1.25rem;

    max-width: 648px;

    border: 1px solid #F2F3F6;

    background-color: rgba(255, 255, 255, 1);

}