:root{
    --fancybox-accent-color: #b71b54;
    --fancybox-thumbs-border-radius: 0;
}

.font-regular { font-family: 'Roboto', sans-serif; }
.font-condenced { font-family: 'Roboto Condensed', sans-serif; }

body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #212529; background-color: #ffffff; }

/* colors */

.c-darkgrey {  }
.c-grey { color: #d0d0d0;}
.c-white { color: #fefefe; }
.bg-darkblue { background-color: #1B3440; color: #fefefe; }
.bg-darkpink {background-color: #b71b54; color: #fefefe; }
.bg-orange {background-color: #ee7202; color: #fefefe;}
.bg-blue {background-color: #0094cc; color: #fefefe;}
.bg-yellow { background-color: #d0c900; }
.bg-lightgrey { background-color: #eeeeee; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Condensed', sans-serif;  }

h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; text-transform: uppercase; letter-spacing: 0; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.3rem;  }

.bodygrid h2, .bodytext h2 {  text-transform: none; }
.bodytext h2:not(:first-child), .bodygrid h2:not(:first-child) { margin-top: 3rem; }
.bodytext h3:not(:first-child), .bodytext h4:not(:first-child) { margin-top: 2rem; }


hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border-top: 1px solid #c0c0c0; }
img { max-width: 100%; }
.bodytext img { height: auto; margin-bottom: 1rem; }

a { color:  #b71b54; text-decoration: underline; font-weight: 500; }
a:hover {color: #1B3440; text-decoration: underline;}

a:not([href]):not([class]) {
    scroll-margin-top: 120px;
}

.morelink, .morelink a { font-weight: 600; text-decoration: none; border-bottom: 2px solid;  }
.morelink a:hover, .morelink:hover { text-decoration: none; }
/*.morelink:after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054"; display: inline-block; margin-left: 0.5rem; }*/

.morelink-bigger, .morelink-bigger a { font-weight: 600; text-decoration: none; border-bottom: 2px solid; font-size: 1.2rem; color:  #b71b54; }
.morelink-bigger a:hover, .morelink-bigger:hover { text-decoration: none; color: #1B3440; }
.morelink-bigger:after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054"; display: inline-block; margin-left: 0.5rem; border-bottom: 0; }

.bg-darkblue a, .bg-darkpink a,
.bg-darkblue a:hover, .bg-darkpink a:hover { color: #fefefe; }
.bg-yellow a, .bg-yellow, .bg-yellow a:hover  { color: #212529; }

.border-bottom-grey { border-bottom: 1px solid #c0c0c0; }

dl, ol, ul { padding-left: 2rem; margin-bottom: 1.5rem; }
li { line-height: 1.3; margin-bottom: 0.5rem; }

.bigimage a { position: relative; display: block; }
.bigimage a::after { 
    display: inline-block;
    position: absolute;
    top: -0.25rem;
    right: 0px;
    color: #fefefe;
    /*background-color: rgba(255, 200, 200, 0.9);*/
    background-color: #1B3440c2;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    text-align: center;
    content: "\f424";
    font-family: "Font Awesome 6 Free";
    font-size: 1.3rem;
    line-height: 2.65rem;
    
    font-weight: 600;
    transition: transform .2s;
}
.bigimage a:hover::after { transform: scale(1.1); }

/* bootstrap */
.blockquote, blockquote { margin-bottom: 1rem; font-size: 1.75rem; line-height: 1.2; }

blockquote:before, blockquote:after { 
    content: "\f100";  font-family: "Font Awesome 6 Free"; font-weight: 900;
    font-style: normal; font-variant: normal;
    text-rendering: auto;  -webkit-font-smoothing: antialiased; font-size: 1.5rem; margin-right: 0.5rem; display: inline-block;
}
blockquote:after { 
    content: "\f101";
    margin-left: 0.5rem;
    margin-right: 0;
}

/*.widget-blockquote blockquote:before, .widget-blockquote blockquote:after { 
    content: "\f100";  font-family: "Font Awesome 6 Free"; font-weight: 900;
    font-style: normal; font-variant: normal;
    text-rendering: auto;  -webkit-font-smoothing: antialiased; font-size: 1.5rem; margin-right: 0.5rem; display: inline-block;
}
.widget-blockquote blockquote:after { 
    content: "\f101";
    margin-left: 0.5rem;
    margin-right: 0;
}*/
/*.bodytext blockquote, .rte blockquote { margin: 2rem; padding: 0.5rem; padding-left: 1.5rem; border-left: 0.5rem solid #0094cc; }*/

.bodytext blockquote:not(:last-child) { margin-top: 2rem; margin-bottom: 2rem; }

.display-1, .display-2, .display-3 { font-weight: 300; line-height: 1.2; text-transform: none; font-family: 'Roboto Condensed', sans-serif; }
.display-1 { font-size: 4.5rem; line-height: 1; }
.display-2 { font-size: 2.5rem; font-family: 'Roboto', sans-serif; }
.display-3 { font-size: 2rem; font-family: 'Roboto', sans-serif; }
.display-1 p, .display-2 p, .display-3 p, p.display-3 { margin-bottom: 0; }

.lead { font-size: 1.4rem; font-weight: 400; line-height: 1.3; margin-bottom: 2rem; }
.mainimage { margin-bottom: 2rem; }

.box-padding { padding: 1.5rem; }

.container { max-width: 1140px; padding-right: 2rem; padding-left: 2rem;}

.container .container { padding-right: 0; padding-left: 0;}

/* PAGINATION */
.page-link { padding: .5rem .85rem; margin: 0 0.25rem 1rem; line-height: 1.25; color: #b71b54;  background-color: transparent; border: 0; text-decoration: none; border-radius: 0; }
.page-item:first-child .page-link { border-radius: 0; }
.page-item:last-child .page-link { border-radius: 0; }
.page-link:hover { z-index: 2; color: #1B3440; text-decoration: none; background-color: #efefef; } 
.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,0,0,.075); }
.page-item.active .page-link { color: #fefefe; background-color: #b71b54; }
.page-item.disabled .page-link { color: #6c757d; background-color: transparent; }


/* FORM & BUTTONS */

.btn { background-color: #b71b54; border-color: #b71b54; color: #fefefe; border-radius: 0; padding: .375rem 1rem; text-decoration: none; }
.btn:hover { background-color: #1B3440; border-color: #1B3440; color: #fefefe; text-decoration: none; }

.btn-darkblue { background-color: #1B3440; }
.btn-darkblue:hover { background-color: #1B3440; }

/*.form-control { border: none; border-radius: 0; }*/
.form-control { border-radius: 0; }

.titleanddescription .form-control { border: 0; height: auto; }

label {
    font-size: 0.9rem;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: none;
}
.field-validation-error { color: #b71b54; color: #b71b54; font-size: 80%; font-weight: 500; }
.input-validation-error { border-color: #b71b54; }

.linklist { list-style: none; padding: 0; margin: 0; margin-bottom: 2rem; }
.linklist li {padding: 0.5rem 0; line-height: 1.2;}
.linklist a { display: block; }

.linklist--download li { }
.linklist--download a { position: relative; padding-left: 2rem; }
.linklist--download a:before {
    content: "\f358"; font-family: "Font Awesome 6 Free"; 
    font-weight: 900; font-style: normal; font-variant: normal;
    display: inline-block;
    text-rendering: auto; -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    position: absolute; top: 0;  left: 0;
    margin-top: -0.25rem;
}

.overlay--dark-gradient:after {
    /*background: linear-gradient(to top, rgba(37,33,33,.6) 0%, transparent 100%);*/
    background: linear-gradient(rgba(37,33,33,.6), rgba(37,33,33,.2) , rgba(37,33,33,.6));
}

/* umbraco override */
.section { padding: 0; }
.section--header { padding: 5rem 2rem; min-height: 20rem; }
.section--page { padding: 2rem 0 3rem; }
.page--contentpage { padding: 0; }

/* umb-grid */
/*.grid-row { margin-bottom: 1.5rem; }*/
.grid-section > div { padding-top: 3.5rem;  padding-bottom: 3.5rem; }
.grid-section .column:not(:last-child) { padding-bottom: 1.5rem; }
.bodygrid .grid-section > div { padding-top: 0;  padding-bottom: 0; margin-bottom: 1.5rem; }

.blogposts, article { max-width: none; }


.header { background-color: #1B3440; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.frontpage .header { background-color: transparent; padding-top: 3rem; padding-bottom: 3rem; }
.header--fixed, .frontpage .header--fixed  {background-color: #1B3440; padding-top: 1.25rem; padding-bottom: 1.25rem; }

.section--header { background-color: #1B3440; color: #fefefe; }


/* NAVIGATION */

.logo-image { max-width: 130px;  max-height: 100px; height: auto; margin-left: 0; }
.frontpage .logo-image {  max-width: 150px; max-height: 100px; }
.header--fixed .logo-image { max-width: 120px; max-height: 60px; height: auto; margin-left: 0;}

.nav-link, .nav-link:visited { text-decoration: none; margin: 0; font-size: inherit; text-transform: none; font-weight: 400; letter-spacing: 2px; border-bottom: none;}
.nav-bar .nav-link { margin: 0 0.25rem; text-transform: uppercase; border-bottom: 2px solid transparent; color: #fefefe; }

.nav-link, .nav-link:visited { color: #fefefe;  }
.header--fixed .nav-link { color: #fefefe !important; }
.header--fixed .nav-link--active, .header--fixed .nav-link:hover { border-bottom-color: #fefefe !important;}

.nav-bar .nav-link--active, .nav-link:hover { color: #fefefe; border-bottom-color: #fefefe; }

/*.top-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);   }*/
.top-nav { position: absolute;  width:calc(100% - 300px); display: flex; justify-content: center; align-content:center; margin: 1.5rem 150px 0;  }
.top-nav .nav-link { white-space: nowrap; }
.top-nav .nav-bar { flex-flow: wrap; justify-content: center; }
.header--fixed .nav-bar { position: unset; left: unset; top: unset; transform: none;  }
.header--fixed .top-nav { margin-top: 0.5rem;  }

.hamburger { width: 2.2rem; height: 2.2rem; }
.hamburger.lines span, .hamburger.lines span:after, .hamburger.lines span:before {  background-color: #fefefe; width: 2rem; height: 3px; }
.hamburger.lines span:before { transform: translateY(-10px); }
.hamburger.lines span:after { transform: translateY(10px); }
.hamburger.lines:hover span:before { transform: translateY(-12px); }
.hamburger.lines:hover span:after { transform: translateY(12px); }
.header--fixed .hamburger span, .header--fixed .hamburger span:after, .header--fixed .hamburger span:before { background-color: #fefefe !important; }

.mobile-nav { background-color: #1B3440; color: #fefefe; }
.mobile-nav-handler { margin-left: auto; margin-right: 40px;}

.mobile-nav--open .nav-link { transform: translate(0); transition: none; }
.mobile-nav .nav-link--active, .mobile-nav .nav-link:hover { border-bottom-color: #fefefe; }

/*****
body.frontpage .header:not(.header--fixed) .nav-link { color: #fefefe; }
body.frontpage .header:not(.header--fixed) .nav-link--active, body.frontpage .header:not(.header--fixed) .nav-link:hover { border-bottom-color: #fefefe; }
*****/

/* NAV-TBAS */
.nav-tabs { border-bottom: none; }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0;  }
.tab-content>.tab-pane { padding: 2rem 0; }

.breadcrumb { background-color: transparent; border-radius: 0; margin-bottom: 0; font-size: .9rem;}
.breadcrumb-item { margin-bottom: 0; }

.filter { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0 1rem; }
.filter-item { display: flex; padding: .25rem .75rem; margin-right: .5rem; margin-bottom: .25rem; text-decoration: none; }
.filter-item:last-child { margin-right: 0; }
.filter-item.active { background-color: #b71b54; color: #fefefe;}

.filter-block { padding: 1.5rem;  margin-bottom: 2rem;}
.filter-block .filter-toggler { font-weight: 500; cursor: pointer; }
.filter-block .filter-toggler svg { margin-left: 0.5rem; }
.filter-block .filter-toggler .open-filter { display: inline-block; }
.filter-block .filter-toggler .close-filter { display: none; }
.filter-block .js-filter-toggle-content { display: none; }
.filter-block.open {}
.filter-block.open .filter-toggler { }
.filter-block.open .filter-toggler .open-filter { display: none; }
.filter-block.open .filter-toggler .close-filter { display: inline-block; }
.filter-block.open .js-filter-toggle-content { display: flex; }

 
/* SOCIAL */
.social-share a, .social-links a { 
    display: inline-block; padding: 0.5rem; background-color: #b71b54; /* darkpink */ width: 2.5rem; height: 2.5rem; 
    border-radius: 50%; text-align: center; margin: 0 0.25rem 0.5rem; color: #fefefe; font-size: 1.5rem; line-height: 1.4rem;
}
.social-share a:hover, .social-links a:hover { background-color: #1B3440; /* darkblue */ }


/* frontpage section hero  */
.section__hero { min-height: 70vh; padding-bottom: 3rem; border-top: 1.5rem solid #1B3440; /*darkblue*/ }
.section__hero-content { color: #fefefe; max-width: none; } 

.hero-top { border-top: 1.5rem solid #1B3440; max-height: 70vh; overflow: hidden; position: relative; }
.hero-video { width: 100%; /*min-height: 70vh;*/ position: relative; top: 50%; left: 50%; transform: translate(-50%, 0); vertical-align: middle; }
.hero-content { color: #fefefe; padding: 0 1.5rem; width: 100%; position: absolute; bottom: 3rem;}
.hero-content .display-1 { margin-bottom: 1.5rem; }


/* LIST ITEMS */

.listitem { margin-bottom: 1rem; position: relative; }
/*.listitem:first-child { border-top: 1px solid #c0c0c0; padding-top: 1.5rem; }*/
.listitem:last-child { /*margin-bottom: 4rem;*/ }
.listitem-wide { padding-bottom: 0.5rem;  border-bottom: 1px solid #c0c0c0; margin-bottom: 1rem; }
/*.listitem-wide:first-child { border-top: 1px solid #c0c0c0; padding-top: 1.5rem; }*/
.listitem--blog { padding-bottom: 1.5rem; margin-bottom: 2.5rem; }
.listitem--releasenote.listitem-wide { padding-bottom: 1.5rem; margin-bottom: 2.5rem; }
.listitem:hover h3 { text-decoration: underline; }

.col:first-child .listitem-wide { border-top: 1px solid #c0c0c0; padding-top: 1.5rem; }

.listitem .small-tagline { font-weight: 700;}

.person-details { line-height: 1.2; }
.person-details > div { margin-bottom: 0.75rem; }
.person-details .email { word-break: break-word; }


.tag-item { display: flex; margin-right: .55rem; margin-bottom: .25rem;  }
.articlepage-tags { display: flex; flex-wrap: wrap; margin-top: 1rem; font-size: .9rem; margin-bottom: 1rem; }
.listitem-tags .tag-item:not(:last-child):after { content: "-"; display: inline-block; padding-left: .5rem; color: #6c757d; text-decoration: none; }
.listitem-tags { display: flex; flex-wrap: wrap; opacity: .5; }
.listitem-tags .tag-item { margin-right: .25rem; margin-bottom: .15rem; color: inherit; text-decoration: none; }
.listitem-tags .tag-item:not(:last-child):after { padding-left: .25rem; }

.listitem--product-main { text-align: center; }



/* WIDGETS */
.widget-padding { padding: 3.5rem 0; }
.widget-header { margin-bottom: 2rem; }
.widget-text { margin-bottom: 2rem; }


/* article section */

.page--article .social-share {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


/* widget product chooser */
.widget-product-chooser .nav-tabs .nav-item { margin-bottom: 0;  -ms-flex-preferred-size: 0;flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1;}
.widget-product-chooser .nav-tabs .nav-link { border: none; padding: 1.5rem 2rem; }
.widget-product-chooser .nav-tabs .nav-item.show.bg-darkblue .nav-link, 
.widget-product-chooser .nav-tabs .bg-darkblue .nav-link.active { color: #fefefe; background-color: #1B3440; }
.widget-product-chooser .nav-tabs .nav-item.show.bg-yellow .nav-link, 
.widget-product-chooser .nav-tabs .bg-yellow .nav-link.active {  background-color: #d0c900; color: #212529; }
.widget-product-chooser .tab-bg { position: relative; }
.widget-product-chooser .tab-bg:before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #1B3440; } /* darkblue */
.widget-product-chooser .tab-bg:after { content: ""; z-index: 0; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #d0c900; } /*yellow*/
.widget-product-chooser .tab-bg * { position: relative;  z-index: 1}

.widget-product-chooser .bignum { font-size: 4.5rem; font-weight: 300; line-height: 1; max-width: 100px; }
.widget-product-chooser .nav-tabs h2 { font-size: 2rem; padding-top: 0.25rem; margin-bottom: 0;}

.widget-product-chooser .grid-section > div { padding: 0;}
.widget-product-chooser .tab-content>.tab-pane { padding: 0; }
.widget-product-chooser .tab-content .text-block { padding: 3.5rem 0 0; }
.widget-product-chooser .tab-content .keyword-block { padding: 0 0 1rem; font-size: 1.2rem; overflow: hidden; }
.widget-product-chooser .tab-content .form-block { padding: 3.5rem 0 3.5rem; }

.widget-product-chooser .tab-content .text-block .row { margin-right: -2rem; margin-left: -2rem;  }
.widget-product-chooser .tab-content .text-block .row .column { padding-right: 2rem; padding-left: 2rem; height: auto; margin-bottom: 1rem; }
.widget-product-chooser .tab-content .text-block .row .column:not(:last-child) { border-right: 2px solid transparent; }
.widget-product-chooser .tab-content .text-block.bg-darkblue .row .column:not(:last-child) { border-right: 2px solid #01C0F5; /*blue*/ }
.widget-product-chooser .tab-content .text-block .morelink { text-align: right; margin-top: 4rem; }
.widget-product-chooser .tab-content img { margin-bottom: 2rem; height: 11rem; width: 100%; }
.widget-product-chooser .tab-content .caption { display: none; }
.widget-product-chooser .tab-content  h3 { text-transform: uppercase; }
.widget-product-chooser .tab-content .bg-darkblue h3 { color: #d0c900; /*yellow*/ }

.widget-product-chooser .tab-content .keyword-block .row { margin-right: -2rem; margin-left: -2rem;  }
.widget-product-chooser .tab-content .keyword-block .row .column { padding-right: 2rem; padding-left: 2rem; height: auto; }
.widget-product-chooser .tab-content .keyword-block ul { padding-left: 1rem; }

.widget-product-chooser .tab-content .form-block .btn { background-color: #1B3440; border-color: #1B3440;  /* darkblue */}
.widget-product-chooser .tab-content .form-block H2 { color: #1B3440;  /* darkblue */}
.widget-product-chooser .tab-content .form-block input { border-color: #fff;}

.widget-product-chooser .keyword-toggler { padding-top: 1rem; font-size: 1.5rem; }
.widget-product-chooser .triangle { position: relative; width: 0; height: 0; margin-bottom: 3rem; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-top: 5rem solid #1B3440; /*darkblue*/ }
.widget-product-chooser .prod-2 .triangle { border-top-color: #d0c900; /*yellow*/ }
.widget-product-chooser .triangle .fa-minus { position: absolute; top: -3rem; left: -0.75rem;  }

.widget-listimages .thumbnail { padding: 1rem 0; text-align: center; }
.widget-listimages img { filter: grayscale(100%); /*max-height: 90px; max-width: 120px;*/ }
.widget-listimages .thumbnail:hover img { filter: grayscale(0%);  }

.widget-listlogos .list-logo { padding: 1rem 0; text-align: center; }
.widget-listlogos .grayscale-logos img { filter: grayscale(100%); }
.widget-listlogos .grayscale-logos .list-logo:hover img { filter: grayscale(0%); }
.logo-list {}
.logo-list.row .col { flex: 0 0 150px; max-width: 150px;}

.image-wrapper:not(:last-child) { margin-bottom: 1rem;  }
.video-wrapper:not(:last-child) { margin-bottom: 1rem;  }

.close { font-weight: unset; text-shadow: none; } 
.news-popup .modal-content { border: 2px solid #fefefe; }
.news-popup .modal-body { padding: 1.5rem; }
.news-popup .close-btn-news { position: absolute; top: .5rem; right: 1rem; color: white; font-weight: unset; text-shadow: none; } 
.news-popup-small .btn-news:hover { background-color: #80123a; }
.news-popup .modal-title { margin-top: 1rem; margin-bottom: 1rem; }

.news-popup-small { z-index: 1040; position: fixed; right: 3rem; bottom: -200px; box-shadow: -2px -2px 20px 0px rgba(0,0,0,0.219608); transition: bottom ease-out 500ms;  } 
.news-popup-small.slide-up { bottom : 0px !important;} 
.news-popup-small .close-btn-news-small { position: absolute; right: 5px; color: white; font-weight: unset; text-shadow: none; } 
.news-popup-small .btn-news-small { padding: .75rem 2rem; font-size: 1.1rem; } 
.news-popup-small .btn-news-text { padding-right: 0.5rem; }
.news-popup-small .btn-news-small:hover { background-color: #80123a; }

.cta-popup-container {
    position: fixed; /*bottom: 0;*/ right: 0; bottom: -1000px; transition: bottom ease-out 500ms;
    padding: 1rem;
    z-index: 1090;
    width: -webkit-max-content; width: -moz-max-content; width: max-content;
    max-width: 100%;
    pointer-events: none;
}
.cta-popup-container.slide-up { bottom : 0;}

.cta-popup {
    width: 350px; max-width: 100%;
    pointer-events: auto;
    background-color: #ffffff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.cta-popup-header { padding: 0.5rem 0.75rem; position: relative; }
.cta-popup-header .close { position: absolute; right: 0.5rem; top: 0.25rem; }
.cta-popup-body { padding: 1rem; }
.cta-popup-img { margin-bottom: 0.5rem; text-align: center; }
.cta-popup-img img {  }
.cta-popup-footer { padding: 0 1rem 1rem; }

.widget-product-contactform { padding: 3.5rem 1.5rem; max-width: 650px; margin: 0 auto;  }
.widget-product-contactform h2 { text-transform: uppercase; margin-bottom: 2rem;  }
.bg-blue .widget-product-contactform { color: #1B3440;  /* darkblue */ }
.bg-blue .widget-product-contactform h2 { color: inherit;  /* darkblue */ }
.bg-blue .widget-product-contactform input:not([type=submit]) { border-color: #fff;}
.bg-blue .widget-product-contactform .btn, .bg-blue .widget-product-contactform [type=submit] { background-color: #1B3440; border-color: #1B3440;  /* darkblue */}


.widget-selecteditems .widget-text p { font-size: 1.2rem; }




.bottom-navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
}


footer { padding-top: 4rem; padding-bottom: 4rem;}
footer h5 { text-transform: uppercase; }

/**************   MINDRE SKJERMER   ***********/


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    .h1, h1 { font-size: 2.1rem; }
    .h2, h2 { font-size: 1.6rem; }
    .h3, h3 { font-size: 1.4rem; }
    .h4, h4 { font-size: 1.3rem; }
    
    .display-1 { font-size: 3.75rem; }
    .display-2 { font-size: 2rem; }
    .display-3 { font-size: 1.8rem; }
    
    .lead { font-size: 1.25rem; margin-bottom: 2rem; }
    
    .blockquote, blockquote { font-size: 1.5rem; }
    .bodytext blockquote { margin: 1.5rem 1rem; }
    
    .header { padding-top: 1rem; padding-bottom: 1rem; }
    .frontpage .header { padding-top: 2rem; padding-bottom: 1rem; }
    .header--fixed, .frontpage .header--fixed { padding-top: 1rem; padding-bottom: 1rem;  }
    .logo-image { max-width: 120px; max-height: 60px; }
    .header--fixed .logo-image { max-width: 120px; max-height: 55px; }
    
    .section--page { padding: 1rem 0 2rem; }
    .section--header { padding: 5rem 2rem 2rem; min-height: 14rem; }
    .page--contentpage { padding: 0; }
    
    .grid-section > div { padding-top: 2rem; padding-bottom: 2rem;}
    
    .widget-padding { padding: 2rem 0; }
    .widget-header { margin-bottom: 1rem; }
    
    .hero-content { bottom: 2rem; }
    .hero-content .display-1 { margin-bottom: 1rem; }
    
    .widget-product-chooser .nav-tabs .nav-link { padding: 1rem 2rem; }
    .widget-product-chooser .bignum { font-size: 3.5rem; max-width: 80px; }
    .widget-product-chooser .nav-tabs h2 { font-size: 1.5rem; padding-top: 0.15rem;}
    
    .widget-product-chooser .tab-content .text-block { padding: 2.5rem 0 0; }
    .widget-product-chooser .tab-content .keyword-block { padding: 0 0 1rem; font-size: 1rem; }
    .widget-product-chooser .tab-content .form-block { padding: 1rem 0 2.5rem; }
    
    .widget-product-chooser .tab-content img { margin-bottom: 1rem; height: 10rem; width: 100%; }
    
    .widget-product-chooser .triangle { margin-bottom: 2rem; border-top-width: 3rem;  }
        
    .listitem--person .card-body { padding: 1rem 0.5rem; }
    
    footer { padding-top: 2rem; padding-bottom: 3.5rem; }
    
    .news-popup-small { right: 2rem; }
}

@media (min-width: 992px) {
    .mobile-nav {
        display: none;
    }
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    
    .h5, h5 { font-size: 1.05rem; }
    
    .display-1 { font-size: 3rem; }
    .display-2 { font-size: 1.5rem; }
    .display-3 { font-size: 1.4rem; }
    
    /*
    .hero-top { height: 50vh; }
    .hero-video { 
        width: auto; min-height: 50vh; height: 100%; vertical-align: middle; 
        position: relative; top: 0; left: 50%; transform: translate(-50%, 0);
    }*/
    
    .logo-list.row .col { flex: 0 0 120px; max-width: 120px;}

    .widget-product-chooser .nav-tabs .nav-link { padding: 1rem 0 1rem 0.75rem; }
    .widget-product-chooser .bignum { font-size: 3rem; max-width: 70px; }
    .widget-product-chooser .nav-tabs h2 { font-size: 1.25rem; }
    .widget-product-chooser .nav-tabs h2 + div { font-size: 0.85rem;}
    
    .widget-product-chooser .tab-content img { margin-bottom: 1rem; height: 9rem; }
    
    .listitem--person .card-body { padding: 1rem 0.25rem; }
    .bottom-navbar .nav-link { padding: .25rem 0.5rem;  }
    .bottom-navbar .nav-link, .bottom-navbar .nav-link:visited { font-size: 0.9rem;  }
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    
    .h1, h1 { font-size: 1.75rem; }
    .h2, h2 {  }
    .h3, h3 {  }
    .h4, h4 {  }
    
    dl, ol, ul { padding-left: 1.5rem; }
    
    .lead { font-size: 1.2rem; margin-bottom: 2rem; }
    
    .display-1 { font-size: 2rem; }
    .display-2 { font-size: 1.3rem; }
    
    /*
    .hero-top { height: 50vh; }
    .hero-video { 
        width: auto; min-height: 50vh; height: 100%; vertical-align: middle; 
        position: relative; top: 0; left: 50%; transform: translate(-50%, 0);
    }*/
    .logo-list.row .col { flex: 0 0 100px; max-width: 100px;}
    
    .blockquote, blockquote { font-size: 1.3rem; }
    .bodytext blockquote { margin: 1.5rem 0; padding-left: 1rem; }
    
    .header { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .frontpage .header { padding-top: 2rem; padding-bottom: 1rem; }
    .header--fixed, .frontpage .header--fixed { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .logo-image { max-width: 120px; max-height: 50px; }
    .frontpage .logo-image { max-width: 130px; max-height: 70px;  }
    .header--fixed .logo-image { max-width: 120px; max-height: 50px; }
    .mobile-nav-handler { margin-left: auto; margin-right: 20px;}
    
    /*.section--page { padding: 0 0 2rem; }*/
    .section--header { padding: 5rem 1.5rem 1.5rem; min-height: 12rem; }
    .page--contentpage { padding: 0; }
    
    .grid-section > div { padding-top: 1.5rem; padding-bottom: 1.5rem;}
    
    .widget-padding { padding: 1.5rem 0; }
    .widget-header { margin-bottom: 0rem; }
    
    .section__hero-content h1,
    .section__hero-content .h1 { font-size: 1.5rem; text-align: center; }
    
    .hero-content { bottom: 1rem; }
    .hero-content .display-2 { font-size: 1rem; }
    
    .widget-product-chooser .tab-bg > .container { padding-right: 15px; padding-left: 15px; padding: 0; }
    .widget-product-chooser .tab-bg > .container .row { margin: 0; }
    .widget-product-chooser .tab-bg > .container .col { padding: 0; }
    .widget-product-chooser .nav-tabs .nav-link { padding: 0.65rem 0.75rem 0.75rem 1rem; }
    .widget-product-chooser .bignum { display: none; }
    .widget-product-chooser .nav-tabs h2 { padding-top: 0; }
    .widget-product-chooser .nav-tabs h2 + div { font-size: 0.75rem; line-height: 1;}
    
    .tab-content .text-block { padding: 2.5rem 0 1rem; }
    
    .widget-product-chooser .triangle { margin-bottom: 1rem; border-top-width: 2.5rem;  }
    
    .listitem img { margin-bottom: 1rem;}
    
    .bottom-navbar {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
    .hero-top { height: 50vh; }
    .hero-video { 
        width: auto; min-height: 50vh; height: 100%; vertical-align: middle; 
        position: relative; top: 0; left: 50%; transform: translate(-50%, 0);
    }
    body { position:relative; }
    .news-popup-small { position: absolute; right: 2rem; left: 2rem; bottom: 0; }
    .news-popup-small .btn-news-small { width: 100%; padding: .75rem 1.75rem; }
}


/** tablet and phone fix **/

@media (min-width: 992px) {
    .col-md-4 { width: 33.2%; }
    .col-md-6 { width: 49.9%; }
    .col-md-8 { width: 66.5%; }
}

.row-cols-2>* { -ms-flex: 0 0 49.8%; flex: 0 0 49.8%; max-width: 49.8%;}
.row-cols-3>* { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%;  max-width: 33.2%; }
.row-cols-4>* { -ms-flex: 0 0 24.9%; flex: 0 0 24.9%; max-width: 24.9%; }

@media (min-width: 576px) {
    .row-cols-sm-2>* { -ms-flex: 0 0 49.8%; flex: 0 0 49.8%; max-width: 49.8%;}
    .row-cols-sm-3>* { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%; max-width: 33.2%; }
    .row-cols-sm-4>* { -ms-flex: 0 0 24.9%; flex: 0 0 24.9%; max-width: 24.9%; }
    .row-cols-sm-6>* { -ms-flex: 0 0 16.5%; flex: 0 0 16.5%;max-width: 16.5%; }
}

@media (min-width: 768px) {
    .col-md-4 { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%;  max-width: 33.2%; }
    .col-md-6 { -ms-flex: 0 0 49.9%; flex: 0 0 49.9%; max-width: 49.9%; }
    .col-md-7 { -ms-flex: 0 0 58.2%; flex: 0 0 58.2%; max-width: 58.2%; }
    .col-md-8 { -ms-flex: 0 0 66.5%; flex: 0 0 66.5%; max-width: 66.5%; }

    .row-cols-md-2>* { -ms-flex: 0 0 49.8%; flex: 0 0 49.8%; max-width: 49.8%;}
    .row-cols-md-3>* { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%;  max-width: 33.2%; }
    .row-cols-md-4>* { -ms-flex: 0 0 24.5%; flex: 0 0 24.5%; max-width: 24.5%; }
    .row-cols-md-6>* { -ms-flex: 0 0 16.5%; flex: 0 0 16.5%;max-width: 16.5%; }
}

@media (min-width: 992px) {

    .col-lg-3 { -ms-flex: 0 0 24.9%; flex: 0 0 24.9%;  max-width: 24.9%; }
    .col-lg-4 { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%;  max-width: 33.2%; }
    .col-lg-6 { -ms-flex: 0 0 49.9%; flex: 0 0 49.9%; max-width: 49.9%; }
    .col-lg-8 { -ms-flex: 0 0 66.5%; flex: 0 0 66.5%; max-width: 66.5%; }
    .col-lg-9 { -ms-flex: 0 0 74.9%; flex: 0 0 74.9%; max-width: 74.9%; }
    
    .row-cols-lg-3>* { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%; max-width: 33.2%; }
    .row-cols-lg-4>* { -ms-flex: 0 0 24.9%; flex: 0 0 24.9%; max-width: 24.9%; } 
    .row-cols-lg-6>* { -ms-flex: 0 0 16.5%; flex: 0 0 16.5%; max-width: 16.5%; }
}

@media (min-width: 1200px) {
    .col-lg-4 {  width: 33.2%; flex: 0 0 33.2%; max-width: 33.2%; }
}