/***************** variables *********************/

html, body {background-color: #fff; font-family: "urw-din", Arial, Sans-serif; font-size: 16px; line-height: 25px; letter-spacing: .3px; font-weight: 400; color: #9f2842!important; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

/***************** paragraphs *******************/

h1 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #9f2842; font-size: 70px; line-height: 80px;}
h2 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #9f2842; font-size: 50px; line-height: 60px;}
h3 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #9f2842; font-size: 35px; line-height: 45px;}
h4 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #9f2842; font-size: 25px; line-height: 45px;}
h5 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #9f2842; font-size: 20px; line-height: 35px;}
h6 {margin: 0; padding: 0; color: #9f2842; font-size: 14px; line-height: 25px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;}

p {margin: 0; padding: 0;}

a {text-decoration: none; border-bottom: 2px solid #e6e6e6 /* 10% Black */; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #9f2842!important; border-bottom: 2px solid #b99c6b; text-decoration: none;}

a img {border: none !important; opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .8;}

h1 , h2, h3 , h4, h5 , h6  {border: none !important; color: #9f2842!important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #b99c6b!important;}

strong {font-weight: 700;} 

h1 strong {font-weight: 400; text-transform: uppercase; letter-spacing: 5px;}

h4 strong {padding: 60px 15px 0 0; font-weight: 400; font-size: 95px; line-height: 0; font-style: normal; display: inline-block; float: left;}

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #b99c6b;}
::selection {color: #fff; background: #b99c6b;}

hr {width: 100%; margin: 60px 0 30px 0; height: 2px; background-color: #f0f0f0 /* 5% Black */; color: #f0f0f0 /* 5% Black */; border: 0;}

.spacer {height: 20px;}


#cc-settings-button {color: #9f2842!important};

/***************** buttons *********************/

.btn {white-space: normal; border: none !important; font-size: 14px; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; padding: 20px 0; text-align: center; border-radius: 30px; font-style: normal; display: block; margin: 30px 0 0 0; text-decoration: none;}

/*.btn:after {content: "\00BB"; font-size: 20px; line-height: 0; padding: 0 0 0 10px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}*/
.btn:hover, .btn:active, .btn:focus {outline: none !important; border: none !important; outline-style: none !important; box-shadow: none !important; border-color: transparent !important;}

.btn-primary {background-color: #b99c6b !important; color: #fff !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: #9f2842 !important; color: #fff !important;}

.btn-info {padding: 0 !important; background: transparent; color: #9f2842; display: inline-block;}
.btn-info:hover, .btn-info:active, .btn-info:focus {color: #b99c6b !important; background: transparent !important;}
.btn-info:hover:after {padding: 0 0 0 20px;}

.btn-success {background-color: #9f2842 !important; color: #fff !important;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #b99c6b !important; color: #fff !important;}

.btn-warning {background-color: transparent !important; color: #9f2842 !important; border: 2px solid #9f2842 !important; padding: 18px 0;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #9f2842 !important; border: 2px solid #9f2842 !important; color: #fff !important;}

.btn-danger {background-color: #fff !important; color: #b99c6b !important;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #b99c6b !important; color: #fff !important;}
.btn-primary {
    background-color: #a02843 !important;
    color: #fff !important;
}

.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {
    color: #a02843 !important;
}
/***************** borders *********************/

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: 2px;}

.border-col .block-columns .__col {border-width: 2px; border-style: solid;}
.border-top-col .block-columns .__col {border-top-width: 2px; border-top-style: solid;}
.border-bottom-col .block-columns .__col {border-bottom-width: 2px; border-bottom-style: solid;}
.border-left-col .block-columns .__col {border-left-width: 2px; border-left-style: solid;}
.border-right-col .block-columns .__col {border-right-width: 2px; border-right-style: solid;}

.border-left-col .block-columns .__col:first-child {border: none;}
.border-right-col .block-columns .__col:last-child {border: none;}

.border-primary {border-color: #b99c6b !important;}

.border-dark {border-color: #9f2842;}
.border-light {border-color: #fff;}

.border-custom1 {border-color: #4d4d4d /* 70% Black */;}
.border-custom2 {border-color: #999 /* 40% Black */;}
.border-custom3 {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4 {border-color: #ccc /* 20% Black */;}
.border-custom5 {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6 {border-color: #f0f0f0 /* 5% Black */;}

.border-primary-col .block-columns .__col {border-color: #b99c6b;}

.border-dark-col .block-columns .__col {border-color: #9f2842;}
.border-light-col .block-columns .__col {border-color: #fff;}

.border-custom1-col .block-columns .__col {border-color: #4d4d4d /* 70% Black */;}
.border-custom2-col .block-columns .__col {border-color: #999 /* 40% Black */;}
.border-custom3-col .block-columns .__col {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4-col .block-columns .__col {border-color: #ccc /* 20% Black */;}
.border-custom5-col .block-columns .__col {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6-col .block-columns .__col {border-color: #f0f0f0 /* 5% Black */;}

table, tbody, tr, td {border: none;}

/***************** utilities *********************/

.block-list-group {margin: 30px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 15px 30px; border: 1px solid #9f2842; border-bottom: none; border-radius: 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group .list-group-item:last-child {border-bottom: 1px solid #9f2842;}
.block-list-group .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item p {margin: 0 !important; font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px;}
.block-list-group .list-group-item strong {font-family: "urw-din", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: #f0f0f0 /* 5% Black */; margin-bottom: 5px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group.accordion .card:last-child {margin: 0;}
.block-list-group.accordion .card:hover {background: #fff;}
.block-list-group.accordion .card .card-header {padding: 0; border: none; background: transparent;}
.block-list-group.accordion .card .card-header h5 {margin: 0 !important;}
.block-list-group.accordion .card .card-header h5 .btn {padding: 20px 30px 15px 30px; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-size: 25px; line-height: 45px; font-weight: 400; letter-spacing: .3px; color: #9f2842; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; font-size: inherit !important; padding: 20px 0 15px 0;}
.block-list-group.accordion .card .card-body {padding: 0 30px 20px 30px;}
.block-list-group.accordion .card .card-body p {margin: 0 !important;}

.block-list-group.tabs .nav-tabs {border: none; display: flex; flex-wrap: wrap;}
.block-list-group.tabs .nav-tabs .nav-item {background: #fff;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 20px 30px; border: none; background: transparent; margin: 0; border-radius: 0; color: #999 /* 40% Black */; font-weight: 700;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .nav-tabs .nav-item.active .nav-link {color: #9f2842;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link {color: #b99c6b;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .tab-content p {margin: 0 !important;}

.news {margin: 0;}
.news .list-group-item {margin: 30px 0 0 0; padding: 40px 60px; border: 2px solid #f0f0f0 /* 5% Black */ !important; border-radius: 0; background: transparent;}
.news .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #b3b3b3 /* 30% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}
.news .list-group-item .list-header {font-size: 2rem; line-height: 1.4;}
.news .list-group-item .list-content {margin: 30px 0 0 0;}
.pager {margin: 0; width: 100%; justify-content: center; border-radius: 0;}
.pager li {margin: 0;}
.pager li:before {display: none;}
.pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px !important; color: #ccc /* 20% Black */; background: #ccc /* 20% Black */; border: none; width: 16px; height: 16px; border-radius: 8px !important;}
.pager li a:hover, .pager li a.active {background: #b99c6b; color: #b99c6b;}

.block-gallery .gallery .gallery-item {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery li:before {display: none;}

#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 30px; width: 100%; color: #fff; text-align: left; background: #9f2842; text-shadow: 0 0 0 rgba(0,0,0,0);}
#block-gallery-modal h3 {font-size: 2rem; line-height: 1.4; color: #fff;}
#block-gallery-modal p {font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; color: #fff; padding: 10px 0 0 0 !important;}
#block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}

.block-gallery .carousel {margin-top: 30px !important;}
.block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;}
.block-gallery .carousel .carousel-control {width: auto; padding: 0 50px; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;}
.block-gallery .carousel .carousel-indicators li {margin: 0 10px; background: transparent; opacity: 1; border: 2px solid #fff; width: 16px; height: 16px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-gallery .carousel .carousel-indicators li.active {background: #fff;}
.block-gallery .carousel .carousel-caption {left: 0; top: auto; bottom: 0; right: auto; width: 800px; margin: 0; padding: 50px; background: rgba(0,0,0,0);}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; color: #fff; font-size: 2rem; line-height: 1.4; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; padding: 10px 0 0 0; color: #fff; font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 20px 0 0 0;}

/***************** cookies *********************/

/* .cookies-container {width: 100%; margin: 0; border-radius: 0; text-align: center; padding: 50px; position: fixed; bottom: 0; z-index: 250;}
.cookies-container p {font-family: "adobe-caslon-pro", Times, Serif; font-size: 1.6rem; line-height: 1.6;}
.cookies-container a.control-accept-cookies {padding: 0 0 0 10px; border: none !important;}
.cookies-container a.control-accept-cookies:before {content: "\00BB"; padding: 0 20px 0 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.cookies-container a.control-accept-cookies:hover:before{ padding: 0 30px 0 0;}

#modal-cc #cc-buttons button {letter-spacing: 1px!important; padding: 10px 15px!important;}
#cc-settings-button {font-size: 1.5rem; border-bottom: none;}

#modal-cc {background-color: rgba(26,26,26,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #333; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333;}
#modal-cc .modal-dialog {background: #fff; overflow: scroll; position: fixed; margin: 0; bottom:0; max-width: 650px;}
#modal-cc .modal-content {box-shadow: none!important; border-bottom: none!important; height:100vh; border-radius: 0; background: #fff; color: #333;}
#modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc .modal-header h4 {font-weight: 700; text-transform: uppercase;}
#modal-cc .modal-header .close {position: absolute; top: 1em; right: 1em;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 0.8em; padding: 1.5rem 3rem 3rem 3rem; overflow-y: auto;}
#modal-cc hr {margin: 30px auto 20px auto;}
#modal-cc #cc-buttons {display: flex; flex-direction: row-reverse; justify-content: flex-end;}
#modal-cc #cc-buttons button {margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-dialog {max-width:100%;}
    #modal-cc .modal-content {height:80vh;}
}
     */




/************************COOKIES-v3*******************************/

body.modal-open.no-cookie #modal-cc {display:none !important;}
html:has(body.modal-open.no-cookie #modal-cc.d-none), body.modal-open.no-cookie:has(#modal-cc.d-none) {padding-right:0 !important; overflow-y:auto;}

.modal {background: rgba(0,0,0,0.8); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.modal .modal-header .close {order:2;}

#modal-cc {font-size:18px;}
#modal-cc .modal-dialog {display:block !important; height:auto !important; position:fixed; inset: auto auto 2em 2em; margin: 2em 2em 0 0; max-width:50em;}
#modal-cc .modal-content {background-color:#fff; color:#000066; border-radius:calc(30px/2); padding:3em;}
#modal-cc .modal-content * {color:inherit;}
#modal-cc .modal-header {margin-bottom:1.5em; border:none; padding:0; display: flex; align-items: center;}
#modal-cc .modal-header .close {display: flex; align-items: center; justify-content: center; right:3em; top:3em; opacity:1; background-color:transparent; border:1px solid #000066 !important; color:inherit; font-size:0; letter-spacing:0; line-height:0; width: 3em; height: 3em; border-radius: 50%;}
#modal-cc .modal-header .close:before {content:"\f00d"; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; font-family:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; font-size:12px;}
#modal-cc .modal-header .modal-title {font-size:1.2em;}
#modal-cc .modal-body {background-color:transparent; padding:0;}
#modal-cc .modal-content .nav-pills {gap:1em; display:flex;}
#modal-cc .modal-content .nav-pills .nav-item {float:none; flex:1;}
#modal-cc .modal-content .nav-pills .nav-link:hover {opacity:1;}
#modal-cc .modal-content .nav-pills .nav-link {text-transform: uppercase; letter-spacing: 2px; transition:.3s all; opacity:.5; text-align: left; background: transparent; border-bottom: solid 1px rgba(0,0,0,0.2); border-radius: 0; padding-inline: 2.5px;}
#modal-cc .modal-content .nav-pills .nav-link.active {opacity:1;}
#modal-cc .modal-content .nav-pills:before {display:none;}
#modal-cc .modal-content .nav-pills:after {display:none;}
#modal-cc .modal-body p:empty {display:none;}
#modal-cc .modal-body p {font-size:.8em;}
#modal-cc .modal-body a {text-decoration:none !important;}
#modal-cc .modal-body p + p {margin-top:1em; padding-top:0;}
#modal-cc .modal-body hr {display:none;}
#modal-cc .modal-body .tab-pane {max-height:60vh;}
#modal-cc .modal-body .tab-pane a {color:inherit; border-bottom:1px dashed;}
#modal-cc .modal-body .tab-pane h5 {font-size:1.1em; margin-bottom:.5em;}
#modal-cc #cc-buttons {display: flex; justify-content: center; gap:.5em; margin-inline:-2px; padding-top:.5em;}
#modal-cc #cc-buttons .btn {font-weight:300; margin:0 !important; background:transparent !important; font-size:.8em; display: flex; justify-content: center; align-items: center; border:1px solid #000066 !important; color:#000066 !important; line-height:normal; text-transform:uppercase; letter-spacing:1px; border-radius:30px; padding:1em !important; }
#modal-cc #cc-buttons .btn:before {display:none;}
#modal-cc #cc-buttons .btn:after {display:none !important; color:inherit !important;}
#cc-settings-container i {font-style: normal;}
#cc-settings-container a {font-size:1rem !important; color:#cc0033; border:none !important; text-decoration:none !important;}
#cc-settings-container {left:2em; bottom:2em;}

html:has(body.dark, body.modal-dark) #modal-cc .modal-content {background-color:#4d4d4d /* 70% Black */ !important; color:#fff; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-header .close {border-color: #fff !important; }
html:has(body.dark, body.modal-dark) #modal-cc .modal-content :is(.nav-pills .nav-link, #cc-buttons .btn) {border-color: rgba(255,255,255,0.2) !important; }
html:has(body.dark, body.modal-dark) #modal-cc #cc-buttons .btn {color:#fff !important;}

@media (max-width:1920px) {
    #modal-cc {font-size:16px;}
} @media (max-width:1280px) {
    #modal-cc {font-size:14px;}
} @media (min-width:768px) {
    #modal-cc .modal-dialog {transform-origin:left bottom; transform:scale(.8);}
} @media (max-width:767px) {
    #modal-cc {font-size:12px;}
    #modal-cc .modal-body .tab-pane {max-height:40vh; padding-right:1rem;}
    #modal-cc #cc-buttons {flex-direction: column-reverse;}
    #cc-settings-container {left:1.5em; bottom:1.5em;}
    #modal-cc .modal-body p {font-size:.9em; line-height:18px !important;}
    #modal-cc .modal-content .nav-pills .nav-link {font-size:.7em;}
}
/***************** menu *********************/

.navbar {height: 160px; padding: 0; background-color: #fff; z-index: 700 !important; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar a {border: none; padding: 0; text-transform: none;}
.navbar .navbar-brand img {width: 120px!important; opacity: 1 !important;}
.navbar .navbar-brand {margin-right:10px!important;}
.navbar .navbar-toggler {font-size: 2.5rem; color: #b99c6b;}
.navbar .navbar-nav .nav-link {margin: 40px 50px 0 50px; padding: 0; color: #b3b3b3 /* 30% Black */; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;}
.navbar .navbar-nav .nav-link:hover {color: #b99c6b !important;}
.navbar .navbar-nav .nav-item.parent .nav-link, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-bottom: 3px solid #b99c6b; color: #9f2842;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; border: none; margin: 0; vertical-align: baseline;}
.navbar .navbar-nav .has_childs.show .nav-link:after {content: "\f106"; transform: rotate(0);}

.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none;}
.navbar .navbar-nav .dropdown-menu {min-width: 0; left: 30px; padding: 10px 0 0 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {font-family: "urw-din", Arial, Sans-serif; border: none !important; font-size: 1rem; border-radius: 0 !important; text-transform: none; background: #fff; border-left: 2px solid #f0f0f0 /* 5% Black */ !important; white-space: nowrap; color: #9f2842 !important; font-weight: 400; padding: 15px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {background: #fff; color: #b99c6b !important; border: none !important; border-left: 2px solid #b99c6b !important;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {background: #f0f0f0 /* 5% Black */; color: #9f2842 !important; border: none !important; border-left: 2px solid #f0f0f0 /* 5% Black */ !important;}

.navbar-nav .nav-level3 {margin-left: calc(100% - 30px); column-count: 2; column-gap: 0; margin-top: -55px; padding: 0 !important; background-color: #fff;}

.navbar.navbar-start {background-color: transparent;}
.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: #fff;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: #fff;}

#navbar-2 .navbar-nav .nav-item:nth-child(n+3), #navbar-1 .navbar-nav .nav-item {display: none;}
#navbar-1 .navbar-nav .nav-item:nth-child(n+3), .navbar .navbar-nav .dropdown-menu li {display: block !important;}

.nav-item.no-child:not([class*='navicon-']):hover, .nav-item.no-child:not([class*='navicon-']):hover .nav-link {}
.nav-item.no-child > ul, .nav-item.no-child > a:after {display:none;}

.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) {display: flex !important; align-items: center; right: 0;}

.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link {margin-left:1rem; margin-block:0; cursor:pointer;}
.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link img {width:2rem;}
.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link span {margin-left:.5rem; display:none;}


/***************** main *********************/

.container {max-width: 1400px; padding: 0;}
.container-fluid {padding: 0;}

.block-section > .block-section-container {padding: 0; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 100px 0 130px 0;}

.block-section.narrow .block-section-container {width: 1000px;}

.block-section.no-top {padding-top: 0 !important;}
.block-section.no-bottom {padding-bottom: 0 !important;}

.block-section.bg-image {background-position: center center; background-repeat: no-repeat;}
.block-section.bg-bottom {background-position: center bottom;}
.block-section.bg-top {background-position: center top;}
.block-section.bg-center {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: 10px solid #fff;}

.block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px; border: 10px solid #fff;}
.block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px; border: 10px solid #fff;}
.block-section.md-box .block-columns .block-section {padding: 100px 100px 130px 100px; border: 10px solid #fff;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px; border: 10px solid #fff;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}

main p, main img, main iframe {margin: 25px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 30px 0 0 0;}

main ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
main ul li {margin: 5px 0;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #b99c6b;}

main .oppettider ul li {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid #e6e6e6 /* 10% Black */;}
main .oppettider ul li:before {display: none;}
main .oppettider ul li:last-child {border: none;}
main .oppettider ul li strong {font-family: "urw-din", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

.w-10 {width: 10%;}
.w-15 {width: 15%;}

.vh-25 {height: 25vh;}
.vh-50 {height: 50vh;}
.vh-75 {height: 75vh;}
.vh-85 {height: 85vh;}
.vh-90 {height: 90vh;}
.vh-95 {height: 95vh;}

.m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 p, .m0 img {margin: 0 !important;}
.m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 10px !important;}

.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover;}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0 100px;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 4rem; line-height: 1.3;}
.main-slider .block-gallery .carousel .carousel-caption {padding: 100px;}

.map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; margin: 0 !important; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.map-container iframe:hover {opacity: 1;}

.top-bar {width: 100%; padding: 0; margin: 0; background-color: #f0f0f0 /* 5% Black */;}
.top-bar ul.top {list-style: none; padding: 0; margin: 0;}
.top-bar ul.top li {font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; border-right: 1px solid #fff; float: left;}
.top-bar ul.top li.phone {padding: 10px 20px; background-color: #b99c6b; color: #fff;}
.top-bar ul.top li:last-child {border: none;}
.top-bar ul.top li a {border: none !important; color: #b3b3b3 /* 30% Black */; display: block;}
.top-bar ul.top li a:hover {background-color: #e6e6e6 /* 10% Black */; color: #9f2842;}

#video-wrapper {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; overflow: hidden; z-index: 0;}
#bgvid {width: 100% !important; height: 100% !important;  object-fit: cover; overflow: hidden;}
.start .btn {border-radius: 30px 30px 0 0;}

.block-section.start-box, .block-section.start-box .block-columns .block-section {border: 10px solid #fff;}
.block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 100px 160px 100px; height: 100%; border-top: 4px solid #e6e6e6 /* 10% Black */; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-section.start-box .block-columns .block-section .block-section-container:hover {border-color: #b99c6b;}
.block-section.start-box .block-columns .block-section.bild .block-section-container {border: none !important;}

.block-section.bilder, .block-section.bilder .block-columns .block-section {border: 10px solid #fff;}
.block-section.bilder .block-columns .block-section .block-section-container img {height: 500px; width: 100%; object-fit: cover; margin: 0 !important;}

.produkter .btn-info {margin-top: 50px;}
.produkter h4 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1.05; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.produkter h4 strong {font-family: "urw-din", Arial, Sans-serif; color: #b99c6b; font-size: 14px; line-height: 25px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; padding: 0; float: right;}
.produkter p {margin-top: 15px;}
.produkter a {border: none !important;}
.produkter img {border: 1px solid #e6e6e6 /* 10% Black */ !important; height: 250px; width: 100% !important; object-fit: cover;}

.recept .btn-info {margin-top: 15px;}
.recept h5 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.recept p {margin-top: 15px;}
.recept img {border: 1px solid #e6e6e6 /* 10% Black */ !important; height: 200px; width: 100%; object-fit: cover;}

.personal h3 {margin-top: 25px; line-height: 1;}
.personal p {margin-top: 15px;}
.personal h6 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; margin-top: 0; font-weight: 400; padding-bottom: 10px; float: left; width: 100%;}
.personal img {border-bottom: 2px solid #b99c6b !important; height: 300px; width: 100%; object-fit: cover;}

.tidslinje hr {margin: 20px 0 0 0 !important; height: 1px !important;}

.khl {margin: 0 20px; width: calc(100% - 40px); padding: 130px 0; border-top: 4px solid #e6e6e6 /* 10% Black */; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.khl:hover {border-color: #b99c6b;}
.khl h4 {margin: 0 !important;}
.khl img {width: 230px; margin: 0 !important;}
.khl .__col:first-child {padding-right: 75px; border-right: 2px solid #e6e6e6 /* 10% Black */;}
.khl .__col:last-child {padding-left: 75px;}

.block-section .block-columns .block-section.page-slider {padding: 0 !important; height: 100%;}
.page-slider .block-section-container, .page-slider .block-gallery, .page-slider .__content, .page-slider .carousel, .page-slider .carousel-inner, .page-slider .item {height: 100%;}
.page-slider .block-gallery .carousel .carousel-caption {display: none !important;}
.page-slider .carousel-item img {margin: 0; width: 100%; background-color: #fff;}
.page-slider .block-gallery .carousel {margin: 0 !important;}

.puffar h3 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1; margin-top: 25px; padding-bottom: 10px; float: left; width: 100%;}
.puffar .block-columns .block-section .block-section-container {height: 100%; display: flex; flex-direction: column;}
.puffar .block-columns .block-section .block-text {flex-grow: 1;}
.puffar p {margin-top: 15px;}
.puffar img {border-bottom: 2px solid #b99c6b !important; height: 250px; width: 100%; object-fit: cover;}

/***************** footer *********************/

footer {padding: 115px 0 60px 0; border-top: 2px solid #f0f0f0 /* 5% Black */; background: url('../../files/banner_4.jpg') center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 15px 0 0 0;}
footer p {font-family: "adobe-caslon-pro", Times, Serif!important;color:#a02843!important; font-size: 20px; line-height: 35px; padding: 5px 0 0 0;}
footer a {border: none !important;color:#a02843!important;}
footer a:hover {color: #b99c6b!important;}
footer a i {padding: 0 10px 0 0;}
footer img {width: 230px; float: right;}
footer hr {margin: 15px 0 10px 0; background-color: #b99c6b!important; color: #b99c6b!important;}
footer .spacer {height: 30px;}

footer ul.oppettider {padding: 5px 0; margin: 0; list-style: none; color: #a02843!important;}
footer ul.oppettider li {color: #a02843!important;font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid #e6e6e6 /* 10% Black */;}
footer ul.oppettider li:last-child {border: none;}
footer ul.oppettider li strong {font-family: "urw-din", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

footer ul.meny {padding: 5px 0 0 0; margin: 0; list-style: none;}
footer ul.meny li {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 35px;}

/***************** form *********************/

.block-form {margin-top: 30px !important;}
.block-form .form-control {border: none; background: transparent; border: 2px solid #9f2842; color: #9f2842; padding: 15px; font-size: 1rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: transparent; border-color: #b99c6b; color: #9f2842;}
.block-form .form-control::-webkit-input-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control:-moz-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control::-moz-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control:-ms-input-placeholder {color: #ccc /* 20% Black */;}
.block-form .btn-primary {padding: 0 !important; background: transparent !important; color: #9f2842 !important;}
.block-form .btn-primary:hover, .block-form .btn-primary:active, .block-form .btn-primary:focus {color: #b99c6b !important; background: transparent !important;}
.block-form .btn-primary:hover:after {padding: 0 0 0 20px;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #999 /* 40% Black */; border: none;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

/***************** styling *********************/

.cms-none { opacity:.6 !important; background:rgba(0,0,0,0.2) !important; padding:1.5rem !important;}

.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a, .text-light a:hover {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}

.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a, .text-dark a:hover {color: #9f2842;}

.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #b99c6b;}

.text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: #4d4d4d /* 70% Black */;}
.text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: #999 /* 40% Black */;}
.text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: #b3b3b3 /* 30% Black */;}
.text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: #ccc /* 20% Black */;}
.text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: #e6e6e6 /* 10% Black */;}
.text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: #f0f0f0 /* 5% Black */;}

.bg-primary {background-color: #b99c6b;}

.bg-dark {background-color: #9f2842;}
.bg-light {background-color: #fff;}

.bg-custom1 {background-color: #4d4d4d /* 70% Black */;}
.bg-custom2 {background-color: #999 /* 40% Black */;}
.bg-custom3 {background-color: #b3b3b3 /* 30% Black */;}
.bg-custom4 {background-color: #ccc /* 20% Black */;}
.bg-custom5 {background-color: #e6e6e6 /* 10% Black */;}
.bg-custom6 {background-color: #f0f0f0 /* 5% Black */;}

.bg-custom6 hr {background-color: #fff; color: #fff;}
.bg-custom6 .block-list-group .list-group-item:hover {background: #fff;}
.bg-custom6 .block-list-group.accordion .card {background: #fff;}
.bg-custom6 .block-list-group.accordion .card:hover {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item.active {background: #fff;}
.bg-custom6 .block-list-group.tabs .tab-content {background: #fff;}
.bg-custom6 .news .list-group-item {border-color: #fff !important;}
.bg-custom6 .news .list-group-item:hover {background: #fff;}
.bg-custom6 .block-form .form-control {background: #fff;}
.bg-custom6 .block-form .form-control:focus {background: #f0f0f0 /* 5% Black */;}


@media (max-width: 1920px) {
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px;}
    .block-section.md-box .block-columns .block-section {padding: 100px 75px 130px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 100px 180px 100px;}
    
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 75px 160px 75px;}
}

@media (max-width: 1680px) {
    html, body {font-size: 12px; line-height: 19px;} 
    
    h1 {font-size: 53px; line-height: 60px;}
    h2 {font-size: 38px; line-height: 45px;}
    h3 {font-size: 26px; line-height: 34px;}
    h4 {font-size: 19px; line-height: 34px;}
    h5 {font-size: 15px; line-height: 26px;}
    h6 {font-size: 11px; line-height: 19px; letter-spacing: 2px;}
    
    h4 strong {padding: 45px 11px 0 0; font-size: 71px;}
    
    hr {margin: 45px 0 23px 0;}
    
    .spacer {height: 15px;}
    
    .btn {font-size: 11px; letter-spacing: 2px; padding: 15px 0; border-radius: 23px; margin: 23px 0 0 0;}
    .btn:after {font-size: 16px; padding: 0 0 0 8px;}

    .btn-info:hover:after {padding: 0 0 0 15px;}
    
    .btn-warning {padding: 13px 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}

    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px 11px 23px; font-size: 19px; line-height: 34px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 15px 0 11px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 23px 15px 23px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 15px 23px;}
    .block-list-group.tabs .tab-content {padding: 30px 45px;}

    .news .list-group-item {margin: 23px 0 0 0; padding: 30px 45px;}
    .news .list-group-item .list-content {margin: 23px 0 0 0;}
    .pager li a {margin: 0 8px !important; width: 12px; height: 12px; border-radius: 6px !important;}
    
    #block-gallery-modal .caption-container {padding: 23px;}
    #block-gallery-modal p {padding: 8px 0 0 0 !important;}

    .block-gallery .carousel {margin-top: 23px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 38px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 8px; width: 12px; height: 12px; border-radius: 6px;}
    .block-gallery .carousel .carousel-caption {width: 600px; padding: 38px;}
    .block-gallery .carousel .carousel-caption > p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 15px 0 0 0;}
    
    .cookies-container {padding: 38px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 8px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 15px 0 0;}
    .cookies-container a.control-accept-cookies:hover:before{ padding: 0 23px 0 0;}
    
   
    .navbar .navbar-brand img {width: 100px!important;}
    .navbar .navbar-nav .nav-link {margin: 30px 38px 0 38px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu {left: 23px; padding: 8px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 11px 23px;}

    .navbar-nav .nav-level3 {margin-left: calc(100% - 23px); margin-top: -41px;}

    .container {max-width: 1050px;}

    .block-section > .block-section-container {width: 1050px;}
    .block-section {padding: 75px 0 98px 0;}
    
    .block-section.narrow .block-section-container {width: 750px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 8px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px; border-width: 8px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px; border-width: 8px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px; border-width: 8px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px; border-width: 8px;}
    
    main p, main img, main iframe {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 0 0 0;}
    
    main ul {margin: 15px 0 0 0;}
    main ul li {margin: 4px 0;}
    main ul li:before {padding: 0 8px 0 0;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 8px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}

    .top-bar ul.top li {font-size: 8px;}
    .top-bar ul.top li.phone {padding: 8px 15px;}
    .top-bar ul.top li a {padding: 8px 15px;}

    .start .btn {border-radius: 23px 23px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 8px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 98px 75px 121px 75px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 8px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 375px;}
    
    .produkter .btn-info {margin-top: 38px;}
    .produkter h4 {margin-top: 15px; padding-bottom: 9px;}
    .produkter h4 strong {font-size: 12px; line-height: 19px;}
    .produkter p {margin-top: 11px;}
    .produkter img {height: 188px;}
    
    .recept .btn-info {margin-top: 11px;}
    .recept h5 {margin-top: 15px; padding-bottom: 9px;}
    .recept p {margin-top: 11px;}
    .recept img {height: 150px;}
    
    .personal h3 {margin-top: 19px;}
    .personal p {margin-top: 11px;}
    .personal h6 {padding-bottom: 8px;}
    .personal img {height: 225px;}
    
    .tidslinje hr {margin: 15px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 19px; padding-bottom: 8px;}
    .puffar p {margin-top: 11px;}
    .puffar img {height: 188px;}

    .khl {margin: 0 16px; width: calc(100% - 32px); padding: 98px 0; border-width: 3px;}
    .khl img {width: 173px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 56px;}
    .khl .__col:last-child {padding-left: 56px;}
    
    footer {padding: 87px 0 45px 0;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 11px 0 0 0;}
    footer p {font-size: 15px; line-height: 26px; padding: 4px 0 0 0;}
    footer a i {padding: 0 8px 0 0;}
    footer img {width: 173px;}
    footer hr {margin: 11px 0 8px 0;}
    footer .spacer {height: 23px;}
    
    footer ul.oppettider {padding: 4px 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    footer ul.oppettider li strong {font-size: 12px;}
    
    footer ul.meny {padding: 4px 0 0 0;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}

    .block-form {margin-top: 23px !important;}
    .block-form .form-control {padding: 11px;}
    .block-form .input-group-addon {padding: 11px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 15px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;}
}

@media (max-width: 1280px) {
    html, body {font-size: 11px; line-height: 18px;} 
    
    h1 {font-size: 35px; line-height: 40px;}
    h2 {font-size: 25px; line-height: 30px;}
    h3 {font-size: 18px; line-height: 23px;}
    h4 {font-size: 15px; line-height: 23px;}
    h5 {font-size: 12px; line-height: 18px;}
    h6 {font-size: 9px; line-height: 14px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    h4 strong {padding: 30px 8px 0 0; font-size: 48px;}
    
    hr {margin: 30px 0 15px 0; height: 1px;}
    
    .spacer {height: 10px;}
    
    .btn {font-size: 9px; padding: 10px 0; border-radius: 20px; margin: 15px 0 0 0;}
    .btn:after {font-size: 13px; padding: 0 0 0 5px;}

    .btn-info:hover:after {padding: 0 0 0 10px;}
    
    .btn-warning {border-width: 1px !important; padding: 9px 0;}
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {border: 1px solid #9f2842 !important;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}
    
    .border-col .block-columns .__col {border-width: 1px;}
    .border-top-col .block-columns .__col {border-top-width: 1px;}
    .border-bottom-col .block-columns .__col {border-bottom-width: 1px;}
    .border-left-col .block-columns .__col {border-left-width: 1px;}
    .border-right-col .block-columns .__col {border-right-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px;}
    .block-list-group .list-group-item p {font-size: 11px; line-height: 15px;}
    .block-list-group .list-group-item strong {font-size: 9px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px 8px 15px; font-size: 13px; line-height: 23px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 10px 0 8px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 15px 10px 15px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 10px 15px;}
    .block-list-group.tabs .tab-content {padding: 20px 30px;}

    .news .list-group-item {margin: 15px 0 0 0; padding: 20px 30px; border-width: 1px !important;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}
    .pager li a {margin: 0 5px !important; width: 10px; height: 10px; border-radius: 5px !important;}
    
    #block-gallery-modal .caption-container {padding: 15px;}
    #block-gallery-modal p {padding: 5px 0 0 0 !important;}

    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 5px; border-width: 1px; width: 10px; height: 10px; border-radius: 5px;}
    .block-gallery .carousel .carousel-caption {width: 400px; padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 10px 0 0 0;}
    
    .cookies-container {padding: 25px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 5px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 10px 0 0;}
    .cookies-container a.control-accept-cookies:hover:before{ padding: 0 15px 0 0;}
    
    .navbar .navbar-brand img {width: 80px!important;}
    .navbar .navbar-nav .nav-link {margin: 20px 25px 0 25px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 5px;}

    .navbar .navbar-nav .dropdown-menu {left: 15px; padding: 5px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {border-width: 1px !important; padding: 8px 15px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {border-width: 1px !important;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {border-width: 1px !important;}
    
    .navbar-nav .nav-level3 {margin-left: calc(100% - 15px); margin-top: -34px;}
    
    .container {max-width: 900px;}

    .block-section > .block-section-container {width: 900px;}
    .block-section {padding: 50px 0 65px 0;}
    
    .block-section.narrow .block-section-container {width: 500px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 5px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 8px 15px 8px; border-width: 5px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px; border-width: 5px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px; border-width: 5px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px; border-width: 5px;}
    
    main p, main img, main iframe {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;}
    
    main ul {margin: 10px 0 0 0;}
    main ul li {margin: 3px 0;}
    main ul li:before {padding: 0 5px 0 0;}
    
    main .oppettider ul li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    main .oppettider ul li strong {font-size: 9px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 5px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px;}

    .top-bar ul.top li {font-size: 8px; letter-spacing: 1px;}
    .top-bar ul.top li.phone {padding: 5px 10px;}
    .top-bar ul.top li a {padding: 5px 10px;}

    .start .btn {border-radius: 15px 15px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: 5px solid #fff;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 65px 50px 80px 50px; border-width: 2px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 5px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 250px;}
    
    .produkter .btn-info {margin-top: 25px;}
    .produkter h4 {margin-top: 10px; font-size: 16px; padding-bottom: 6px;}
    .produkter h4 strong {font-size: 11px; line-height: 14px; letter-spacing: 1px;}
    .produkter p {margin-top: 6px;}
    .produkter img {height: 125px;}
    
    .recept .btn-info {margin-top: 8px;}
    .recept h5 {margin-top: 10px; padding-bottom: 6px;}
    .recept p {margin-top: 8px;}
    .recept img {height: 100px;}
    
    .personal h3 {margin-top: 13px;}
    .personal p {margin-top: 8px;}
    .personal h6 {padding-bottom: 5px;}
    .personal img {border-width: 1px !important; height: 150px;}
    
    .tidslinje hr {margin: 10px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 13px; padding-bottom: 5px;}
    .puffar p {margin-top: 8px;}
    .puffar img {border-width: 1px !important; height: 125px;}
    
    .khl {margin: 0 10px; width: calc(100% - 20px); padding: 65px 0; border-width: 2px;}
    .khl img {width: 115px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 38px; border-width: 1px;}
    .khl .__col:last-child {padding-left: 38px;}
    
    footer {padding: 57px 0 30px 0; border-width: 1px;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 8px 0 0 0;}
    footer p {font-size: 11px; line-height: 18px; padding: 3px 0 0 0;}
    footer a i {padding: 0 5px 0 0;}
    footer img {width: 115px;}
    footer hr {margin: 8px 0 5px 0;}
    footer .spacer {height: 15px;}
    
    footer ul.oppettider {padding: 3px 0;}
    footer ul.oppettider li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    footer ul.oppettider li strong {font-size: 9px;}
    
    footer ul.meny {padding: 3px 0 0 0;}
    footer ul.meny li {font-size: 11px; line-height: 18px;}

    .block-form {margin-top: 15px !important;}
    .block-form .form-control {padding: 8px; border-width: 1px;}
    .block-form .input-group-addon {padding: 8px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 10px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;}
}

@media (max-width: 992px) {

    .news .list-group-item .list-header {font-size: 1.6rem;}
    
    #block-gallery-modal h3 {font-size: 1.6rem;}
    
    .block-gallery .carousel .carousel-caption {width: 350px;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.6rem;}
    
    .navbar .navbar-nav .nav-link {margin: 20px 20px 0 20px; letter-spacing: 1px;}
    .navbar .navbar-nav .dropdown-menu {left: 13px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 8px 10px;}
    
    .navbar-nav .nav-level3 {margin-left: calc(100% - 13px);}
    
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section {padding: 50px 15px 65px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 25px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 3px;}
    
    .block-section.xs-box .block-columns .block-section {border: 3px solid #fff;}
    .block-section.sm-box .block-columns .block-section {border: 3px solid #fff; padding: 15px 15px 30px 15px;}
    .block-section.md-box .block-columns .block-section {border: 3px solid #fff; padding: 25px 25px 40px 25px;}
    .block-section.lg-box .block-columns .block-section {border: 3px solid #fff; padding: 50px 50px 65px 50px;}
    
    .start .btn {border-radius: 0 15px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 3px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 50px 50px 65px 50px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 3px;}

    .khl {margin: 0 6px; width: calc(100% - 12px);}
    
    footer {padding: 57px 15px 30px 15px;}
}

@media (max-width: 767px) {
    .btn {font-size: 11px; padding: 15px 0; border-radius: 23px;}
    .btn:after {font-size: 16px;}
    
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}
    
    .news .list-group-item .list-header {font-size: 1.3rem;}
    
    #block-gallery-modal h3 {font-size: 1.3rem;}
    
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.3rem;}
    
    .cookies-container {padding: 15px;}
    
   
    /*
    .top-bar {display: none !important;}
    */
    
    .top-bar ul.top li {width: 100%;}
    .top-bar ul.top.float-right {float:left!important;}
    
    #navbar-1 .navbar-nav .nav-item {display: block !important;}
    #navbar-2 {display: none !important}
    
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) {display:block !important; position: relative;}
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link {margin-left:0;}
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link span {display:inline-block;}
    
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 0;}
    .navbar .navbar-brand img {margin-left: 15px; width: 70px!important;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1rem; border-bottom: 1px solid #f0f0f0 /* 5% Black */ !important; background: #fff !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #b99c6b !important; color: #fff !important;}
    .navbar .navbar-nav .dropdown-menu {left: 0; padding: 0; border-bottom: 1px solid #f0f0f0 /* 5% Black */;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 10px 30px; background-color: #fff !important; color: #9f2842 !important; font-size: 12px;}
    .navbar .navbar-nav .nav-link {
        margin: 0;
        padding: 15px 20px;
        font-size: 1.5rem;
        border-bottom: 1px solid #f0f0f0 !important;
        color:#bda472 !important;
    }
}
    .navbar-nav .nav-level3 {margin-left: 0; margin-top: 0; border-top: 1px solid #f0f0f0 /* 5% Black */ !important;}
    
    .block-section {padding: 25px 15px 40px 15px;}
    
    .block-section.narrow .block-section-container {width: 100%;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: none;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px; border: none;}
    .block-section.lg-box .block-columns .block-section {padding: 75px 15px 90px 15px; border: none;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: none;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 25px 15px 40px 15px; border: none;}
    
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 200px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border: none;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 200px;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .start .btn {border-radius: 0;}
    
    .page-slider {min-height: 200px;}
    
    .produkter .btn-info {margin-top: 0;}
    .produkter h4 strong {font-size: 12px;}
    .produkter img {height: 200px; margin-top: 30px;}
    
    .recept img {height: 200px;}
    .personal img {height: 200px;}
    .puffar img {height: 200px;}
    
    .khl {margin: 0; width: 100%;}
    .khl img {margin-top: 15px !important;}
    .khl .__col:first-child {padding-right: 15px;}
    .khl .__col:last-child {padding-left: 15px;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    
    footer {padding: 10px 15px 20px 15px; text-align: center !important;}
    footer h4 {margin-top: 15px;}
    footer p {font-size: 15px; line-height: 26px;}
    footer a i {padding: 0 8px 0 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px;}
    footer ul.oppettider li strong {font-size: 12px;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}
    footer img {width: 100px; float: none !important; margin-left: auto; margin-right: auto; margin-top: 15px;}
    
    footer ul.oppettider {text-align: left !important;}
}

@media (max-width: 375px) {
    h1 {font-size: 30px; line-height: 35px;}
}

@media (max-width: 320px) {
    h1 {font-size: 25px; line-height: 30px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 2.5rem;}
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 150px;}
    .produkter img {height: 150px;}
    .recept img {height: 150px;}
    .personal img {height: 150px;}
    .puffar img {height: 150px;}
    .page-slider {min-height: 150px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 150px;}
    .navbar .navbar-nav .nav-link {padding: 10px 10px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 5px 20px;}
}




/*******************RX********************/

.hidden {opacity: 0; transition:$trans;}
.__base .block-section.empty {display:block;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }


/****************RX********************/


#shop-menu ul.nav > li > a {
    color: #b99d6b;
}
#shop-menu ul.nav > li.active > a {
    color: #a5334c!important;
}

#shop-menu a:hover, #shop-menu a:focus {
    color: #a12844!important;
}

.top-bar ul.top li a:hover {
    color: #9f2842!important;
}

#modal_submit {
    background: #9f2842 !important;
    color: #FFFFFF;
}



/***************** menu *********************/

.navbar {padding: 0; background-color: $light; z-index: 700 !important; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar a {border: none; padding: 0; text-transform: none;}
.navbar .navbar-brand img {width: 150px; opacity: 1 !important;}
.navbar .navbar-toggler {font-size: 2.5rem; color: $primary;}
.navbar .navbar-nav .nav-link {margin: 40px 50px 0 50px; padding: 0; color: $custom3; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;}
.navbar .navbar-nav .nav-link:hover {color: $primary !important;}
.navbar .navbar-nav .nav-item.parent .nav-link, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-bottom: 3px solid $primary; color: $dark;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; border: none; margin: 0; vertical-align: baseline;}
.navbar .navbar-nav .has_childs.show .nav-link:after {content: "\f106"; transform: rotate(0);}

.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none;}
.navbar .navbar-nav .dropdown-menu {min-width: 0; left: 30px; padding: 10px 0 0 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {font-family: $font1; border: none !important; font-size: 1rem; border-radius: 0 !important; text-transform: none; background: $light; border-left: 2px solid $custom6 !important; white-space: nowrap; color: $dark !important; font-weight: 400; padding: 15px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {background: $light; color: $primary !important; border: none !important; border-left: 2px solid $primary !important;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {background: $custom6; color: $dark !important; border: none !important; border-left: 2px solid $custom6 !important;}

.navbar-nav .nav-level3 {margin-left: calc(100% - 30px); column-count: 2; column-gap: 0; margin-top: -55px; padding: 0 !important; background-color: $light;}

.navbar.navbar-start {background-color: transparent;}
.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: $light;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: $light;}

#navbar-1 .navbar-nav .nav-item:nth-child(n+3), .navbar .navbar-nav .dropdown-menu li {display: block !important;}



.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) {display: flex !important; align-items: center; position: absolute; right: 0; height: 33%;}
.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link {margin-left:1rem; margin-block:0; cursor:pointer;}
.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link img {width:2rem;}
.navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link span {margin-left:.5rem; display:none;}

/***************** data-index selectors *********************/


@media (min-width: 768px) {


.navbar-nav .nav-item {margin: 20px 20px 0 20px; letter-spacing: 1px;}

}


#topnav .top-bar ul.top li.phone {
    background-color: #b99e6b;
    color: #fff;
}

/* Override core.css styles */
#topnav .top-bar ul.top li {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    border-right: 1px solid #fff;
    float: left;
}

.top-bar {
    background-color: #333;
    color: white;
    padding: 10px 0;
}

.navbar-toggler {
    background-color: #fff;
    border: none;
    color: #333;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.top-bar .d-md-none {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background-color: rgb(185 157 107 / 89%);
  border: 1px solid rgb(185 157 107 / 89%);
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 1px;
  width: 42px;
  max-width: 100%;
}

.top-bar .d-md-none .navbar-toggler {
  border: none;
  color: #fff;
}

/* Show the .top-bar only on small screens */
@media (max-width: 768px) {
  .top-bar .d-md-none {
      display: block;
  }
}


@media (max-width: 768px) {
    .d-md-yes {
        display: none;
    }
}

#mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  font-size: large;
  line-height: normal;
  width: 100vw; /* Full width of the viewport */
  height: 100vh; /* Full height of the viewport */
  background-color:rgb(185 157 107 / 89%); /* Semi-transparent black background */
  color: white; /* White text for contrast */
  z-index: 10000; /* Ensure it appears above all other elements */
  display: flex; /* Enable flexbox for centering */
  flex-direction: column; /* Stack items vertically */
  justify-content: center; /* Center items vertically */
  align-items: center; /* Center items horizontally */
  text-align: center; /* Center text inside items */
  padding: 20px; /* Add some padding for spacing */
}

#mobile-menu .nav-item {
  margin: 10px 0; /* Add spacing between menu items */
}

#mobile-menu .nav-link {
  color: white; /* Ensure links are visible */
  font-size:larger; /* Increase font size for better readability */
  text-decoration: none; /* Remove underline */
}

#mobile-menu .nav-item, #mobile-menu .nav-item a
{
    color:#fff;
    display: block;
}
#mobile-menu .nav-item:hover {
  text-decoration: underline; /* Add underline on hover */
}

/* Ensure the mobile menu is hidden by default */
#mobile-menu.collapse {
  display: none;
}

/* When the menu is toggled open, show it */
#mobile-menu.show {
  display: flex;
}

#product-view .product-buttons button {
    width:9rem;
}

/***************** main *********************/

.container {max-width: 1400px; padding: 0;}
.container-fluid {padding: 0;}

.block-section > .block-section-container {padding: 0; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 100px 0 130px 0;}

.block-section.narrow .block-section-container {width: 1000px;}

.block-section.no-top {padding-top: 0 !important;}
.block-section.no-bottom {padding-bottom: 0 !important;}

.block-section.bg-image {background-position: center center; background-repeat: no-repeat;}
.block-section.bg-bottom {background-position: center bottom;}
.block-section.bg-top {background-position: center top;}
.block-section.bg-center {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: 10px solid $light;}

.block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px; border: 10px solid $light;}
.block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px; border: 10px solid $light;}
.block-section.md-box .block-columns .block-section {padding: 100px 100px 130px 100px; border: 10px solid $light;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px; border: 10px solid $light;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}

main p, main img, main iframe {margin: 25px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 30px 0 0 0;}

main ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
main ul li {margin: 5px 0;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: $primary;}

main .oppettider ul li {font-family: $font2; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid $custom5;}
main .oppettider ul li:before {display: none;}
main .oppettider ul li:last-child {border: none;}
main .oppettider ul li strong {font-family: $font1; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

.w-10 {width: 10%;}
.w-15 {width: 15%;}

.vh-25 {height: 25vh;}
.vh-50 {height: 50vh;}
.vh-75 {height: 75vh;}
.vh-85 {height: 85vh;}
.vh-90 {height: 90vh;}
.vh-95 {height: 95vh;}

.m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 p, .m0 img {margin: 0 !important;}
.m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 10px !important;}

.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover;}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0 100px;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 4rem; line-height: 1.3;}
.main-slider .block-gallery .carousel .carousel-caption {padding: 100px;}

.map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; margin: 0 !important; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.map-container iframe:hover {opacity: 1;}

.top-bar {width: 100%; padding: 0; margin: 0; background-color: $custom6;}
.top-bar ul.top {list-style: none; padding: 0; margin: 0;}
.top-bar ul.top li {font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; border-right: 1px solid $light; float: left;}
.top-bar ul.top li.phone {padding: 10px 20px; background-color: $primary; color: $light;}
.top-bar ul.top li:last-child {border: none;}
.top-bar ul.top li a {border: none !important; display: block;}
.top-bar ul.top li a:hover {background-color: $custom5; color: $dark;}

#video-wrapper {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; overflow: hidden; z-index: 0;}
#bgvid {width: 100% !important; height: 100% !important;  object-fit: cover; overflow: hidden;}
.start .btn {border-radius: 30px 30px 0 0;}

.block-section.start-box, .block-section.start-box .block-columns .block-section {border: 10px solid $light;}
.block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 100px 160px 100px; height: 100%; border-top: 4px solid $custom5; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-section.start-box .block-columns .block-section .block-section-container:hover {border-color: $primary;}
.block-section.start-box .block-columns .block-section.bild .block-section-container {border: none !important;}

.block-section.bilder, .block-section.bilder .block-columns .block-section {border: 10px solid $light;}
.block-section.bilder .block-columns .block-section .block-section-container img {height: 500px; width: 100%; object-fit: cover; margin: 0 !important;}

.produkter .btn-info {margin-top: 50px;}
.produkter h4 {border-bottom: 1px solid $custom5; line-height: 1.05; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.produkter h4 strong {font-family: $font1; color: $primary; font-size: 14px; line-height: 25px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; padding: 0; float: right;}
.produkter p {margin-top: 15px;}
.produkter a {border: none !important;}
.produkter img {border: 1px solid $custom5 !important; height: 250px; width: 100% !important; object-fit: cover;}

.recept .btn-info {margin-top: 15px;}
.recept h5 {border-bottom: 1px solid $custom5; line-height: 1; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.recept p {margin-top: 15px;}
.recept img {border: 1px solid $custom5 !important; height: 200px; width: 100%; object-fit: cover;}

.personal h3 {margin-top: 25px; line-height: 1;}
.personal p {margin-top: 15px;}
.personal h6 {border-bottom: 1px solid $custom5; margin-top: 0; font-weight: 400; padding-bottom: 10px; float: left; width: 100%;}
.personal img {border-bottom: 2px solid $primary !important; height: 300px; width: 100%; object-fit: cover;}

.tidslinje hr {margin: 20px 0 0 0 !important; height: 1px !important;}

.khl {margin: 0 20px; width: calc(100% - 40px); padding: 130px 0; border-top: 4px solid $custom5; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.khl:hover {border-color: $primary;}
.khl h4 {margin: 0 !important;}
.khl img {width: 230px; margin: 0 !important;}
.khl .__col:first-child {padding-right: 75px; border-right: 2px solid $custom5;}
.khl .__col:last-child {padding-left: 75px;}

.block-section .block-columns .block-section.page-slider {padding: 0 !important; height: 100%;}
.page-slider .block-section-container, .page-slider .block-gallery, .page-slider .__content, .page-slider .carousel, .page-slider .carousel-inner, .page-slider .item {height: 100%;}
.page-slider .block-gallery .carousel .carousel-caption {display: none !important;}
.page-slider .carousel-item img {margin: 0; width: 100%; background-color: $light;}
.page-slider .block-gallery .carousel {margin: 0 !important;}

.puffar h3 {border-bottom: 1px solid $custom5; line-height: 1; margin-top: 25px; padding-bottom: 10px; float: left; width: 100%;}
.puffar .block-columns .block-section .block-section-container {height: 100%; display: flex; flex-direction: column;}
.puffar .block-columns .block-section .block-text {flex-grow: 1;}
.puffar p {margin-top: 15px;}
.puffar img {border-bottom: 2px solid $primary !important; height: 250px; width: 100%; object-fit: cover;}

/***************** footer *********************/

footer {padding: 115px 0 60px 0; border-top: 2px solid $custom6; background: url('../../files/banner_4.jpg') center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 15px 0 0 0;}
footer p {font-family: $font2; font-size: 20px; line-height: 35px; padding: 5px 0 0 0;}
footer a {border: none !important;}
footer a:hover {color: $primary;}
footer a i {padding: 0 10px 0 0;}
footer img {width: 230px; float: right;}
footer hr {margin: 15px 0 10px 0; background-color: $primary; color: $primary;}
footer .spacer {height: 30px;}

footer ul.oppettider {padding: 5px 0; margin: 0; list-style: none;}
footer ul.oppettider li {font-family: $font2; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid $custom5;}
footer ul.oppettider li:last-child {border: none;}
footer ul.oppettider li strong {font-family: $font1; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

footer ul.meny {padding: 5px 0 0 0; margin: 0; list-style: none;}
footer ul.meny li {font-family: $font2; font-size: 20px; line-height: 35px;}

/***************** form *********************/

.block-form {margin-top: 30px !important;}
.block-form .form-control {border: none; background: transparent; border: 2px solid $dark; color: $dark; padding: 15px; font-size: 1rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: transparent; border-color: $primary; color: $dark;}
.block-form .form-control::-webkit-input-placeholder {color: $custom4;}
.block-form .form-control:-moz-placeholder {color: $custom4;}
.block-form .form-control::-moz-placeholder {color: $custom4;}
.block-form .form-control:-ms-input-placeholder {color: $custom4;}
.block-form .btn-primary {padding: 0 !important; background: transparent !important; color: $dark !important;}
.block-form .btn-primary:hover, .block-form .btn-primary:active, .block-form .btn-primary:focus {color: $primary !important; background: transparent !important;}
.block-form .btn-primary:hover:after {padding: 0 0 0 20px;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: $custom4; color: $custom2; border: none;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

/***************** styling *********************/


.cms-none { opacity:.6 !important; background:rgba(0,0,0,0.2) !important; padding:1.5rem !important;}


.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a, .text-light a:hover {color: $light;}
.text-light hr {background-color: $light; color: $light;}

.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a, .text-dark a:hover {color: $dark;}

.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: $primary;}

.text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: $custom1;}
.text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: $custom2;}
.text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: $custom3;}
.text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: $custom4;}
.text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: $custom5;}
.text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: $custom6;}

.bg-primary {background-color: $primary;}

.bg-dark {background-color: $dark;}
.bg-light {background-color: $light;}

.bg-custom1 {background-color: $custom1;}
.bg-custom2 {background-color: $custom2;}
.bg-custom3 {background-color: $custom3;}
.bg-custom4 {background-color: $custom4;}
.bg-custom5 {background-color: $custom5;}
.bg-custom6 {background-color: $custom6;}

.bg-custom6 hr {background-color: $light; color: $light;}
.bg-custom6 .block-list-group .list-group-item:hover {background: $light;}
.bg-custom6 .block-list-group.accordion .card {background: $light;}
.bg-custom6 .block-list-group.accordion .card:hover {background: $custom6;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: $custom6;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item.active {background: $light;}
.bg-custom6 .block-list-group.tabs .tab-content {background: $light;}
.bg-custom6 .news .list-group-item {border-color: $light !important;}
.bg-custom6 .news .list-group-item:hover {background: $light;}
.bg-custom6 .block-form .form-control {background: $light;}
.bg-custom6 .block-form .form-control:focus {background: $custom6;}


@media (max-width: 1920px) {
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px;}
    .block-section.md-box .block-columns .block-section {padding: 100px 75px 130px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 100px 180px 100px;}
    
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 75px 160px 75px;}
}

@media (max-width: 1680px) {
    html, body {font-size: 12px; line-height: 19px;} 
    
    h1 {font-size: 53px; line-height: 60px;}
    h2 {font-size: 38px; line-height: 45px;}
    h3 {font-size: 26px; line-height: 34px;}
    h4 {font-size: 19px; line-height: 34px;}
    h5 {font-size: 15px; line-height: 26px;}
    h6 {font-size: 11px; line-height: 19px; letter-spacing: 2px;}
    
    h4 strong {padding: 45px 11px 0 0; font-size: 71px;}
    
    hr {margin: 45px 0 23px 0;}
    
    .spacer {height: 15px;}
    
    .btn {font-size: 11px; letter-spacing: 2px; padding: 9px 10px; margin: 11px 0 12px 0px;}
    
    .btn:after {font-size: 16px; padding: 0 0 0 8px;}

    .btn-info:hover:after {padding: 0 0 0 15px;}
    
    .btn-warning {padding: 13px 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}

    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px 11px 23px; font-size: 19px; line-height: 34px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 15px 0 11px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 23px 15px 23px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 15px 23px;}
    .block-list-group.tabs .tab-content {padding: 30px 45px;}

    .news .list-group-item {margin: 23px 0 0 0; padding: 30px 45px;}
    .news .list-group-item .list-content {margin: 23px 0 0 0;}
    .pager li a {margin: 0 8px !important; width: 12px; height: 12px; border-radius: 6px !important;}
    
    #block-gallery-modal .caption-container {padding: 23px;}
    #block-gallery-modal p {padding: 8px 0 0 0 !important;}

    .block-gallery .carousel {margin-top: 23px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 38px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 8px; width: 12px; height: 12px; border-radius: 6px;}
    .block-gallery .carousel .carousel-caption {width: 600px; padding: 38px;}
    .block-gallery .carousel .carousel-caption > p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 15px 0 0 0;}
    
    
    .navbar {height: 120px;}
    .navbar .navbar-brand img {width: 130px;}
    .navbar .navbar-nav .nav-link {margin: 30px 38px 0 38px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu {left: 23px; padding: 8px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 11px 23px;}

    .navbar-nav .nav-level3 {margin-left: calc(100% - 23px); margin-top: -41px;}

    .container {max-width: 1050px;}

    .block-section > .block-section-container {width: 1050px;}
    .block-section {padding: 75px 0 98px 0;}
    
    .block-section.narrow .block-section-container {width: 750px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 8px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px; border-width: 8px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px; border-width: 8px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px; border-width: 8px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px; border-width: 8px;}
    
    main p, main img, main iframe {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 0 0 0;}
    
    main ul {margin: 15px 0 0 0;}
    main ul li {margin: 4px 0;}
    main ul li:before {padding: 0 8px 0 0;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 8px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}

    .top-bar ul.top li {font-size: 8px;}
    .top-bar ul.top li.phone {padding: 8px 15px;}

    .start .btn {border-radius: 23px 23px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 8px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 98px 75px 121px 75px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 8px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 375px;}
    
    .produkter .btn-info {margin-top: 38px;}
    .produkter h4 {margin-top: 15px; padding-bottom: 9px;}
    .produkter h4 strong {font-size: 12px; line-height: 19px;}
    .produkter p {margin-top: 11px;}
    .produkter img {height: 188px;}
    
    .recept .btn-info {margin-top: 11px;}
    .recept h5 {margin-top: 15px; padding-bottom: 9px;}
    .recept p {margin-top: 11px;}
    .recept img {height: 150px;}
    
    .personal h3 {margin-top: 19px;}
    .personal p {margin-top: 11px;}
    .personal h6 {padding-bottom: 8px;}
    .personal img {height: 225px;}
    
    .tidslinje hr {margin: 15px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 19px; padding-bottom: 8px;}
    .puffar p {margin-top: 11px;}
    .puffar img {height: 188px;}

    .khl {margin: 0 16px; width: calc(100% - 32px); padding: 98px 0; border-width: 3px;}
    .khl img {width: 173px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 56px;}
    .khl .__col:last-child {padding-left: 56px;}
    
    footer {padding: 87px 0 45px 0;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 11px 0 0 0;}
    footer p {font-size: 15px; line-height: 26px; padding: 4px 0 0 0;}
    footer a i {padding: 0 8px 0 0;}
    footer img {width: 173px;}
    footer hr {margin: 11px 0 8px 0;}
    footer .spacer {height: 23px;}
    
    footer ul.oppettider {padding: 4px 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    footer ul.oppettider li strong {font-size: 12px;}
    
    footer ul.meny {padding: 4px 0 0 0;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}

    .block-form {margin-top: 23px !important;}
    .block-form .form-control {padding: 11px;}
    .block-form .input-group-addon {padding: 11px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 15px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;}
}

@media (max-width: 1280px) {
    html, body {font-size: 11px; line-height: 18px;} 
    
    h1 {font-size: 35px; line-height: 40px;}
    h2 {font-size: 25px; line-height: 30px;}
    h3 {font-size: 18px; line-height: 23px;}
    h4 {font-size: 15px; line-height: 23px;}
    h5 {font-size: 12px; line-height: 18px;}
    h6 {font-size: 9px; line-height: 14px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    h4 strong {padding: 30px 8px 0 0; font-size: 48px;}
    
    hr {margin: 30px 0 15px 0; height: 1px;}
    
    .spacer {height: 10px;}
    
    .btn {font-size: 9px; padding: 10px 0; border-radius: 20px; padding: 9px 10px; margin: 23px 0 12px 0px;}
    .btn:after {font-size: 13px; padding: 0 0 0 5px;}

    .btn-info:hover:after {padding: 0 0 0 10px;}
    
    .btn-warning {border-width: 1px !important; padding: 9px 0;}
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {border: 1px solid $dark !important;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}
    
    .border-col .block-columns .__col {border-width: 1px;}
    .border-top-col .block-columns .__col {border-top-width: 1px;}
    .border-bottom-col .block-columns .__col {border-bottom-width: 1px;}
    .border-left-col .block-columns .__col {border-left-width: 1px;}
    .border-right-col .block-columns .__col {border-right-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px;}
    .block-list-group .list-group-item p {font-size: 11px; line-height: 15px;}
    .block-list-group .list-group-item strong {font-size: 9px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px 8px 15px; font-size: 13px; line-height: 23px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 10px 0 8px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 15px 10px 15px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 10px 15px;}
    .block-list-group.tabs .tab-content {padding: 20px 30px;}

    .news .list-group-item {margin: 15px 0 0 0; padding: 20px 30px; border-width: 1px !important;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}
    .pager li a {margin: 0 5px !important; width: 10px; height: 10px; border-radius: 5px !important;}
    
    #block-gallery-modal .caption-container {padding: 15px;}
    #block-gallery-modal p {padding: 5px 0 0 0 !important;}

    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 5px; border-width: 1px; width: 10px; height: 10px; border-radius: 5px;}
    .block-gallery .carousel .carousel-caption {width: 400px; padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 10px 0 0 0;}
    
    
    .navbar {height: 100px;}
    .navbar .navbar-brand img {width: 110px;}
    .navbar .navbar-nav .nav-link {margin: 20px 25px 0 25px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 5px;}

    .navbar .navbar-nav .dropdown-menu {left: 15px; padding: 5px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {border-width: 1px !important; padding: 8px 15px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {border-width: 1px !important;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {border-width: 1px !important;}
    
    .navbar-nav .nav-level3 {margin-left: calc(100% - 15px); margin-top: -34px;}
    
    .container {max-width: 900px;}

    .block-section > .block-section-container {width: 900px;}
    .block-section {padding: 50px 0 65px 0;}
    
    .block-section.narrow .block-section-container {width: 500px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 5px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 8px 15px 8px; border-width: 5px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px; border-width: 5px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px; border-width: 5px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px; border-width: 5px;}
    
    main p, main img, main iframe {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;}
    
    main ul {margin: 10px 0 0 0;}
    main ul li {margin: 3px 0;}
    main ul li:before {padding: 0 5px 0 0;}
    
    main .oppettider ul li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    main .oppettider ul li strong {font-size: 9px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 5px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px;}

    .top-bar ul.top li {font-size: 8px; letter-spacing: 1px;}
    .top-bar ul.top li.phone {padding: 5px 10px;}

    .start .btn {border-radius: 15px 15px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: 5px solid $light;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 65px 50px 80px 50px; border-width: 2px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 5px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 250px;}
    
    .produkter .btn-info {margin-top: 25px;}
    .produkter h4 {margin-top: 10px; font-size: 16px; padding-bottom: 6px;}
    .produkter h4 strong {font-size: 11px; line-height: 14px; letter-spacing: 1px;}
    .produkter p {margin-top: 6px;}
    .produkter img {height: 125px;}
    
    .recept .btn-info {margin-top: 8px;}
    .recept h5 {margin-top: 10px; padding-bottom: 6px;}
    .recept p {margin-top: 8px;}
    .recept img {height: 100px;}
    
    .personal h3 {margin-top: 13px;}
    .personal p {margin-top: 8px;}
    .personal h6 {padding-bottom: 5px;}
    .personal img {border-width: 1px !important; height: 150px;}
    
    .tidslinje hr {margin: 10px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 13px; padding-bottom: 5px;}
    .puffar p {margin-top: 8px;}
    .puffar img {border-width: 1px !important; height: 125px;}
    
    .khl {margin: 0 10px; width: calc(100% - 20px); padding: 65px 0; border-width: 2px;}
    .khl img {width: 115px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 38px; border-width: 1px;}
    .khl .__col:last-child {padding-left: 38px;}
    
    footer {padding: 57px 0 30px 0; border-width: 1px;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 8px 0 0 0;}
    footer p {font-size: 11px; line-height: 18px; padding: 3px 0 0 0;}
    footer a i {padding: 0 5px 0 0;}
    footer img {width: 115px;}
    footer hr {margin: 8px 0 5px 0;}
    footer .spacer {height: 15px;}
    
    footer ul.oppettider {padding: 3px 0;}
    footer ul.oppettider li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    footer ul.oppettider li strong {font-size: 9px;}
    
    footer ul.meny {padding: 3px 0 0 0;}
    footer ul.meny li {font-size: 11px; line-height: 18px;}

    .block-form {margin-top: 15px !important;}
    .block-form .form-control {padding: 8px; border-width: 1px;}
    .block-form .input-group-addon {padding: 8px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 10px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;}
}

@media (max-width: 992px) {

    .news .list-group-item .list-header {font-size: 1.6rem;}
    
    #block-gallery-modal h3 {font-size: 1.6rem;}
    
    .block-gallery .carousel .carousel-caption {width: 350px;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.6rem;}
    
    .navbar {height: 100px; padding: 0 12px;}
    .navbar .navbar-nav .nav-link {margin: 20px 20px 0 20px; letter-spacing: 1px;}
    .navbar .navbar-nav .dropdown-menu {left: 13px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 8px 10px;}
    
    .navbar-nav .nav-level3 {margin-left: calc(100% - 13px);}
    
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section {padding: 50px 15px 65px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 25px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 3px;}
    
    .block-section.xs-box .block-columns .block-section {border: 3px solid $light;}
    .block-section.sm-box .block-columns .block-section {border: 3px solid $light; padding: 15px 15px 30px 15px;}
    .block-section.md-box .block-columns .block-section {border: 3px solid $light; padding: 25px 25px 40px 25px;}
    .block-section.lg-box .block-columns .block-section {border: 3px solid $light; padding: 50px 50px 65px 50px;}
    
    .start .btn {border-radius: 0 15px 0 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 3px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 50px 50px 65px 50px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 3px;}

    .khl {margin: 0 6px; width: calc(100% - 12px);}
    
    footer {padding: 57px 15px 30px 15px;}
}

@media (max-width: 767px) {
    .btn {font-size: 11px; border-radius: 23px;  padding: 9px 10px; margin: 23px 0 12px 0px;}
    .btn:after {font-size: 16px;}
    
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}
    
    .news .list-group-item .list-header {font-size: 1.3rem;}
    
    #block-gallery-modal h3 {font-size: 1.3rem;}
    
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.3rem;}
    
    
    
    /* .top-bar {display: none !important;} */
    
    #navbar-1 .navbar-nav .nav-item {display: block !important;}
    #navbar-2 {display: none !important}
    
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) {display:block !important; position: relative;}
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link {margin-left:0;}
    .navbar #navbar-1 .navbar-nav .nav-item:is(.nav-lang, .nav-language) .nav-link span {display:inline-block;}
    
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 0;}
    .navbar .navbar-brand img {margin-left: 15px; width: 100px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1rem; border-bottom: 1px solid $custom6 !important; background: $light !important; color: $dark !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: $primary !important; color: $light !important;}
    .navbar .navbar-nav .dropdown-menu {left: 0; padding: 0; border-bottom: 1px solid $custom6;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 10px 30px; background-color: $light !important; color: $dark !important; font-size: 12px;}

    .navbar-nav .nav-level3 {margin-left: 0; margin-top: 0; border-top: 1px solid $custom6 !important;}
    
    .block-section {padding: 25px 15px 40px 15px;}
    
    .block-section.narrow .block-section-container {width: 100%;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: none;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px; border: none;}
    .block-section.lg-box .block-columns .block-section {padding: 75px 15px 90px 15px; border: none;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: none;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 25px 15px 40px 15px; border: none;}
    
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 200px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border: none;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 200px;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .start .btn {border-radius: 0;}
    
    .page-slider {min-height: 200px;}
    
    .produkter .btn-info {margin-top: 0;}
    .produkter h4 strong {font-size: 12px;}
    .produkter img {height: 200px; margin-top: 30px;}
    
    .recept img {height: 200px;}
    .personal img {height: 200px;}
    .puffar img {height: 200px;}
    
    .khl {margin: 0; width: 100%;}
    .khl img {margin-top: 15px !important;}
    .khl .__col:first-child {padding-right: 15px;}
    .khl .__col:last-child {padding-left: 15px;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    
    footer {padding: 10px 15px 20px 15px; text-align: center !important;}
    footer h4 {margin-top: 15px;}
    footer p {font-size: 15px; line-height: 26px;}
    footer a i {padding: 0 8px 0 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px;}
    footer ul.oppettider li strong {font-size: 12px;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}
    footer img {width: 100px; float: none !important; margin-left: auto; margin-right: auto; margin-top: 15px;}
    
    footer ul.oppettider {text-align: left !important;}
}

@media (max-width: 375px) {
    h1 {font-size: 30px; line-height: 35px;}
}

@media (max-width: 320px) {
    h1 {font-size: 25px; line-height: 30px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 2.5rem;}
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 150px;}
    .produkter img {height: 150px;}
    .recept img {height: 150px;}
    .personal img {height: 150px;}
    .puffar img {height: 150px;}
    .page-slider {min-height: 150px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 150px;}
    .navbar .navbar-nav .nav-link {padding: 10px 10px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 5px 20px;}
}