html{
/* overflow: -moz-scrollbars-vertical;*/
overflow: scroll;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/*TEMPLATECSS START */
/*ingen aktive css blocktemplate moduler*/
/*TEMPLATECSS end */
iframe{width:100%;}
.cell {
flex-basis: 100%;
}
.formular input, .formular textarea {
display: block;
}
.formular input {
width: 300px;
height: 40px;
}
.formular textarea{
width:300px;
height:100px;
}
.formular h2 {
margin-bottom: 2rem;
}
.col3content_div img,
.col4content_div img,
.col2content_div img,
.col_2x3_div img,
.col20procent img,
.col60procent img,
.col1_6_div img,
.col1_5_div img, .cell img{width:100%;}
.panel {
width: 90%;
max-width: 700px;
border-radius: 3px;
padding: 30px 20px;
margin: 150px auto 0px;
background-color: #d983a6;
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
color:rgba(255,255,255,0.75);
font: caption;
font-weight: 100;
}
.welcome {
text-align: center;
font-weight: 100;
margin: 0px;
}
.logo {
width: 70px;
height: 70px;
vertical-align: middle;
}
.logo path {
pointer-events: none;
fill: none;
stroke-linecap: round;
stroke-width: 7;
stroke: #fff;
}
.big-title {
text-align: center;
font-size: 3.5rem;
margin: 15px 0;
}
.description {
text-align: justify;
font-size: 1rem;
line-height: 1.5rem;
}
.dynTopbilledebg{
min-height: 400px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.dynBilledebg{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.slide-right {
width: 100%;
overflow: hidden;
}
.slide-right {
animation: 1s slide-right 0.3s forwards;
transform:translateX(-200%);
}
@keyframes slide-right {
to {
transform:translateX(0);
}
}
.slide-left {
width: 100%;
overflow: hidden;
}
.slide-left {
animation: 1s slide-left 0.3s forwards;
transform:translateX(200%);
}
@keyframes slide-left {
to {
transform:translateX(0);
}
}
.slide-up {
width: 100%;
overflow: hidden;
}
.slide-up {
animation: 1s slide-left 0.3s forwards;
transform:translateY(-200%);
}
@keyframes slide-up {
to {
transform:translateY(0);
}
}
.opacityAnimation {
width: 100%;
overflow: hidden;
}
.opacityAnimation {
animation: 1s opacityAnimation 0.3s forwards;
opacity:0;
}
@keyframes opacityAnimation {
to {
opacity:1;
}
}
/***** MEDARBEJDER MODUL *****************/
/* Container styling */
.employee-container {
border: 2px dashed #ccc;
padding: 20px;
border-radius: 8px;
background-color: #f9f9f9;
margin: 20px 0;
display:grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap:1rem;
}
/* Medarbejderkort styling */
.employee-card {
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
padding: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 15px;
flex-direction:column;
}
/* Billedet */
.employee-image {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #ddd;
}
/* Medarbejderoplysninger */
.employee-name {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.employee-title {
font-size: 14px;
color: #555;
margin: 5px 0;
}
.employee-email,
.employee-phone {
font-size: 12px;
color: #777;
}
/* Slet-knappen */
.employee-delete {
margin-left: auto;
padding: 8px 12px;
border: none;
border-radius: 4px;
background-color: #e74c3c;
color: white;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s;
}
.employee-delete:hover {
background-color: #c0392b;
}
.nymedarbejdertool.gjs-toolbar-item {
width: auto;
}
.fa-user::before {
content: "\f007";
padding-right: 5px;
}
/*NYE COLUMNS*/
/*templates til ny pagebuilder*/
.row{
display: -webkit-box;
display: -ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items:stretch;
-ms-flex-wrap: nowrap;
flex-wrap:nowrap;
padding:10px;
}
.cell.col2{-ms-flex-preferred-size: 49%; flex-basis:49%;}
.procent20{-ms-flex-preferred-size: 20%; flex-basis:20%;}
.procent25{-ms-flex-preferred-size: 25%;flex-basis:25%;}
.procent50{-ms-flex-preferred-size: 50%; flex-basis:50%;}
.procent60{-ms-flex-preferred-size: 60%; flex-basis:60%;}
.col2_3_del_div{
width:64.3%;
float:left;
text-align:left;
margin:1%;
}
.col_1_3_del_div{
width:31.4%;
float:left;
text-align:left;
margin:1%;
}
/**Kolonner: 1/5+3/5+1/5**/
.col20procent{
width:18%;
float:left;
text-align:left;
margin:1%;
}
.col60procent{
width:58%;
float:left;
text-align:left;
margin: 1%;
}
/****** Kolonner: 1/3 + 1/3 + 1/3 *******************/
.col3content_div {
width: 31%;
float: left;
text-align: left;
margin: 1%;
}
/****** Kolonner: 1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6 *******************/
.col1_6_div{
width:14.6%;
float:left;
text-align:left;
margin:1%;
}
/****** Kolonner: 1/5 + 1/5 + 1/5 + 1/5 + 1/5*******************/
.col1_5_div{
width:18%;
float:left;
text-align:left;
margin:1%;
}
.col4_space{
justify-content:space-between;
}
.col4_space .cell {
flex-basis: 24%;
}
/************************************************************************************/
/****** Header 1 med sticky menu*******************/
header{
background:#fff;
height:100px;
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
height:65px;
}
#headerCon{
flex:1;
width:96%;
margin:0 2%;
display: -webkit-box;
display: -ms-flexbox;
display:flex;
}
#header-logo{
float:left;
width: 10%;
font-weight:bold;
font-size:27px;
flex:1;
}
.img_left{display:block !important;}
.img_center{
display:block !important;
margin-right: auto !important;
margin-left: auto !important;
}
.img_right{
display:block !important;
margin-left: auto !important;
}
/************************************************************************************/
/*************************************** BAGGRUND FIXED MED OVERLAY *******************/
.baggrund-fixed{
height: 440px;
background-image: url("///userfiles/image/2020//slider-bg.png");
background-attachment: scroll;
background-size: auto;
background-attachment: fixed;
background-size: cover;
background-color:none;
-ms-flex: 1;
flex: 1;
border-radius:3px;
}
.bgOverlay{
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background: red;
background-color:#000000;
opacity: 0.75;
-webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.container1200 {
width: 1200px;
margin: 0 auto;
position: relative;
}
.cell.container1200 {
max-width: 1200px;
margin: 0 auto;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-box-pack: space-arround;
-ms-flex-pack: space-arround;
justify-content:space-arround;
}
.container1200 h2{
text-align:left;
}
.container1200 p{text-align:left;}
.container1280 {
max-width: 1280px;
margin: 0 auto;
position: relative;
}
.big-image-content {
position: relative;
top: 310px;
}
/*3 kolonner med ikoner og overskrifter*/
.kolonne-ikon-tekst{
text-align: center;
}
.kolonne-ikon-tekst img{
width:120px !important;
}
.col3content_div.kolonne-ikon-tekst h3{
text-align:center;
}
/****************************PRISTABEL *****************************/
.forside_sektion_priser {
margin: 80px 0 160px;
flex:1;
}
/*********PRIS SKABELON ***************/
.priceCon{
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
}
.priceCon .column{
-ms-flex-preferred-size: 30%;
flex-basis:30%;
width:33.33%;
float:left;
padding: 0 0 20px;
margin:0 15px;
box-sizing:border-box;
background:#fff;
overflow:hidden;
box-shadow: 0 10px 10px rgba(0,0,0,.2);
transition: .5s;
margin:10px 0;
}
.priceCon .column h4{
font-size:18px;
font-family: 'Titillium Web', sans-serif;
}
.column.popular-column {margin: 0;}
.price{
text-align:center;
color:#cf4520;
}
.title h2{
color:#252525;
text-align:center;
}
.titleIntro {
background: #252525;
padding: 18px;
color:#fff;
font-size:18px;
text-align:center;
}
.titleIntro.popular {
background: #cf4520;
padding: 20px;
color:#fff;
font-weight:bold;
}
.forside_sektion_priser {margin: 80px 0 160px;}
#imyt{width:100% !important;}
.option {margin: 0 auto;}
.option ul li {
list-style: none;
font-size:18px;
margin:5px 0 0;
padding:0 0 5px;
}
.option ul li span {
margin-right: 10px;
font-size:18px;
font-family: 'Titillium Web', sans-serif;
}
.option ul li span i{
color:#cf4520;
font-size:18px;
}
.column a{text-align:center;}
.tilmeld a{
background: #cf4520;
font-family: 'Titillium Web', sans-serif;
}
.container1200 .column:hover{
transform:scale(1.05);
}
/*********************************** TIMELINE - PRIDANA ********************************************/
.dynamicTimeline{position:relative;}
.dynamicTimeline::before {
content: '';
position: absolute;
top: 0px;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
width: 2px;
background-color: #000;
}
body .timelineEntries {
width: calc(100% - 80px);
max-width: 800px;
margin: auto;
position: relative;
left: -5px;
}
body .timelineEntries .timelineEntry {
width: calc(50% - 80px);
float: left;
padding: 20px;
clear: both;
text-align: right;
background: #f4f4f4;
border-radius: 10px 10px;
margin-bottom: 20px;
}
body .timelineEntries .timelineEntry:not(:first-child) {
margin-top: -60px;
}
body .timelineEntries .timelineEntry .title {
font-size: 32px;
margin-bottom: 12px;
position: relative;
color: #000;
text-align: left;
}
body .timelineEntries .timelineEntry .title:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border: 4px solid #000;
background-color: #fff;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
right: -113px;
}
body .timelineEntries .timelineEntry .title.big:before {
width: 24px;
height: 24px;
transform: translate(8px, -50%);
}
body .timelineEntries .timelineEntry .body {
color: #aaa;
}
body .timelineEntries .timelineEntry .body p {
line-height: 1.4em;
color: #000;
}
body .timelineEntries .timelineEntry:nth-child(2n) {
text-align: left;
float: right;
}
body .timelineEntries .timelineEntry:nth-child(2n) .title:before {
left: -103px;
}
body .timelineEntries .timelineEntry:nth-child(2n) .title.big:before {
transform: translate(-8px, -50%);
}
/******** TABLE STYLE **************/
.styledTable {
border-collapse: collapse;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styledTable thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
.styledTable th,
td {
padding: 12px 15px;
}
.styledTable tbody tr {
border-bottom: 1px solid #dddddd;
}
.styledTable tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
.styledTable tbody tr:last-of-type {
border-bottom: 2px solid ;
}
/******************************* PRIDANA SELLINGBOXES ***************************/
.sellingBoxes {
margin: 60px 0;
}
.cell.sellingBox {
display: flex;
flex-basis: 31%;
justify-content: space-between;
}
.sellingIcon {
display: flex;
align-items: center;
}
.sellingIcon img {
height: 90px;
width:auto;
}
.sellingText {
flex-basis: 66%;
}
.sellingText h3{
font-size:17px;
}
/************************ CALLTOACTION SEKTION NY *********************************************************/
.actionSection {
color: #fff;
padding: 80px;
}
.actionSection h2 {
font-size: 32px;
color:#fff;
}
/***********************************BLÅ CTA SEKTION MED KNAP OG TEKST*****************************************/
.call_to_action_button{
color: #fff;
text-align: center;
min-height: 300px;
position: relative;
float: left;
width: 100%;
}
.cta-button {
color: #fff;
border: 5px solid white;
padding: 20px 50px;
border-radius: 10px;
position: relative;
top: 62px;
text-transform: uppercase;
}
.cta-button a{
color: #fff;
text-decoration: none;
}
.cta-button2 {
color: #fff;
padding: 20px 50px;
border-radius: 10px;
text-transform: uppercase;
background-color:#da045a;
font-weight: bold;
text-decoration:none;
-webkit-transition:0.2s; /* Safari prior 6.1 */
transition:0.2s;
text-align:center;
margin-top: 45px;
}
.cta-button2 a{
color: #fff;
text-decoration: none;
font-weight:bold;
}
.cta-button2:hover{
border:4px solid #da045a;
color:#000000;
background-color:#ffffff;
}
.call_to_action_button h2{
margin-top: 65px;
margin-bottom: 50px;
}
/******************************* 3 x hover boxe - cards ******************************************/
* {
box-sizing:border-box;
}
.cards {
padding: 20px 0;
display: flex;
justify-content: space-around;
flex-flow: wrap;
width:1200px;
margin:0 auto;
}
.cardsmodul .card {
background-color: #f7e4dc;
}
.cards .card:hover {
transform: scale(1.05);
cursor: pointer;
}
.cardHeader {
height: 215px;
overflow: hidden;
}
.cardHeader img{
max-height:200px;
object-fit:cover;
width:100%;
}
.cardDesc {
min-height: 80px;
}
.fox{background-image: url("img/heste.jpg");}
.tiger{background-image: url("img/fox.jpg");}
.cardBody {
padding: 15px 15px 5px 15px;
color: #555;
height:135px;
}
.cardTitle {
font-size: 1.4em;
margin-bottom: 5px;
}
.cardSubTitle{
color: #b3b3b3;
font-size: 1em;
margin-bottom: 15px;
}
.cardDisc{
font-size: 0.85rem;
line-height: 17px;
}
.cards .cta-button2{display:block;}
.cards .cta-button2:hover{
border:none;
background-color:#da045a;
color:#fff;
}
.badges .cell{
min-height:none;
}
.cell.card{
-ms-flex-preferred-size: 30%;
flex-basis:30%;
}
.cell.badge{
-ms-flex-preferred-size: 49%;
flex-basis:30%;
}
/**************** CARDS 2 template ******************************************/
.card1container {
display: flex;
max-width: 1200px;
justify-content: space-between;
flex-wrap: wrap;
}
.card1 {
margin: 10px 0px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
overflow: hidden;
width: 32%;
}
.card1-header img {
width: 100%;
height: 200px;
object-fit: cover;
}
.card1-body {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
height: auto;
}
/****************************** 3 x 3D bokse ********************************/
/*********************************** EFFEKT 2 *************************************************/
.item-hover2 {
position: relative;
width: 31%;
height: 300px;
float:left;
margin:0 1%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover2 .img2 {
position: relative;
width: 100%;
height: 300px;
}
.item-hover2 .img2::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 10px
rgba(255,255,255,0.6),0 1px 2px
rgba(0,0,0,0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover2, .item-hover2 *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.item-hover2 .info2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.item-hover2 img {
width: 100%;
height: 100%;
}
.item-hover2.effekt2 {
-webkit-perspective:900px;
-moz-perspective:900px;
perspective:900px;
}
.item-hover2.effekt2 .img2 {
-webkit-transition:all 0.35s linear;
-moz-transition:all 0.35s linear;
transition:all 0.35s linear;
-webkit-transform-origin:50% 0%;
-moz-transform-origin:50% 0%;
transform-origin:50% 0%;
}
.item-hover2.effekt2 .info2 {
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
}
.item-hover2.effekt2 .info2 .info-back {
opacity:1;
visibility:hidden;
width:100%;
height:100%;
background:#333;
-webkit-transition:all 0.35s linear;
-moz-transition:all 0.35s linear;
transition:all 0.35s linear;
-webkit-transform-origin:50% 0%;
-moz-transform-origin:50% 0%;
transform-origin:50% 0%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.item-hover2.effekt2 .info2 h3 {
color:#fff;
text-transform:uppercase;
position:relative;
font-size:20px;
margin:0 30px;
padding:85px 0 0 0;
height:110px;
}
.item-hover2.effekt2 .info2 p {
color:#bbb;
margin:0 30px;
font-size:14px
padding-top:10px;
}
.item-hover2.effekt2 a:hover .img2 {
opacity:0;
}
.item-hover2.effekt2 a:hover .info2 .info-back {
opacity:1;
visibility:visible;
}
.item-hover2.effekt2.topTilBund .info2 .info-back {
-webkit-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-moz-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
}
.item-hover2.effekt2.topTilBund a:hover .img2 {
-webkit-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
-moz-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
}
.item-hover2.effekt2.topTilBund a:hover .info2 .info-back {
-webkit-transform:rotate3d(1,0,0,0deg);
-moz-transform:rotate3d(1,0,0,0deg);
transform:rotate3d(1,0,0,0deg);
}
/*******************************************************************************************/
/*****************NISS SØRENSEN MODULER******************/
/*** sellingFront sektion ****/
.sellingFront{display:flex;justify-content: space-around;padding-top:30px;}
.sellingFront .cell{flex-basis:18%;text-align:center;}
.sellingFront .cell img {
width: 100px;
}
/******************************* TEAMS ****************************************/
.badges {
padding: 20px 0;
display: flex;
justify-content: space-around;
flex-flow: wrap;
width:1200px;
margin:0 auto;
}
.badge {
background-color: #fff;
height: 300px;
width: 333px;
margin-bottom: 30px;
box-shadow: 0 1px 2px 0
rgba(0, 0, 0, 0.2);
border-radius: 2px;
transition: all 0.5s ease;
font-weight: 100;
overflow: hidden;
text-align:center;
}
.badges .badge:hover {
transform: scale(1.05);
cursor: pointer;
}
.badgeHeader {
height: 110px;
background-color:#7b3b7b;
background-size: cover;
background-position: center center;
}
.badgeBody {
padding: 15px 15px 5px 15px;
color: #555;
}
.badgeTitle {
font-size: 24px;
margin-bottom: 5px;
}
.badgeSubTitle{
color:
#b3b3b3;
font-size: 1em;
margin-bottom: 15px;
}
.badgeDesc{
font-size:18px;
line-height: 24px;
margin-top:10px;
}
.badgeAvatar{
width: 100px;
height: 100px;
border-radius: 100%;
border: 5px solid #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
margin-top: -75px;
}
/************************* OVERFLOW HIDDEN BILLEDE ********************************/
.overflowHiddenbillede img{
overflow-x: hidden;
max-height: 350px;
object-fit: cover;
}
/******************************* Topbanner ****************************************/
.topbanner{
width:100%;
height:400px;
}
.topbanner img{
width:100%;
overflow:hidden;
object-fit:cover;
max-height: 400px;
}
/*** TOPBANNER HAVNÆR **/
.topbannerHH{
height: 440px;
background-position:center center !important;
background-image:url(/userfiles/image/2020/103733928_167361828084496_6398120458178407194_o.jpg);
background-repeat:no-repeat !important;
background-size:cover !important;
}
/********************************* KOLONNER *****************************************/
.col2content_div{
width:48%;
float:left;
text-align:left;
margin:1%;
}
.col4content_div{
width: 23%;
float: left;
text-align: left;
margin: 1%;
font-size: 18px;
}
.blank_content_white {
background-color: #fff;
margin: 0 auto;
position: relative;
width: 1200px;
min-height: 285px;
padding: 0;
}
.blank_content{
margin:0 auto;
width:100%;
position:relative;
}
#content_text_left_padding {
position:relative;
width:100%;
margin-left:0px;
}
.col4content_div{
width: 23%;
float: left;
text-align: center;
margin: 1%;
font-size: 18px;
}
.col4content_div_billede{
width:100%;
float:left;
text-align:center;
}
.col4content_div_billede img{max-width:100%;}
.col3content_div{
width:31%;
float:left;
text-align:left;
margin:1%;
}
.col3content_div_billede{
width:100%;
float:left;
text-align:center;
}
.col3content_div_billede img{
width:100%;
height:auto;
}
.col2content_div{
width:48%;
float:left;
text-align:left;
margin:1%;
}
.col2content_div img{
max-width:100% !important;
height:auto !important;
}
.col3_div_long{
width:33.3%;
float:left;
text-align:center;
overflow:hidden;
}
.col3_div{
width:33.3%;
float:left;
text-align:center;
min-height: 297px;
}
.col_1x3_div{
width:31%;
float:left;
text-align:left;
margin:1%;
font-size:18px;
}
.col_1x4_div{
width:25%;
float:left;
text-align:left;
margin:1%;
font-size:18px;
}
.col_2x3_div{
width:64%;
float:left;
text-align:left;
margin:1%;
}
/********************************FLEXBOX ****************************************/
.flexContainer{
display: -webkit-box;
display: -ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
}
.flex-col2{margin:0;}
a.cta-button2.knap{
font-size:12px;
display:block;
}
/********************************** SPACER *************************************/
.row.spacer{padding:10px;}
/********************************* MENUKORT ****************************************/
.menuType {
margin-bottom: 4rem;
}
.menuHeader{
text-align: center;
}
.headerLinjer{
text-align: center;
display: flex;
justify-content: center;
margin: 10px 0;
}
.menuHeader p{
color: #333;
font-size:1.2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0px 0px 6px 0px;
font-weight: normal;
text-align: center;
}
.linjer{
display: inline-block;
width: 200px;
border-top: 1px solid black;
}
.retHead{
font-style: normal;
font-size: 1rem;
font-weight: 500;
letter-spacing: .03em;
line-height: 1.6em;
text-transform: none;
color: #333;
display: flex;
justify-content: center;
}
.beskrivelse-ret{
font-weight: 400;
font-style: normal;
font-size: 0.9rem;
letter-spacing: .03em;
line-height: 1.6em;
text-transform: none;
color: #333;
text-align: center;
width:92%;
margin: 0 4% 30px;
}
.seperater{
margin-left: 4px;
margin-right: 4px;
}
/****** BIGHERO HAVNÆR **********/
.cards{display:flex; justify-content:space-between; max-width:1200px;}
.cards .card{flex-basis:30%; min-height:200px; display:flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;justify-content:center;color:#fff;font-size:24px;}
.bigHero{display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.heroCard{flex:1;display:flex; justify-content:center;min-height: 100vh;}
.heroCard h2{color:#fff; font-size:36px;}
.heroCard{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
.heroCard:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
cursor:pointer;
}
.heroCard h2{margin-top:50vh;}
.centrer{text-align:center;}
.heroCard a {
color: #fff;
text-decoration: none;
padding: 20px;
background-color: #080d08;
border-radius: 50px;
}
.heroCard a:hover{color:#ff8809;cursor:pointer;}
.decorated{
overflow: hidden;
text-align: center;
}
.decorated > span{
position: relative;
display: inline-block;
}
.decorated > span:before, .decorated > span:after{
content: '';
position: absolute;
top: 50%;
border-bottom: 2px solid var(--footerstreg);
width: 100vw;
margin: 0 20px;
}
.decorated > span:before{
right: 100%;
}
.decorated > span:after{
left: 100%;
}
/******************************* MENUKORT SLUTTER ****************/
/************* TOP HERO BANNER ************/
.topHero{
background-image:
linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,107,161,1) 60%, rgba(0,107,161,1) 100%),
url('/images/office.jpg');
height: 60vh;
display: flex;
flex-direction: column;
align-items:center;
}
.bannerHeader{
margin-top: 20vh;
text-align:center;
}
.bannerTxt{
margin: 0 auto;
}
.bannerHeader h1{
text-align: center;
color: #fff;
font-weight: 700;
font-size: 4rem;
}
.bannerHeader h2{
text-align: center;
color: #fff;
font-weight: 700;
font-size: 4rem;
}
.bannerTxt p{
text-align: center;
color: #fff;
width: 92%;
margin:0 4%;
font-size: 1.2rem;
}
/******************TOP HERO BANNER SLUT***********************/
/****** HOVERBOX MED FADE OG TEKST *****/
.hoverboxCon {
position: relative;
width: 100%;
}
.hoverboxImage {
display: block;
width: 100%;
height: 300px;
object-fit:cover;
}
.fadeOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,107,161,1) 60%, rgba(0,107,161,1) 100%);
}
.hoverboxCon:hover .fadeOverlay {
opacity: 1;
}
.hText {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.hText h1 {
font-size: 30px;
margin-bottom: 10px;
text-align: center;
color:#fff;
}
.hText h2 {
font-size: 30px;
margin-bottom: 10px;
text-align: center;
}
/************************SEPERATOR MED IKON **************************/
hr.hrStyle1 {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
hr.hrStyle1:after {
content: '˅';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display: inline-block;
position: relative;
top: -15px;
left:50%;
padding: 0 10px;
background: #fff;
color: #8c8b8b;
font-size: 18px;
}
.hrSeperator .spacer {
min-height: 80px;
}
@media only screen and (max-width: 1024px) {
.card1{
width:31.2%;
}
.badges {
width:100%;
height:100px;
}
.cardHeader img{width:100% !important;}
.container1200{
width:96%;
margin:0 2%;
}
.container1200 .container1200{
margin:0;
width:100%;
}
.container1200 h2, .container1200 p{
padding:10px 0 !important;
}
.col2content_div{
width:49%;
}
.segment .col2content_div:first-child{
margin-left: 0px;
}
.segment .col2content_div:last-child{
margin-right:0px;
}
.call_to_action_button{
max-height: 300px;
}
.cta-button2{
margin:0;
}
.calltoactionCon{
margin-top: 65px;
}
.call_to_action_button h2{
margin-top: 70px;
}
}
@media only screen and (max-width: 768px) {
.badges {
width:100%;
}
.backgroundColor_grey .container{
width:96% !important;
margin:0 2% !important;
}
#mainmenu1_submenudiv{
width:100% !important;
}
.badge{
width:240px;
}
.container1200{
width:96%;
margin: 0 2%;
}
.container1200 .container1200{
width:100% !important;
margin:0 !important;
}
.col4content_div{
width:48%;
height:400px;
}
.col2content_div{
width:50% !important;
}
.segment .col2content_div:first-child{
padding-right: 1%!important;
padding-left:0px!important;
}
.segment .col2content_div {
padding-left: 1%;
}
.col3content_div{
justify-content: normal!important;
width:100%;
}
.container{
width:100%;
margin: 0;
}
.bigHero{flex-direction:column; align-items:unset;}
.heroCard{min-height:33vh;}
}
@media only screen and (max-width: 550px) {
.cell.col2{flex-basis:100%;}
}
@media only screen and (max-width: 440px) {
.sellingIcon{
width:70px;
}
.sellingIcon img{
height:unset;
width:100%;
}
.sellingText h3{
font-size:14px;
}
.sellingText p {
font-size: 12px;
}
.card1container{
flex-direction:column;
}
.card1{width:100%;}
.heroCard a {padding:0; background-color:unset;}
.card{
width:96%;
}
.col4content_div{
width:100%;
}
.col2content_div{
width: 100%!important;
}
.col4content_div p{
float:none;
}
.segment .col2content_div:first-child{
padding:0 !important;
}
.item-hover2 {
position: relative;
width: 100%;
height: 300px;
}
.cards{
width:100%;
}
.topbanner{
height:192px;
}
.row{
flex-direction:column;
}
.flexContainer{
flex-direction:column;
}
#logo{
width:36%;
}
}
@media only screen and (max-width: 375px) {
}
/*********************************************************************/
/**************************** OVERORDNET - BODY **********************/
/*********************************************************************/
html {
overflow-x: hidden;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
margin: 0px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
line-height: 1.5;
}
* {
margin: 0;
padding: 0;
}
a {
color: #3b3b3b;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 16px;
color: #3b3b3b;
}
h1, h2, h3, h4 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
line-height: 1.15;
padding-bottom: 15px;
}
h1 {
font-size: 1.802em;
margin: 5px 0;
}
h2 {
font-size: 1.602em;
margin: 0 0 20px 0;
font-weight: 600;
padding-bottom: 15px;
}
h3 {
font-size: 18px;
}
.pHeading{
font-size:1.602em;
margin: 0 0 20px 0;
font-weight: 600;
padding-bottom: 15px;
}
.container {
width: 100%;
margin: 0 auto;
position: relative;
}
#content {
width: 100%;
min-height: 530px;
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
#top {
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
width: 100%;
z-index: 10000;
background-color: #fff;
display: flex;
flex-direction: column;
padding: 1.3rem;
}
#top .container {
max-width: 1200px;
gap:2rem;
}
.container.flex-it.nav-bar {
order: 2;
}
.container.flex-it.logobar {
order: 1;
}
#menutopLinks {
display: none;
}
.top-links {
margin-top: 10px;
}
.top-links a {
font-size: 14px;
color: #4e4e4e;
text-decoration: none;
}
#logo {
order:1;
-ms-flex-order: 1;
-webkit-order: 1;
width:160px;
}
#logo img {
max-width: 100%;
margin-top:10px;
}
.kasse-mode #menutopLinks, .kasse-mode nav, .kasse-mode iframe, .kasse-mode #kundeservice {
display: none;
}
.kasse-mode .produkt_oversigt_element .produkt_oversigt_header h2{font-size:14px;margin-top:0;}
.kasse-mode .produkt_oversigt_billede{min-height: unset;height:165px;}
.kasse-mode #specialOffersTableWrap {
justify-content: flex-start;
padding: 0 20px;
gap: 1rem;
box-sizing: border-box;
}
.kasse-mode #top-links{display:none;}
.kasse-mode .slick-prev,.kasse-mode .slick-next{display:none !important;}
.kasse-mode .boksen, .kasse-mode .slide {
height: 205px !important;
}
.kasse-mode .produkt_oversigt_laesmere.ctaknap{padding:0;margin-top:0;}
.kasse-mode .pHeading{text-align:center;margin-bottom:2rem;font-size:18px;}
.kasse-mode #logo {
width: 23%;
flex-basis: 16%;
}
.kasse-mode .produkt_oversigt_element{
margin-bottom:4rem;
flex-basis:23%;
}
#productrelated_con01 .slick-prev::before, .slick-next::before{color:#3e3e3e !important;}
/*************************************************************************************/
/************************************ BUND *****************************************/
/*************************************************************************************/
footer p{color:#fff;font-size:100%;}
footer .cell {
line-height: 2;
}
.bundOpening a {
text-decoration: underline !important;
line-height: 2;
}
.pageskift{margin-top:60px;}
.productPageNaviBottom{display:flex;align-items: center;
justify-content: center;width:100%;}
.productPageNaviBottom div{flex-basis:auto;min-width:30px;}
.pagenext a{background-color:lightpink;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
.pageprev a{background-color:lightpink;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
.productNext{font-size:20px;font-weight:bold;;}
.productPrevious{font-size:20px;font-weight:bold;}
#bund {
padding: 3rem 0;
background-color: #1d1d1d;
color: #fff;
min-height: 200px;
order: 5;
-ms-flex-order: 5;
-webkit-order: 5;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
}
#bund .container {
max-width: 1200px;
margin: 0 auto;
}
#bund a {
color: #fff;
text-decoration: none;
}
#bund a:hover {
font-weight: bold;
color: #fff;
}
.row.segment.socialemedierIcons {
margin-top: 10px;
}
.row.segment.socialemedierIcons i{
margin-right: 5px;
}
#madebyruler {
z-index: 0;
background-color: #fff;
order: 5;
-ms-flex-order: 5;
-webkit-order: 5;
text-align: center;
}
#madebyruler img {
opacity: 0.4;
}
#madebyruler img:hover {
opacity: 1;
}
.footer-image {
margin-top: 40px;
}
footer .cell {
flex-basis: 23%;
}
#myfacebookshare{text-align:right;}
/*************************************************************************************/
/************************************ SEARCH *****************************************/
/*************************************************************************************/
#search-container {
position: relative;
top: 25px;
color: #fff;
margin-left: 20px;
flex: 0 0 4%;
display:none;
}
.searchCon i {
font-size: 26px;
color:#000;
}
.search-input-elm {
display: none;
width: 100%;
border-radius: 15px;
position: relative;
z-index: 999;
}
.search .search-input {
width: 100%;
background: #fff;
color: #4E4E4E;
height: 40px;
margin: 0;
padding: 0;
font-size: 18 px;
font-weight: bold;
padding-left: 8px;
border-radius: 5px;
border: 1px solid #707070;
}
.search input::placeholder {
font-size: 18px;
font-weight: 500;
color: #4E4E4E;
font-family: 'Roboto', sans-serif;
}
.searchCon {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 10px;
}
.fas.fa-search:hover {
cursor: pointer;
}
.search {
position: absolute;
top: 181px;
margin: 0 auto;
height: 50px;
width: 100%;
display:none;
}
.search .container1200 {
padding: 0;
}
#searchResultCon .pris_con {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
#searchbox {
display: block;
order:2;
-ms-flex-order: 2;
-webkit-order: 2;
flex:1;
}
#searchbox2{
display:none;
}
#searchForm #qg {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
color: #666;
font-weight: 400;
height: 35px;
padding: 0 15px;
width: 90%;
}
#searchForm input::placeholder{
}
#result {
background-color: #fff;
margin-top: 0px;
box-shadow:0px 10px 10px #000;
}
#result .sliding_product img {
width: 100%;
height: auto;
}
#searchForm input[type="submit"] {
display: none;
}
.search__submit img {
height: 15px;
}
.search__submit {
position: relative;
right: 7px;
top: 3px;
left: -30px;
}
.container1200.search1200con{padding:0;}
.container1200.search1200con #top_search_result{margin:0; box-shadow: 0px 10px 10px #000;}
/*************************************************************************************/
/************************************ DOWNLOAD *****************************************/
/*************************************************************************************/
.downloadCon {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
justify-content: flex-start;
margin-bottom: 3rem;
margin-top: 1rem;
flex-wrap: wrap;
}
.downloadpdf h2 {
padding: 0;
font-size: 16px;
}
.downloadpdf {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin: 1%;
background-color: #f9f9f9;
border-radius: 0.5rem;
padding: 1rem;
box-shadow: 0px 0px 1.5px 0px;
transition: 0.2s;
flex-basis: 23%;
}
.downloadpdf:hover {
box-shadow: 0px 0px 4px #000;
}
.checkfield{margin-right:1%;}
/********************** MAERKEOVERSIGT ********************/
#productbrandsconimage01 {
width: 1200px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
}
.productbrandsheaderimage01 {
flex: 0 0 100%;
}
.productbrandsbrandimg01_0, .productbrandsbrandimg01_1, .productbrandsbrandimg01_2, .productbrandsbrandimg01_3, .productbrandsbrandimg01_4 {
flex: 0 0 20%;
}
.brandcon_oversigt
{
text-align: center;
}
.brandcon_oversigt img{display:block;margin:0 auto;}
.brandnavn_oversigt
{
text-align: center;
display: block;
color: #e4e4e4;
font-size: 11px;
text-transform: uppercase;
}
.productbrandsheaderimage01
{
text-align: center;
padding: 2rem;
text-transform: uppercase;
color: #e4e4e4;
font-size: 22px;
}
/********************** FILTRERING ********************/
.kategori_con,
.maerker_con,
.storrelse_con,
.farve_con {
z-index: 1000000;
}
#filtrering h2 {
text-transform: uppercase;
}
.checkboxfiltercon {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
margin: 1%;
padding: 1rem;
transition: 0.2s;
flex-wrap: wrap;
justify-content: left;
overflow-y: scroll;
margin-bottom: 20px;
}
.checkboxChosen {
font-weight: bold;
}
.checkboxFive {
padding: 2%;
}
.kategori_con, .maerker_con,.storrelse_con,.farve_con {
flex-basis: 24%;
}
.kategori_con h2, .maerker_con h2,.storrelse_con h2,.farve_con h2 {
text-align: center;
}
#filtrering img {
width: auto;
}
#filtrering h2 {
font-size: 16px;
}
.checkboxFive {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
font-size: 14px;
}
.storrelse_con .checkboxfiltercon {
padding: 10px;
}
.storrelse_con .checkboxFive {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-basis: 28%;
justify-content: space-around;
}
#kategori_filter_con .checkboxFive {
flex-basis: 100%;
}
.farve_con .checkboxFive, .maerker_con .checkboxFive {
flex-basis: 100%;
}
.kategori_con {
padding: 10px;
}
#filterknap {
display: none;
}
#kategori_filter_con {
display: none;
min-height: auto;
max-height: 250px;
}
#storrelse_filter_con {
display: none;
min-height: auto;
max-height: 250px;
}
#farve_filter_con {
display: none;
min-height: auto;
max-height: 250px;
}
#brand_filter_con {
display: none;
min-height: auto;
max-height: 250px;
}
.flexboxHide {
display: none;
}
.flexboxShow {
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flex !important;
display: -o-flex !important;
display: flex !important;
display: flex !important;
}
.hidden {
display: none;
}
#brand_head h2, #farve_head h2, #storrelse_head h2, #kategori_head h2 {
display: inline-block;
}
#filtrering i {
margin-left: 13px;
font-size: 20px;
}
.no-search::before {
display: none;
}
.roter180 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/******************* Produkter ************************/
.produktsideCon {
margin-top: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.produktVisning img {
border: 1px solid #e4e4e4;
}
.produktVisning .cell {
flex-basis: 22%;
}
.produkt_oversigt_element:hover .hover_stoerrelser,
.produktvisning:hover .hover_stoerrelser {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.hover_stoerrelser {
background-color: #fff;
bottom: 85px;
margin: 2%;
opacity: 0.8;
position: absolute;
z-index: 999;
display: none;
width:100%;
}
.hover_stoerrelser_overtext {
text-align: left;
margin-bottom: 3px;
font-weight: bold;
color: #000;
flex: 0 0 100%;
}
.hover_stoerrelser_str {
margin: 0.5%;
background-color: #000;
color: #fff;
padding: 2px 3px;
width: auto;
}
.storrelsesguideknap{
line-height:20px;
margin-top:20px;
border:1px solid #000;
width:130px;
text-align:center;
font-weight: bold;
padding: 2%;
color: #000;
}
#produktstorrelseguide{
width:100%;
clear:both;
float:left;
display:block;
}
.rsStr_header{
width:100%;
font-weight:bold;
float:left;
}
.rsStr_varianttekst{
float:left;
margin:2px;
background-color:#333;
color:#fff;
padding:2px 3px;
}
.rsStr_varianttekst_aktiv{
float:left;
margin:2px;
background-color:#999;
color:#fff;
padding:2px 3px;
}
.rsStr_varianttekst:hover{
background-color:#999;
}
.rsStr_varianttekst a,
.rsStr_varianttekst_aktiv a{
color: #fff !important;
display: block;
padding: 2px;
cursor: pointer;
}
.rsStr_varianttekst a:hover{
color:#fff !important;
}
.produktvisning-pris .sparskilt {
font-size: 20px;
position: relative;
top: -380px;
left: 280px;
}
.produktgrp_indhold {
flex: 0 0 100%;
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
.produktgrp_indhold p {
margin: 1em 0;
}
.tilbudspris {
display: none;
}
.sparskilt-produktside {
font-size: 25px;
position: relative;
height: 41px;
width: 18%;
}
#produktprisdiv .sparskiltcon {
position: absolute;
bottom: 0;
}
.sparskiltcon p {
display: none;
}
.laes_mere_con{background-color:#0fbb54;font-weight:normal;}
.laes_mere_con a{display:block;color:#fff;}
.produktoversigtbeskrivelse, .tilbud_50_lille, .pris_con_txt {
display: none;
}
.produktvisning h2 {
margin: 20px 0 0 0;
}
#produkter {
display:block;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
}
#result #produkter{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
flex-direction:row;
}
#result #produkter .produktoversigt{
flex-basis:25%;
margin:0;
}
#result #produkter .produktoversigt .produktvisning{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:wrap;
}
#result #produkter .produktoversigt .produktvisning .sliding_product{
min-height:150px;
}
#result .hover_stoerrelser{left:12px;bottom:243px;}
.foerpris {
text-decoration: line-through;
font-size: 17px;
color: #777;
font-weight: normal;
height:20px;
}
.produktoversigt {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin: 1%;
padding: 1rem;
transition: 0.2s;
flex-basis: 31%;
width:31%;
float:left;
position: relative;
z-index: 1;
border:1px solid #e4e4e4;
}
#productpic .sliding_product {
border: none;
}
.sliding_product {
min-height: auto;
width: 100%;
position: relative;
}
.produktvisning img {
position: relative;
bottom: 0;
padding-bottom: 2%;
width:100%;
}
.produktvisning .produktvisning-pris {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #3b3b3b;
}
.produktvisning {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
min-height: 320px;
}
.salgsObs{
background-color: #000000;
color: #fff;
padding: 20px;
width: 357px;
display:flex;
justify-content:space-between;
align-items:center;
border-radius: 10px;
}
.salgsObs i{flex-basis:20%;font-size: 50px;padding-right:15px;}
.salgsObs span{flex-basis:80%;color: #fff;}
.salgsobsMobil{display:none;}
#top_search_result {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
flex-direction: row;
flex: 0 0 100%;
flex-wrap: wrap;
align-self: flex-start;
justify-content: space-between;
margin-bottom:10px;}
#produktvisning_con{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
flex-direction: row;
flex: 0 0 100%;
width:100%;
padding-top: 60px;
flex-wrap: wrap;
align-self: flex-start;
justify-content: flex-start;
margin-bottom:10px;
}
.produkt_oversigt_element .sliding_product {
border: none;
}
.produkt_oversigt_element .produkt_oversigt_header h2 {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
width: 100%;
text-align: center;
margin-top: 2rem;
height: 54px;
font-size: 18px;
}
.produktvisning h2 {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
width: 100%;
text-align: center;
margin-top: 2rem;
height: 54px;
font-size: 18px;
}
.produktvisning-pris {
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
.produktgrp_con {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
flex: 1;
}
.rabatmaerke{
position: absolute;
z-index:10;
}
#filtrering {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
flex-direction: row;
width: 100%;
position: absolute;
z-index: 3;
justify-content: space-between;
}
.produktgrp_item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin: 1%;
padding: 1rem;
transition: 0.2s;
flex-basis: 31%;
width: 31%;
float: left;
position: relative;
z-index: 1;
border: 1px solid #e4e4e4;
}
.produktgrp_item a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
}
.produktgrp_item h2 {
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.produkt_grp_div {
min-height: 260px;
}
.tilbage-produktgrp {
margin-top: 20px;
font-weight: bold;
color: #3b3b3b;
text-decoration: underline;
}
#storrelse-select {
order:2;
-ms-flex-order: 2;
-webkit-order: 2;
margin-bottom:5px;
width:100%;
}
#produktprisdiv {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
}
.knaptilfoj {
background-color: #0FBB54;
color: #fff;
width: 52%;
text-align: center;
padding: 20px;
font-weight: bold;
border: 2px solid #fff;
transition: 0.3s;
height:50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items:center;
justify-content:center;
}
.knaptilfoj:hover {
background-color: #fff;
color: #0FBB54;
border: 2px solid #0FBB54;
cursor:pointer;
}
.oversigt_patent {
position: absolute;
padding-top: 0px;
}
.oversigt_garanti {
position: absolute;
padding-top: 180px;
padding-left: 200px;
}
#produkttilbagediv {
margin-top: 1rem;
}
#produkt_tilbage {
}
#produkt_variant {
}
#produkt_variant h1 {
font-weight: 400;
font-size: 28px;
}
#produkt_variant #produktdetaljeapris {
font-size: 37px;
font-weight: bold;
}
.farvevalgcon {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.farvevalg {
width: 70px;
height: 70px;
margin: 5px;
text-align: center;
}
.farvevalg img {
max-height: 85px;
max-width: 100%;
}
#produkter_oversigt,
#forside_produkter {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#produkt20garanti {
width: 100px;
}
#produktpatent {
width: 100px;
}
.produkt_oversigt_element,
.produkt_oversigt_grp_element,
.forside_produkt {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
transition: 0.2s;
flex-basis: 31%;
}
.forside_produkt a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.forside_produkt a h2 {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
flex: 0 1 100%;
}
.forside_produkt a img {
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
flex: 0 1 100%;
}
#produkt_con {
padding-left: 50px;
}
.myul {
padding-left: 15px;
display: none;
}
.produkt_grp_billeder img {
width: 100%;
}
.produkt_oversigt_element:hover {
transform: translateY(-1rem);
}
.produkt_oversigt_billede {
height: 265px;
overflow-y:hidden;
}
.produkt_oversigt_element {
text-align: center;
}
.ctaknap {
background-color: #1d1d1d;
padding: 10px;
margin: 1rem 0 0 0;
color: #fff;
cursor: pointer;
}
.ctaknap a {
font-weight: bold;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #3b3b3b;
}
.ctaknap:hover {
background-color: #1d1d1d;
}
.ctaknap a {
display: block;
}
.produktpris {
font-size: 24px;
}
.forside_produkt h2,
.produkt_oversigt_header h2 {
margin-top: 0.5rem;
padding: 0;
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin-top: 2rem;
}
.produkt_oversigt_header {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
}
#slidingProduct1 {
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
}
.produkt_oversigt_laesmere.ctaknap {
order: 4;
-ms-flex-order: 4;
-webkit-order: 4;
display: block;
background-color:transparent;
}
.produkt_oversigt_laesmere.ctaknap a{color:#000;}
#produkt_grp_indhold {
width: 100%;
}
.produkt_enkelt_prisbutik {
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
.produkt_salgspris {
font-size: 22px;
padding-right: 1rem;
}
.produkt_oversigtpriser {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
.produkt_foerpris {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
font-size: 18px;
font-weight: bold;
line-height: 2;
}
.antallinie {
margin-top: 2rem;
}
.antallinie span {
background-color: rgb(76,175,80);
padding: 10px;
}
.antallinie input {
width: 30px;
}
.produkt_oversigt_beskrivelse {
text-align: left;
}
.mycustomresult {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.mycustomresult .produkt_oversigt_element,
.produkt_oversigt_grp_element {
width: 30%;
flex-basis: 30%;
}
#mysearchdetails {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.kategori_con {
border: 1px solid #e4e1e1;
border-radius: 5px;
text-align: center;
padding: 10px;
min-height: 50px;
height: 50px;
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
background-color: #fff;
}
.storrelse_con {
border: 1px solid #e4e1e1;
border-radius: 5px;
text-align: center;
padding: 10px;
min-height: 50px;
height: 50px;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
background-color: #fff;
}
.farve_con {
border: 1px solid #e4e1e1;
border-radius: 5px;
text-align: center;
padding: 10px;
height: min-50px;
height: 50px;
order: 4;
-ms-flex-order: 4;
-webkit-order: 4;
background-color: #fff;
}
.maerker_con {
border: 1px solid #e4e1e1;
border-radius: 5px;
text-align: center;
padding: 10px;
min-height: 50px;
height: 50px;
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
background-color: #fff;
}
.changeheight {
height: auto;
}
/*PRODUKT DETALJE */
.produkt_grp_billeder {
min-height: 320px;
border: 1px solid #e4e1e1;
}
.produkt_grp_header {
font-size: 18px;
text-transform: uppercase;
text-align: center;
margin-top: 2rem;
}
#produktdetaljedownloads {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 3rem 0;
flex-wrap: wrap;
}
.produktdetaljedokument {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
flex-basis: 10%;
text-align: center;
margin-bottom: 3rem;
}
.produktdetaljedokument a:last-child {
background: #FF6C00;
padding: ;
color: #fff;
padding: 10px;
border-radius: 10px;
margin: 0 8px;
}
.minipic_con {
border: 1px solid #c8c8c8;
margin: 1%;
}
.minipic_con img {
width: 178px;
}
.produktdetaljedokument img {
width: 100%;
}
#productpic {
min-width: 48%;
margin-right: 2%;
}
#bigpic {
max-height: 400px;
}
#produkter_detaljer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.produktdetalje {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
}
.produkt_detalje_picprice {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 2rem 0;
}
.produkt_detalje_p {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin-left: 2%;
}
#productminipic {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
flex-wrap: wrap;
}
#productminipic .various1 {
border: 1px solid #c8c8c8;
flex: 0 0 31%;
margin-top: 2%;
}
#productminipic .various1:nth-child(2), #productminipic .various1:nth-child(5) {
margin-left: 3%;
margin-right: 3%;
}
#produktstorrelse{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:column;
width:355px;
}
#produktstorrelse select {
height: 48px;
width: 100%;
}
#storrelse-select p {
margin-top: -7px;
margin-bottom: 7px;
color: #191818;
}
#antaltobasket p {
color: #191818;
}
#productstorimage {
width: 100%;
text-align: center;
min-height: 300px;
height: 435px;
/*border: 1px solid #c8c8c8;*/
display: table-cell;
vertical-align: bottom;
}
/*#produkter{margin-top: 3rem;}*/
.paymentstep2_vareoversigt_header {
font-size: 20px;
}
.paymentstep2_textover,
.paymentstep2_vareoversigt_header,
.paymentstep2_backtoshop,
.paymentstep2_textunder,
.paymentstep2_formbetaler_header,
.paymentstep2_Levfrom_header,
.paymentstep2_betform_header,
.paymentstep2_nyhedsbrev_header,
.paymentstep2_nyhedsbrev_header_con,
.paymentstep2_betingelser_header,
.paymentstep2_betingelser_header_con,
.paymentstep2_nextButton,
#frifragttekst_mangler {
width: 1200px;
margin: 0 auto;
}
.paymentstep2_formbetaler input {
height: 30px;
}
.produkt_enkelt_beskrivelse {
margin-top: 20px;
margin-bottom: 20px;
}
.paymentstep2_formbetaler_input input, .paymentstep2_andenLev_input input {
width: 350px;
}
.paymentstep2_vareoversigt {
padding: 20px !important;
}
.betalings_con {
padding: 20px !important;
}
#antaltobasket input {
height: 48px;
width: 48px;
margin-right: 0.6rem;
}
#produkter_detaljer .produkt_salgsprisright {
font-size: 28px;
}
.produkt_oversigt_element img {
width: 100%;
}
#specialOffersTableWrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.schemadiv {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.produkt-information {
flex: 1 0 48%;
margin-left: 2%;
}
.producenttopsub{padding-bottom:1rem;}
#produktproducentlogo {
max-width: 100px;
}
#productpic {
flex: 1 0 48%;
margin-right: 2%;
}
#produktnavn {
margin-top: -3rem;
}
#produktdetaljebeskrivelse {
width: 100%;
margin-top: 4rem;
display: inline-block;
color: #3b3b3b;
}
#produktnavn h1 {
font-size: 28px;
font-weight: bold;
margin-top: 3rem;
}
.produkt_salgsprisright {
font-size: 37px;
font-weight: bold;
color: #191818;
font-family: 'Roboto', sans-serif;
}
#frifragttekst_mangler {
border: 2px solid #13cc13;
border-radius: 10px;
padding: 2%;
}
#naeste {
padding: 2%;
color: #fff;
background-color: #39a62f;
border: 1px solid #fff;
border-radius: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
-webkit-appearance: none;
}
.paymentstep2_backtoshop .SubmitLille {
background-color: #707070;
color: #fff;
box-shadow: none;
padding: 1%;
border-radius: 10px;
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid #fff;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-appearance: none;
}
.paymentstep2_backtoshop .SubmitLille:hover {
background-color: #fff;
color: #707070;
box-shadow: none;
padding: 1%;
border-radius: 10px;
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid #707070;
}
/***** RELATED PRODUCTS *****/
.produktrelateret.container1200 {
margin-top: 3rem;
}
#productrelated_con01 {
display: grid;
grid-template-columns:1fr;
}
#productRelatedName01 h3 {
margin-top: 2rem;
}
.bokshead {
flex: 0 0 100%;
}
#productRelatedImage01 img {
}
#productRelatedWrapper01 {
border: 1px solid #e1e1e1;
}
#productRelatedWrapper01 {
border: 1px solid #e1e1e1;
flex: 0 1 20%;
margin-right: 1rem;
margin-top: 1rem;
padding: 20px;
}
#mypris {
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
}
/******************* SEARCH OG SPROG *****************/
.searchCon img {
width: 60px;
}
.searchResultNoMatch {
margin: 20px 10px;
}
#topbar {
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
background-color: #EBEEEE;
border: 1px solid #EBEEEE;
background: #EBEEEE;
background: #f8fafc;
}
#topbar .container1200{padding:0;}
#top-sellingpoints {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
padding: 15px;
height: auto;
align-items:center;
order:3;
}
#top-sellingpoints p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
}
#top-links {
-ms-flex-order: 3;
-webkit-order: 3;
order:3;
text-align: right;
display:flex;
}
#top-links a {
color: #000;
margin-left: 15px;
font-size: 15px;
}
/*********************************************/
.bundOverskrift p {
font-weight: bold;
font-size: 16px;
margin-bottom: 0.8rem;
color:#fff;
}
a.aktiv {
font-weight: bold;
color: #FF6C00;
}
li.aktiv {
color: #000000;
}
.bokslink:hover {
background-color: #6A6E71;
color: white;
}
.bokslink:hover a {
color: white;
}
/************************ BUND ******************/
#bund ul {
list-style: none;
}
#bund #menuBund ul {
margin: 0;
}
#bund #menuBund ul li ul li {
background: red;
color: white;
margin-left: 20px;
}
.bund_right_label img {
max-width: 100%;
height: auto;
}
.bund_white_label img {
height: 120px;
}
.bund_white_label {
margin-top: 30px;
}
.bundLogo {
flex-basis: 19% !important;
}
.flex-row-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
justify-content: space-between;
align-items: flex-start;
}
.flex-row-item {
flex-basis: 33%;
}
.provenImg img {
width: 260px;
opacity: 0.3;
margin-top: 12px;
}
#staminfo {
margin-bottom: 2rem;
}
#staminfo a {
color: black;
font-weight: bold;
}
#selectgradercon {
margin: 1rem 0;
}
#pgrader {
border: 1px solid black;
color: #282828;
background: transparent;
font-size: 12px;
font-weight: bold;
padding: 2px 5px;
width: auto;
margin-left: 10px;
}
#pdiameter {
border: 1px solid black;
color: #282828;
background: transparent;
font-size: 12px;
font-weight: bold;
padding: 2px 5px;
width: auto;
margin-left: 10px;
}
/******************** BUND SLUT *************************/
/************************************************************************************
COOKIES
************************************************************************************/
.cookies{
background-position: 5px center;
background-repeat: no-repeat;
background:#fff !important;
color: #000;
font-family: verdana;
font-size: 10px;
left: 0;
padding: 10px 2%;
position: fixed;
text-align: left;
bottom: 0;
width: 100% !important;
z-index: 99999999;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items:center;
border-top:1px solid #1d1d1d !important;
}
#cookieKnap {
padding: 20px;
background-color: #2aac2a;
color: #fff;
border-radius:15px;
font-size: 16px;
}
.cookieTeksten{flex-basis: 76%;}
.cookieTeksten p {
font-size: 16px;
margin:0;
padding: 0 !important;
}
.cookieContent{width:100%;}
.cookieFlex{
display:flex;
justify-content: space-between;
align-items: center;
}
.cookiecell {
flex-basis: 22%;
}
.cookieContent .container1200 {
margin-top: 0;
padding-top: 0;
min-height: 75px;
}
/************************************************************************************
MENU
*************************************************************************************/
#mainmenu1_submenudiv {
width: 1200px;
margin: 0 auto;
display: flex;
}
#mainmenu1_submenudiv .submenu {
background: none;
width: 100%;
list-style-type: none;
}
#mainmenu1_submenudiv .submenu li {
border: 0;
}
#mainmenu1_submenudiv ul {
display: flex;
}
#mainmenu1_submenudiv ul li {
flex: basis;
}
nav {
display: flex;
order:4;
}
#menu {
padding: 0;
display: block;
width: 100%;
display: flex;
justify-content: flex-end;
}
#menu a {
text-decoration: none;
color: #000;
}
#mainmenu1_ul {
width: auto;
display: block;
position: relative;
}
#mainmenu1_ul li {
float: left;
}
#menu_responsive {
display: none;
}
#open_close_con {
display: none;
width: 100%;
}
#menu_open,
#menu_close,
.menu_big,
#menu_small {
display: block;
}
.menu_big {
font-size: 18px;
height: auto;
padding: 24px;
width: auto;
}
#menu_open,
#menu_close,
.menu_big,
#menu_small {
cursor: pointer;
}
.submenu .menuChosen {
background-color: #707070;
display: block;
}
.submenu .menuNiv1AndMenuChosen {
background-color: #707070;
display: block;
}
.menuChosen .myul {
display: block;
}
.submenuNivUl1 .menuChosen {
background: #5a0000;
}
.submenu a, .menuChosen a, .submenu link, .menuChosen .firstElementAndMenuSiblingChosen a, .menuChosen .menuSiblingChosen a, .submenu li.menuParentChosen a, .menuChosen .submenu a {
font-weight: normal;
}
/******************************* BUTTONS ***************************************/
.btn-group {
position: relative;
display: table;
margin: 40px auto;
}
.btn {
background: none;
border: 2px solid #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
cursor: pointer;
}
.btn:hover {
background: #fff;
color: #4D4D4D;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/******************************** BUTTONS SLUT *************************************/
/******************************* NY MENU *******************************************/
.accordion {
position: absolute;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 300px;
text-transform: uppercase;
}
.open .accordion {
display: block;
}
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 15px;
color: #4D4D4D;
border-bottom: none;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion > li > .link:has(i.fa-chevron-down):not(.submenu .link) {
padding: 15px 35px 15px 16px;
}
.menuChosen {
font-weight: bold !important;
}
.accordion ul .link:hover i {
color: #fff;
}
.submenu .link .menuChosen {
font-weight: bold;
color: #fff;
}
.link .menuChosen {
font-weight: bold;
color: #0071A8;
}
.link .firstAndMenuChosen {
font-weight: bold;
color: #0071A8;
}
.accordion li:last-child .link {
border-bottom: 0;
}
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #000;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}
.accordion li.open i, .accordion li.open li.open i {
color: #000;
}
.accordion li.open li.open i {
color: #000;
}
/** close pil **/
.accordion li.open li i.fa-chevron-down,
.accordion li.open li.open li i.fa-chevron-down,
.accordion li.open li.open li.open li i.fa-chevron-down,
.accordion li.open li.open li.open li.open li i.fa-chevron-down {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
/** open pil**/
.accordion li.open i.fa-chevron-down,
.accordion li.open li.open i.fa-chevron-down,
.accordion li.open li.open li.open i.fa-chevron-down,
.accordion li.open li.open li.open li.open i.fa-chevron-down,
.accordion li.open li.open li.open li.open li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.submenu {
width: 30%;
position: absolute;
z-index: 22;
}
/******** Submenu **********/
.submenu {
display: none;
background: #fff;
font-size: 14px;
}
.submenu .submenu {
width: 100%;
position: relative;
}
.submenu li {
border-bottom: 1px solid #707070;
width: 100%;
}
.submenu a {
display: block;
text-decoration: none;
color: #d9d9d9;
padding: 12px;
padding-left: 20px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
width: 90%;
float: left;
}
.submenu .link a{width:auto;}
.submenu li.currentHover {
background: #0071A8;
color: #FFF;
}
.submenu .link {
padding: 0 43px 0px 0px;
height: 45px;
}
.submenuNivUl2 li:hover {
background-color: #EBEEEE;
transition: all 0.4s ease;
}
.submenu .submenu a {
padding-left: 30px;
}
.submenu .submenu .submenu a {
padding-left: 50px;
}
#mainmenu1_ul .show {
display: none;
}
.backgroundColor_grey .show {
display: block;
}
.backgroundColor_grey .submenu a {
width: auto;
}
.accordion ul li.link {
padding: 15px 15px 15px 0px;
}
.accordion ul .link:hover {
background: #EBEEEE;
color: #FFF;
}
.hasNotChild:hover {
background-color: #EBEEEE;
color: #fff;
transition: all 0.25s ease;
}
.accordion ul .link ul:hover {
background-color: #292929;
}
.accordion ul li.link i, .accordion ul li.link i:hover {
color: #fff;
}
.accordion ul li.link i {
top: 30px;
}
.accordion ul li.link a:hover {
background: none;
}
.accordion ul li ul li.submenu li {
padding: 20px 50px;
color: #fff;
cursor: pointer;
}
a.menuChosen, a.firstElementAndMenuChosen {
text-decoration: underline;
}
#mainmenu1_ul li {
list-style-type: none;
}
.menuParentChosen.open:hover {
background-color: #292929;
}
.menuParentChosen.open .link i:hover {
color: #fff;
transition: none;
}
/**** NY MENU IKON ÅBEN ***********/
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 60px;
height: 45px;
margin-top: 8px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 9px;
width: 100%;
background: #d3531a;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 18px;
}
#nav-icon1 span:nth-child(3) {
top: 36px;
}
#nav-icon1.openMenu span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#nav-icon1.openMenu span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.openMenu span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/******************************* NY MENU SLUT *******************************************/
.sprog {
width: auto;
}
.sprog ul li {
display: inline;
padding: 5px;
}
/************************************************************************************
BRØDKRUMMER
*************************************************************************************/
#breadcrumbs_con {
background-color:#f8fafc;
padding: 5px 0;
font-size: 14px;
-ms-flex-order: 4;
-webkit-order: 4;
order: 4;
}
#breadcrumbs {
margin: 0 auto;
max-width: 1200px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
text-transform: uppercase;
color: #707070;
font-weight: 400;
}
#breadcrumbs ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
flex: 0 0 93%;
}
#breadcrumbs li {
list-style: none;
margin-left: 1%;
}
#breadcrumbs i {
display: inline-block;
margin-left:10px;
}
#breadcrumbs ul li:last-child i {
display: none;
}
/****************
.fa-caret-down::before{content: ''!important;}
.container1200 h2, .container1200 p{
padding: 10px 0px;
background-color: rgba(255,255,255, 0.7);
color:#000000 !important;
margin-bottom:0px;
}
.overlay .container1200 {
position: relative;
top: 349px !important;
}
/*************************************************************************************/
/********************************* TRUSTPILOT ****************************************/
/*************************************************************************************/
#trustpilot-boks {
background-color: #fff;
float: left;
padding: 0;
width: 100%;
font-size: 14px;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
margin-top: 5rem;
margin-bottom: 5rem;
}
#trustpilot-boks .container1200 {
padding: 0;
}
/*************************************************************************************/
/********************************* NYHEDSBREV ****************************************/
/*************************************************************************************/
.nyhedsbrev_tilmeld .container1200 {
border: 1px solid #707070;
padding: 0;
height: auto;
}
.nyhedsbrev_tilmeld {
background-color: #fff;
padding: 5px 0;
font-size: 14px;
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
margin-bottom: 40px;
}
.nyhedsbrev_tilmeld .container1200 p {
text-align: center;
}
#nyhedsbrev_overskrift {
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 22px;
font-weight: 300;
overflow: hidden;
padding: 0 25px 25px;
margin: 0 auto;
display: table;
background-color: #fff;
margin-top: -14px;
}
#nyhedsbrev_underoverskrift {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 30px;
}
#formular_newsletter {
text-align: center;
}
#formular_newsletter div div {
display: flex;
align-content: center;
justify-content: center;
}
#formular_newsletter input[name="navn"] {
height: 48px;
padding: 20px 0px 20px 25px;
border: 1px solid #707070;
color: #191818;
font-size: 16px;
width: auto;
}
#formular_newsletter input[name="email"] {
height: 48px;
padding: 20px 10px 20px 25px;
border: 1px solid #707070;
color: #191818;
font-size: 16px;
width: auto;
}
.tilmeld {
background-color: #010101;
border: 1px solid #010101;
color: #fff;
height: 48px;
padding: 0px 40px 0px 40px;
font-size: 16px;
text-transform: uppercase;
-webkit-appearance: none;
}
/*************************************************************************************/
/************************************ KURV *******************************************/
/*************************************************************************************/
#shop_produkt_betaling td{text-align:right;}
.fas.fa-shopping-cart{font-size:26px;}
.kurvprodukt {
font-size: 14px;
}
.kurvpris {
font-size: 14px;
}
.kurvantal {
width: 30px !important;
}
.kurvbillede img {
width: 100% !important;
}
.kurvbillede {
width: 100px !important;
}
#basketHeaderTextWrapper01 {
display: flex;
justify-content: space-between;
align-items: center;
height: 45px;
}
#shopping_cart_gaa {
display: none;
}
#kurv-kasse {
color: #fff;
font-size: 16px;
text-align: center;
font-weight: bold;
padding: 10px;
top: 0;
position: relative;
margin-left: 20px;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(/images/supermarket-black.svg);
}
#kurv-kasse span {
background-color: #0fbb54;
padding: 0px 5px;
border-radius: 10px;
position: absolute;
top: -4px;
left: 23px;
font-size: 12px;
}
#dinkurv {
display: block;
position: fixed;
top: 0;
z-index: 9999;
right: 0%;
height: 100%;
background-color: #fff;
display: none;
width:15%;
border-left:1px solid #EBEEEE;
}
#shopbasket_con {
max-width:100%;
}
.boksheadBasket {
background-color: #1d1d1d;
height: 45px;
width: 100%;
padding: 0 10px;
}
#basketHeaderText {
font-weight: bold;
color: #ffffff;
padding: 0 5px;
}
#tomkurv a {
font-size: 9px;
color: #ffffff;
padding-right: 3px;
padding-top: 5px;
text-decoration: none;
}
#shopping_cart {
padding: 10px;
}
#shopping_cart table {
color: #666666;
}
/************ shopBasket ************/
#produkter .shoppriceruler {
background-color: #666666;
color: #666666;
height: 1px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
}
#basketBottom01 {
height: 5px;
background-color: white;
font-size: 0px;
}
.antallinie {
width: 90%;
padding-top: 5px;
}
#shopping_cart_items th,
#shopping_cart_items td {
text-decoration: none;
}
#shopping_cart_pay td {
text-decoration: none;
width: 100%;
}
#shopping_cart table {
color: #666666;
}
#shopping_cart_pay {
margin: 0;
padding: 0;
width: 100%;
}
#tilkassen {
background-repeat: repeat-x;
text-align: center;
padding: 6px;
width: 100%;
background-color: #0FBB54;
color: #fff;
text-decoration: none;
-webkit-appearance: none;
}
#tilkassen a {
text-decoration: none;
font-size: 14px;
color: white;
font-weight: 700;
}
#shop_produkt_samlet {
height: 40px;
}
#shopping_cart_pay .shopping_cart_totalprice {
padding-right: 12px;
text-align: right;
}
#kurvenertom {
color: #666666;
padding: 5px;
}
.kurvantal {
text-align: left;
}
.kurvantal,
.kurvpris {
text-align: right;
}
/************ shopInsertAddToBasket ************/
.produktantal {
width: 25px;
height: 22px;
text-align: center;
}
#addToBasket {
display: flex;
}
#produktdetaljeapris {
font-size: 3rem;
padding: 1%;
}
.produktdetaljeKort{
width:63% !important;
margin-top:20px;
}
#filterprocess {
width: 200px;
height: 25px;
background-color: #e6e6e6;
margin-top: 1rem;
}
#filterguidepos {
background-color: #008CD0;
height: 25px;
width: 0;
}
#addToBasket_oversigt {
clear: both;
}
.produkt_oversigt_priser {
clear: both;
}
#k_postnr,
#k_lpostnr {
width: 18% !important;
padding: 0 0.5% !important;
}
#k_postby,
#k_lpostby {
width: 71% !important;
padding: 0 0.5% !important;
}
.bestilInput {
border: 1px solid #cccccc!important;
}
#formular, .paymentstep2_vareoversigt {
width: 1200px;
margin: 0 auto;
}
.paymentstep2_formbetaler_txt,
.paymentstep2_andenLev_txt {
float: left!important;
width: 20%!important;
height: 40px!important;
overflow: hidden!important;
}
.paymentstep2_formbetaler_input,
.paymentstep2_andenLev_input {
float: left!important;
width: 80%!important;
height: 40px!important;
overflow: hidden!important;
}
.paymentstep2_formbetaler_input input,
.paymentstep2_andenLev_input input {
width: 90%!important;
height: 25px!important;
padding: 0 0.5%;
}
.paymentstep2_betform_input_con,
.paymentstep2_Levfrom_checkbox_con,
.paymentstep2_andenLev_head_con,
.paymentstep2_nyhedsbrev_header_con,
.paymentstep2_betingelser_header_con {
height: auto!important;
float: left!important;
width: 98%!important;
margin-bottom: 20px!important;
}
.paymentstep2_betform_input_txt,
.paymentstep2_Levfrom_checkbox_txt,
.paymentstep2_betform_checkbox_txt {
float: left!important;
margin-top: 2px!important;
width: 90%!important;
overflow: hidden!important;
}
.paymentstep2_formbetaler_txtvenstre {
float: right!important;
width: 80%!important;
margin: 5px 0px!important;
font-style: italic!important;
color: #999!important;
}
.paymentstep2_andenLev_head_checkbox {
float: left!important;
width: 100%!important;
margin: 5px 0px!important;
}
.paymentstep2_andenLev_head_input {
float: left!important;
width: 10%!important;
margin: 0px 0px!important;
height: 21px!important;
}
.paymentstep2_andenLev_head_input,
.paymentstep2_betform_input,
.paymentstep2_Levfrom_checkbox,
.paymentstep2_betform_checkbox {
float: left!important;
width: 5%!important;
margin: 0px 0px!important;
min-width: 25px!important;
height: 21px!important;
}
#kort_kommentar {
width: 98%!important;
height: 120px!important;
}
.paymentstep2_andenLev_head_input input {
width: auto !important!important;
}
.paymentstep2_betform_input input {
margin-top: 1px!important;
}
.paymentstep2_andenLev_head_txtover {
float: right!important;
width: 80%!important;
margin: 2px 0px!important;
}
.paymentstep2_formbetaler_header,
.paymentstep2_andenLev_header,
.paymentstep2_Levfrom_header,
.paymentstep2_betform_header,
.paymentstep2_nyhedsbrev_header,
.paymentstep2_betingelser_header,
.paymentstep2_kommentar_header {
font-size: 20px;
margin-top: 15px;
margin-bottom: 5px;
width: 100%;
float: left;
}
.paymentstep2_formbetaler, .paymentstep2_Levfrom, .paymentstep2_Levfrom, .paymentstep2_betform, .paymentstep2_kommentar {
float: left;
}
.paymentstep2_formbetaler,
.paymentstep2_Levfrom,
.paymentstep2_betform,
.paymentstep2_kommentar,
.paymentstep2_vareoversigt,
.paymentstep3_msgTilKunde,
.paymentstep3_msgFraKunde,
.paymentstep3_betaleroversigt,
.paymentstep3_leveringsoversigt,
.paymentstep3_vareoversigt,
.betalings_con {
border: 1px solid #ccc;
border-radius: 10px;
margin: 0 auto;
padding: 3%;
width: 1200px;
}
.paymentstep2_kommentar textarea {
width: 100%;
}
.paymentstep2_betform_shopcards {
margin-top: 10px;
width: 100%;
}
.paymentstep2_andenLev {
margin-bottom: 10px;
width: 100%;
}
.paymentstep3_kortoplysninger{width:100%;}
.paymentstep2_vareoversigt .bestil {
padding: 5px 0;
}
.paymentstep2_vareoversigt #linie_0_0 .bestil,
.paymentstep2_vareoversigt #kurv_ordretotalsum .bestil {
padding: 5px 0;
}
.paymentstep2_nextButton {
text-align: center;
clear: both;
}
.paymentstep4_bekraeftigelse_header,
.paymentstep3_heaer,
.paymentstep3_heaer_change {
font-size: 18px;
margin-top: 15px;
width: 100%;
}
.paymentstep4_bekraeftigelse {
background-color: #f1f1f1;
border: 1px solid #ccc;
border-radius: 10px;
float: left;
margin: 1% ;
padding: 3%;
width: 93%;
}
.paymentstep3_kortoplysninger_con {
width: 100%;
}
.paymentstep3_kortoplysninger_shopcards {
width: 100%;
}
.paymentstep2_betingelser_input {
display: flex;
}
.paymentstep2_betingelser_input .cell {
min-height: auto;
margin-left: 1%;
}
.naesteknap {
border: 1px solid #fff!important;
background-color: #707070!important;
margin-right: 0!important;
}
.bestil_varelinie {
width: 100%!important;
padding-left: 0!important;
padding-right: 0!important;
}
.bestil_info {
width: 77%!important;
}
.kurvremove img {
max-width: inherit;
}
/************ shopCards ************/
#payment-path td {
padding: 5px;
color: #707070;
}
#payment-path td.payment-choosen {
color: #707070;
}
td.bestilhead {
background-color: #707070;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding: 3px;
}
td.bestil {
color: #666666;
}
td.bestilInput,
.bestilInput {
font-size: 12px;
width: 200px;
}
#TilfoejKurvLightbox {
width: 100%;
height: 100%;
position: fixed;
background-color: #000;
opacity: 0.4;
filter: alpha(opacity=40);
/* For IE8 and earlier */
top: 0px;
left: 0px;
z-index: 999;
}
.TilfoejKurvLightbox_handelVidere {
background-color: #F1F1F1;
border: 1px solid #CCCCCC;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
padding: 5px;
position: relative;
width: 40%;
text-transform:uppercase;
}
.TilfoejKurvLightbox_kassen {
padding: 5px;
border: #fff solid 1px;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
background-color: #0fbb54;
width: 40%;
float: right;
}
.TilfoejKurvLightbox_kassen a {
color: #fff;
text-decuration: none;
}
.TilfoejKurvLightbox_handelVidere a {
text-decuration: none;
}
#TilfoejKurvLightbox_text p {
margin-bottom: 10px;
font-size: 20px;
}
#TilfoejKurvLightbox_text {
background-color: #FFFFFF;
border-radius: 10px;
height: auto;
left: -20%;
margin: -51px auto 0 50%;
opacity: 1;
padding: 10px;
position: fixed;
text-align: center;
top: 50%;
width: 40%;
z-index: 1000;
border:1px solid #e4e4e4;
border: 1px solid #e4e4e4;
box-shadow: 1px 0px 5px 0px;
}
/*********** FLEX **********/
.flex-it {
display: flex;
align-items: center;
}
.flex-column{
display: flex;
flex-direction: column;
}
.flex-top {
display: flex;
}
#bund .segment {
background: none;
}
.videoguides {
display: flex;
justify-content: space-between;
}
.montagevideo {
width: 49%;
}
.produktvideo {
width: 49%;
}
/***************** LOGIN *************************/
#loginboks {
background: #fff;
border: 1px solid black;
width: 30%;
position: fixed;
top: 170px;
margin: 0 auto;
left: 35%;
top: 30%;
left: 40%;
margin-top: -100px;
margin-left: -100px;
padding: 20px;
z-index: 999;
display: none;
}
.btn-login {
background: #FF6C00;
padding: 10px;
color: #fff;
border: 0px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 100%;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
display: block;
text-align: center;
}
.btn-login-disable {
background: #f5f5f5;
padding: 10px;
color: grey;
border: 1px solid grey;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 100%;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
}
.formgroup {
margin-bottom: 1rem;
}
.boksen {
position: relative !important;
}
.slick-list {
height: 400px;
}
.Login {
width: 100%;
height: 50px;
font-size: 18px;
padding: 10px;
color: gray;
}
.container1200 h2 {
padding: 0;
}
.container1200 {
padding-top: 20px;
}
/********************** FOOTER *************************/
footer {
font-size: 14px;
}
.footer-image {
width: auto!important;
}
.footer-image2 {
width: 30px!important;
}
.footer-image3 {
width: 30px!important;
margin-left: 10px;
}
.footer-image2, .footer-image3 {
margin-top: 20px;
width: 25px !important;
}
#footercards {
background-color: #fff;
float: left;
padding: 0;
width: 100%;
font-size: 14px;
top: 533px;
order: 5;
-ms-flex-order: 5;
-webkit-order: 5;
text-align: center;
}
#footercards .cell {
min-height: auto;
}
#footercards .row, #footercards .container1200 {
padding: 0;
}
#footercards img {
width: auto!important;
}
#productRelatedMore01 {
display: none;
}
#bund .segment {
padding: 0;
}
/******************** SLIDER *************************/
/*****************************************************************/
/************************* KUNDESERVICE **************************/
/*****************************************************************/
#kundeservice {
position: fixed;
width: 100px;
height: 30px;
background-color: #39a62f;
border-radius: 5px;
top: 300px;
right: -67px;
z-index: 2222;
}
#kundeservice img {
width: 19px;
position: relative;
left: 8%;
top: 21%;
}
.kundeservice-tekst {
float: right;
width: 60%;
}
.kundeservice-tekst p {
margin-top: 5px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.kundeservice-tekst a {
}
#filterButton {
display: none;
}
.filterconOpen {
position: absolute;
width: 100%;
z-index: 4;
}
.visVarenummer {
font-size: 14px;
}
.alert-close2 {
color: #fff;
cursor:pointer;
}
.cell.container1200{max-width:1200px;}
.review_con {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
max-width: 1200px;
margin: 0 auto;
grid-gap: 1rem;
}
.review {
box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
padding: 2rem;
display:flex;
flex-direction:column;
border-radius: 15px;
}
.review_name {
font-size: 18px;
font-weight: bold;
text-align:center !important;
order: 2;
margin-top:1rem;
text-transform: capitalize;
}
.review_rating {
display: none;
}
.review_foto {
text-align: center;
order:1;
}
.review_text {
margin-top: 1.5rem;
order: 4;
}
.review_rating_score {
order: 3;
text-align:center;
}
.star::before {
content: "★";
font-size: 40px;
color: #f9b805;
}
.review_top .star{}
.review_top{display:flex; gap:.3rem;align-items:center;}
.review_top .star::before {
color: #fff;
background: green;
font-size: 20px;
}
.trustpilotProdukt {
margin-top: 2rem;
}
.trustpilotProdukt .star::before {
font-size: 26px !important;
}
.search__submit.luk {
display: none;
}
/***** icomoon egne fonte til grape ***/
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?npmntl');
src: url('fonts/icomoon.eot?npmntl#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?npmntl') format('truetype'),
url('fonts/icomoon.woff?npmntl') format('woff'),
url('fonts/icomoon.svg?npmntl#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
content: "\10ffff";font-family: 'icomoon' !important;
}
.icon-calendar:before {
content: "\e901";font-family: 'icomoon' !important;
}
.icon-time:before {
content: "\e902";font-family: 'icomoon' !important;
}
.icon-alarm:before {
content: "\e903";font-family: 'icomoon' !important;
}
.icon-timer:before {
content: "\e904";font-family: 'icomoon' !important;
}
.icon-bin:before {
content: "\e905";font-family: 'icomoon' !important;
}
.icon-settings1:before {
content: "\e906";font-family: 'icomoon' !important;
}
.icon-settings2:before {
content: "\e907";font-family: 'icomoon' !important;
}
.icon-preferences:before {
content: "\e908";font-family: 'icomoon' !important;
}
.icon-search:before {
content: "\e909";font-family: 'icomoon' !important;
}
.icon-search2:before {
content: "\e90a";font-family: 'icomoon' !important;
}
.icon-flag:before {
content: "\e90b";font-family: 'icomoon' !important;
}
.icon-glasses:before {
content: "\e90c";font-family: 'icomoon' !important;
}
.icon-book:before {
content: "\e90d";font-family: 'icomoon' !important;
}
.icon-notebook:before {
content: "\e90e";font-family: 'icomoon' !important;
}
.icon-pencil:before {
content: "\e90f";font-family: 'icomoon' !important;
}
.icon-tag1:before {
content: "\e910";font-family: 'icomoon' !important;
}
.icon-share:before {
content: "\e911";font-family: 'icomoon' !important;
}
.icon-female:before {
content: "\e912";font-family: 'icomoon' !important;
}
.icon-male:before {
content: "\e913";font-family: 'icomoon' !important;
}
.icon-lock:before {
content: "\e914";font-family: 'icomoon' !important;
}
.icon-bubble:before {
content: "\e915";font-family: 'icomoon' !important;
}
.icon-chat:before {
content: "\e916";font-family: 'icomoon' !important;
}
.icon-conversation:before {
content: "\e917";font-family: 'icomoon' !important;
}
.icon-mail:before {
content: "\e918";font-family: 'icomoon' !important;
}
.icon-link:before {
content: "\e919";font-family: 'icomoon' !important;
}
.icon-windows:before {
content: "\e91a";font-family: 'icomoon' !important;
}
.icon-star:before {
content: "\e91b";font-family: 'icomoon' !important;
}
.icon-heart:before {
content: "\e91c";font-family: 'icomoon' !important;
}
.icon-new_badge:before {
content: "\e91d";font-family: 'icomoon' !important;
}
.icon-import:before {
content: "\e91e";font-family: 'icomoon' !important;
}
.icon-export:before {
content: "\e91f";font-family: 'icomoon' !important;
}
.icon-cards:before {
content: "\e920";font-family: 'icomoon' !important;
}
.icon-upload:before {
content: "\e921";font-family: 'icomoon' !important;
}
.icon-download:before {
content: "\e922";font-family: 'icomoon' !important;
}
.icon-inbox:before {
content: "\e923";font-family: 'icomoon' !important;
}
.icon-folder:before {
content: "\e924";font-family: 'icomoon' !important;
}
.icon-folder_full:before {
content: "\e925";font-family: 'icomoon' !important;
}
.icon-download_drive:before {
content: "\e926";font-family: 'icomoon' !important;
}
.icon-sync_down:before {
content: "\e927";font-family: 'icomoon' !important;
}
.icon-sync_up:before {
content: "\e928";font-family: 'icomoon' !important;
}
.icon-syncing:before {
content: "\e929";font-family: 'icomoon' !important;
}
.icon-sync_error:before {
content: "\e92a";font-family: 'icomoon' !important;
}
.icon-working:before {
content: "\e92b";font-family: 'icomoon' !important;
}
.icon-file:before {
content: "\e92c";font-family: 'icomoon' !important;
}
.icon-text:before {
content: "\e92d";font-family: 'icomoon' !important;
}
.icon-duplicate:before {
content: "\e92e";font-family: 'icomoon' !important;
}
.icon-zip:before {
content: "\e92f";font-family: 'icomoon' !important;
}
.icon-pdf:before {
content: "\e930";font-family: 'icomoon' !important;
}
.icon-doc:before {
content: "\e931";font-family: 'icomoon' !important;
}
.icon-image:before {
content: "\e932";font-family: 'icomoon' !important;
}
.icon-search3:before {
content: "\e933";font-family: 'icomoon' !important;
}
.icon-copy:before {
content: "\e934";font-family: 'icomoon' !important;
}
.icon-paste:before {
content: "\e935";font-family: 'icomoon' !important;
}
.icon-view_line:before {
content: "\e936";font-family: 'icomoon' !important;
}
.icon-view_to-do:before {
content: "\e937";font-family: 'icomoon' !important;
}
.icon-bullets:before {
content: "\e938";font-family: 'icomoon' !important;
}
.icon-grid:before {
content: "\e939";font-family: 'icomoon' !important;
}
.icon-preferences2:before {
content: "\e93a";font-family: 'icomoon' !important;
}
.icon-layout1:before {
content: "\e93b";font-family: 'icomoon' !important;
}
.icon-layout2:before {
content: "\e93c";font-family: 'icomoon' !important;
}
.icon-layout3:before {
content: "\e93d";font-family: 'icomoon' !important;
}
.icon-layout4:before {
content: "\e93e";font-family: 'icomoon' !important;
}
.icon-computer1:before {
content: "\e93f";font-family: 'icomoon' !important;
}
.icon-scanner:before {
content: "\e940";font-family: 'icomoon' !important;
}
.icon-process:before {
content: "\e941";font-family: 'icomoon' !important;
}
.icon-finger:before {
content: "\e942";font-family: 'icomoon' !important;
}
.icon-touch:before {
content: "\e943";font-family: 'icomoon' !important;
}
.icon-lovemail:before {
content: "\e944";font-family: 'icomoon' !important;
}
.icon-smiling:before {
content: "\e945";font-family: 'icomoon' !important;
}
.icon-neutral:before {
content: "\e946";font-family: 'icomoon' !important;
}
.icon-sad:before {
content: "\e947";font-family: 'icomoon' !important;
}
.icon-infinity:before {
content: "\e948";font-family: 'icomoon' !important;
}
.icon-repeat:before {
content: "\e949";font-family: 'icomoon' !important;
}
.icon-repeat2:before {
content: "\e94a";font-family: 'icomoon' !important;
}
.icon-back1:before {
content: "\e94b";font-family: 'icomoon' !important;
}
.icon-rotate:before {
content: "\e94c";font-family: 'icomoon' !important;
}
.icon-rotate2:before {
content: "\e94d";font-family: 'icomoon' !important;
}
.icon-shuffle:before {
content: "\e94e";font-family: 'icomoon' !important;
}
.icon-repeat3:before {
content: "\e94f";font-family: 'icomoon' !important;
}
.icon-fast_revind:before {
content: "\e950";font-family: 'icomoon' !important;
}
.icon-previous:before {
content: "\e951";font-family: 'icomoon' !important;
}
.icon-previous2:before {
content: "\e952";font-family: 'icomoon' !important;
}
.icon-pause:before {
content: "\e953";font-family: 'icomoon' !important;
}
.icon-stop:before {
content: "\e954";font-family: 'icomoon' !important;
}
.icon-eject:before {
content: "\e955";font-family: 'icomoon' !important;
}
.icon-play:before {
content: "\e956";font-family: 'icomoon' !important;
}
.icon-next1:before {
content: "\e957";font-family: 'icomoon' !important;
}
.icon-fast_forward:before {
content: "\e958";font-family: 'icomoon' !important;
}
.icon-back2:before {
content: "\e959";font-family: 'icomoon' !important;
}
.icon-end:before {
content: "\e95a";font-family: 'icomoon' !important;
}
.icon-record:before {
content: "\e95b";font-family: 'icomoon' !important;
}
.icon-record_video:before {
content: "\e95c";font-family: 'icomoon' !important;
}
.icon-back:before {
content: "\e95d";font-family: 'icomoon' !important;
}
.icon-next:before {
content: "\e95e";font-family: 'icomoon' !important;
}
.icon-left:before {
content: "\e95f";font-family: 'icomoon' !important;
}
.icon-right:before {
content: "\e960";font-family: 'icomoon' !important;
}
.icon-checked:before {
content: "\e961";font-family: 'icomoon' !important;
}
.icon-checked1:before {
content: "\e962";font-family: 'icomoon' !important;
}
.icon-plus:before {
content: "\e963";font-family: 'icomoon' !important;
}
.icon-minus:before {
content: "\e964";font-family: 'icomoon' !important;
}
.icon-no:before {
content: "\e965";font-family: 'icomoon' !important;
}
.icon-yes:before {
content: "\e966";font-family: 'icomoon' !important;
}
.icon-yes2:before {
content: "\e967";font-family: 'icomoon' !important;
}
.icon-error:before {
content: "\e968";font-family: 'icomoon' !important;
}
.icon-error2:before {
content: "\e969";font-family: 'icomoon' !important;
}
.icon-unavailable:before {
content: "\e96a";font-family: 'icomoon' !important;
}
.icon-undo:before {
content: "\e9f5";font-family: 'icomoon' !important;
}
.icon-on:before {
content: "\e96c";font-family: 'icomoon' !important;
}
.icon-off:before {
content: "\e96d";font-family: 'icomoon' !important;
}
.icon-paragraph_left:before {
content: "\e96e";font-family: 'icomoon' !important;
}
.icon-paragraph_center:before {
content: "\e96f";font-family: 'icomoon' !important;
}
.icon-paragraph_right:before {
content: "\e970";font-family: 'icomoon' !important;
}
.icon-paragraph_justify_left:before {
content: "\e971";font-family: 'icomoon' !important;
}
.icon-paragraph_justify_center:before {
content: "\e972";font-family: 'icomoon' !important;
}
.icon-paragraph_justify_right:before {
content: "\e973";font-family: 'icomoon' !important;
}
.icon-align_right:before {
content: "\e974";font-family: 'icomoon' !important;
}
.icon-align_left:before {
content: "\e975";font-family: 'icomoon' !important;
}
.icon-text_bullets:before {
content: "\e976";font-family: 'icomoon' !important;
}
.icon-text_numbering:before {
content: "\e977";font-family: 'icomoon' !important;
}
.icon-font_smaller:before {
content: "\e978";font-family: 'icomoon' !important;
}
.icon-font_larger:before {
content: "\e979";font-family: 'icomoon' !important;
}
.icon-spellchecker:before {
content: "\e97a";font-family: 'icomoon' !important;
}
.icon-code:before {
content: "\e97b";font-family: 'icomoon' !important;
}
.icon-remove_styling:before {
content: "\e97c";font-family: 'icomoon' !important;
}
.icon-font:before {
content: "\e97d";font-family: 'icomoon' !important;
}
.icon-bold:before {
content: "\e97e";font-family: 'icomoon' !important;
}
.icon-italic:before {
content: "\e97f";font-family: 'icomoon' !important;
}
.icon-underline:before {
content: "\e980";font-family: 'icomoon' !important;
}
.icon-strikethrough:before {
content: "\e981";font-family: 'icomoon' !important;
}
.icon-superscript:before {
content: "\e982";font-family: 'icomoon' !important;
}
.icon-subscript:before {
content: "\e983";font-family: 'icomoon' !important;
}
.icon-archive:before {
content: "\e984";font-family: 'icomoon' !important;
}
.icon-computer:before {
content: "\e985";font-family: 'icomoon' !important;
}
.icon-database:before {
content: "\e986";font-family: 'icomoon' !important;
}
.icon-wifi:before {
content: "\e987";font-family: 'icomoon' !important;
}
.icon-analytics:before {
content: "\e988";font-family: 'icomoon' !important;
}
.icon-chart1:before {
content: "\e989";font-family: 'icomoon' !important;
}
.icon-chart_up:before {
content: "\e98a";font-family: 'icomoon' !important;
}
.icon-chart_down:before {
content: "\e98b";font-family: 'icomoon' !important;
}
.icon-pie:before {
content: "\e98c";font-family: 'icomoon' !important;
}
.icon-dollars:before {
content: "\e98d";font-family: 'icomoon' !important;
}
.icon-euro:before {
content: "\e98e";font-family: 'icomoon' !important;
}
.icon-money:before {
content: "\e98f";font-family: 'icomoon' !important;
}
.icon-money2:before {
content: "\e990";font-family: 'icomoon' !important;
}
.icon-calculator:before {
content: "\e991";font-family: 'icomoon' !important;
}
.icon-tag:before {
content: "\e992";font-family: 'icomoon' !important;
}
.icon-shopping_cart:before {
content: "\e993";font-family: 'icomoon' !important;
}
.icon-basket:before {
content: "\e994";font-family: 'icomoon' !important;
}
.icon-suitcase:before {
content: "\e995";font-family: 'icomoon' !important;
}
.icon-paris:before {
content: "\e996";font-family: 'icomoon' !important;
}
.icon-departure:before {
content: "\e997";font-family: 'icomoon' !important;
}
.icon-favorite:before {
content: "\e998";font-family: 'icomoon' !important;
}
.icon-location:before {
content: "\e999";font-family: 'icomoon' !important;
}
.icon-park:before {
content: "\e99a";font-family: 'icomoon' !important;
}
.icon-nature:before {
content: "\e99b";font-family: 'icomoon' !important;
}
.icon-electric_car:before {
content: "\e99c";font-family: 'icomoon' !important;
}
.icon-smoking:before {
content: "\e99d";font-family: 'icomoon' !important;
}
.icon-help:before {
content: "\e99e";font-family: 'icomoon' !important;
}
.icon-attention:before {
content: "\e99f";font-family: 'icomoon' !important;
}
.icon-information:before {
content: "\e9a0";font-family: 'icomoon' !important;
}
.icon-rolling_up:before {
content: "\e9a1";font-family: 'icomoon' !important;
}
.icon-down:before {
content: "\e9a2";font-family: 'icomoon' !important;
}
.icon-up:before {
content: "\e9a3";font-family: 'icomoon' !important;
}
.icon-video:before {
content: "\e9a4";font-family: 'icomoon' !important;
}
.icon-ipod:before {
content: "\e9a5";font-family: 'icomoon' !important;
}
.icon-music:before {
content: "\e9a6";font-family: 'icomoon' !important;
}
.icon-loud:before {
content: "\e9a7";font-family: 'icomoon' !important;
}
.icon-mute:before {
content: "\e9a8";font-family: 'icomoon' !important;
}
.icon-photo:before {
content: "\e9a9";font-family: 'icomoon' !important;
}
.icon-sunshine:before {
content: "\e9aa";font-family: 'icomoon' !important;
}
.icon-cloudy:before {
content: "\e9ab";font-family: 'icomoon' !important;
}
.icon-rain:before {
content: "\e9ac";font-family: 'icomoon' !important;
}
.icon-night:before {
content: "\e9ad";font-family: 'icomoon' !important;
}
.icon-raindrop:before {
content: "\e9ae";font-family: 'icomoon' !important;
}
.icon-unbrella:before {
content: "\e9af";font-family: 'icomoon' !important;
}
.icon-snowflake:before {
content: "\e9b0";font-family: 'icomoon' !important;
}
.icon-wind:before {
content: "\e9b1";font-family: 'icomoon' !important;
}
.icon-tornado:before {
content: "\e9b2";font-family: 'icomoon' !important;
}
.icon-weather:before {
content: "\e9b3";font-family: 'icomoon' !important;
}
.icon-weather2:before {
content: "\e9b4";font-family: 'icomoon' !important;
}
.icon-drugs:before {
content: "\e9b5";font-family: 'icomoon' !important;
}
.icon-basketball:before {
content: "\e9b6";font-family: 'icomoon' !important;
}
.icon-football:before {
content: "\e9b7";font-family: 'icomoon' !important;
}
.icon-tennis:before {
content: "\e9b8";font-family: 'icomoon' !important;
}
.icon-coffee:before {
content: "\e9b9";font-family: 'icomoon' !important;
}
.icon-hamburger:before {
content: "\e9ba";font-family: 'icomoon' !important;
}
.icon-wardrobe:before {
content: "\e9bb";font-family: 'icomoon' !important;
}
.icon-sideboard:before {
content: "\e9bc";font-family: 'icomoon' !important;
}
.icon-architecture:before {
content: "\e9bd";font-family: 'icomoon' !important;
}
.icon-bricks:before {
content: "\e9be";font-family: 'icomoon' !important;
}
.icon-roof:before {
content: "\e9bf";font-family: 'icomoon' !important;
}
.icon-parquet:before {
content: "\e9c0";font-family: 'icomoon' !important;
}
.icon-steel:before {
content: "\e9c1";font-family: 'icomoon' !important;
}
.icon-wood:before {
content: "\e9c2";font-family: 'icomoon' !important;
}
.icon-bulb:before {
content: "\e9c3";font-family: 'icomoon' !important;
}
.icon-flyer:before {
content: "\e9c4";font-family: 'icomoon' !important;
}
.icon-chess:before {
content: "\e9c5";font-family: 'icomoon' !important;
}
.icon-lego:before {
content: "\e9c6";font-family: 'icomoon' !important;
}
.icon-tictactoe:before {
content: "\e9c7";font-family: 'icomoon' !important;
}
.icon-christmas:before {
content: "\e9c8";font-family: 'icomoon' !important;
}
.icon-office:before {
content: "\e9c9";font-family: 'icomoon' !important;
}
.icon-newspaper:before {
content: "\e9ca";font-family: 'icomoon' !important;
}
.icon-pencil1:before {
content: "\e9cb";font-family: 'icomoon' !important;
}
.icon-eyedropper:before {
content: "\e9cc";font-family: 'icomoon' !important;
}
.icon-image1:before {
content: "\e9cd";font-family: 'icomoon' !important;
}
.icon-images:before {
content: "\e9ce";font-family: 'icomoon' !important;
}
.icon-camera:before {
content: "\e9cf";font-family: 'icomoon' !important;
}
.icon-music1:before {
content: "\e9d0";font-family: 'icomoon' !important;
}
.icon-bullhorn:before {
content: "\e9d1";font-family: 'icomoon' !important;
}
.icon-connection:before {
content: "\e9d2";font-family: 'icomoon' !important;
}
.icon-mic:before {
content: "\e9d3";font-family: 'icomoon' !important;
}
.icon-book1:before {
content: "\e9d4";font-family: 'icomoon' !important;
}
.icon-books:before {
content: "\e9d5";font-family: 'icomoon' !important;
}
.icon-file-text:before {
content: "\e9d6";font-family: 'icomoon' !important;
}
.icon-profile:before {
content: "\e9d7";font-family: 'icomoon' !important;
}
.icon-file-empty:before {
content: "\e9d8";font-family: 'icomoon' !important;
}
.icon-files-empty:before {
content: "\e9d9";font-family: 'icomoon' !important;
}
.icon-file-picture:before {
content: "\e9da";font-family: 'icomoon' !important;
}
.icon-file-video:before {
content: "\e9db";font-family: 'icomoon' !important;
}
.icon-folder1:before {
content: "\e9dc";font-family: 'icomoon' !important;
}
.icon-folder-open:before {
content: "\e9dd";font-family: 'icomoon' !important;
}
.icon-folder-plus:before {
content: "\e9de";font-family: 'icomoon' !important;
}
.icon-folder-minus:before {
content: "\e9df";font-family: 'icomoon' !important;
}
.icon-price-tag:before {
content: "\e9e0";font-family: 'icomoon' !important;
}
.icon-price-tags:before {
content: "\e9e1";font-family: 'icomoon' !important;
}
.icon-barcode:before {
content: "\e9e2";font-family: 'icomoon' !important;
}
.icon-cart:before {
content: "\e9e3";font-family: 'icomoon' !important;
}
.icon-credit-card:before {
content: "\e9e4";font-family: 'icomoon' !important;
}
.icon-phone:before {
content: "\e9e5";font-family: 'icomoon' !important;
}
.icon-phone-hang-up:before {
content: "\e9e6";font-family: 'icomoon' !important;
}
.icon-address-book:before {
content: "\e9e7";font-family: 'icomoon' !important;
}
.icon-location2:before {
content: "\e9e8";font-family: 'icomoon' !important;
}
.icon-calendar1:before {
content: "\e9e9";font-family: 'icomoon' !important;
}
.icon-keyboard:before {
content: "\e9ea";font-family: 'icomoon' !important;
}
.icon-display:before {
content: "\e9eb";font-family: 'icomoon' !important;
}
.icon-laptop:before {
content: "\e9ec";font-family: 'icomoon' !important;
}
.icon-mobile:before {
content: "\e9ed";font-family: 'icomoon' !important;
}
.icon-mobile2:before {
content: "\e9ee";font-family: 'icomoon' !important;
}
.icon-box-add:before {
content: "\e9ef";font-family: 'icomoon' !important;
}
.icon-box-remove:before {
content: "\e9f0";font-family: 'icomoon' !important;
}
.icon-download1:before {
content: "\e9f1";font-family: 'icomoon' !important;
}
.icon-upload1:before {
content: "\e9f2";font-family: 'icomoon' !important;
}
.icon-floppy-disk:before {
content: "\e9f3";font-family: 'icomoon' !important;
}
.icon-database1:before {
content: "\e9f4";font-family: 'icomoon' !important;
}
.icon-undo1:before {
content: "\e9f5";font-family: 'icomoon' !important;
}
.icon-redo:before {
content: "\e9f6";font-family: 'icomoon' !important;
}
.icon-undo2:before {
content: "\e9f7";font-family: 'icomoon' !important;
}
.icon-redo2:before {
content: "\e9f8";font-family: 'icomoon' !important;
}
.icon-forward:before {
content: "\e9f9";font-family: 'icomoon' !important;
}
.icon-reply:before {
content: "\e9fa";font-family: 'icomoon' !important;
}
.icon-bubble1:before {
content: "\e9fb";font-family: 'icomoon' !important;
}
.icon-bubbles:before {
content: "\e9fc";font-family: 'icomoon' !important;
}
.icon-bubbles2:before {
content: "\e9fd";font-family: 'icomoon' !important;
}
.icon-bubble2:before {
content: "\e9fe";font-family: 'icomoon' !important;
}
.icon-bubbles3:before {
content: "\e9ff";font-family: 'icomoon' !important;
}
.icon-bubbles4:before {
content: "\ea00";font-family: 'icomoon' !important;
}
.icon-user:before {
content: "\ea01";font-family: 'icomoon' !important;
}
.icon-users:before {
content: "\ea02";font-family: 'icomoon' !important;
}
.icon-user-plus:before {
content: "\ea03";font-family: 'icomoon' !important;
}
.icon-user-minus:before {
content: "\ea04";font-family: 'icomoon' !important;
}
.icon-user-check:before {
content: "\ea05";font-family: 'icomoon' !important;
}
.icon-user-tie:before {
content: "\ea06";font-family: 'icomoon' !important;
}
.icon-quotes-left:before {
content: "\ea07";font-family: 'icomoon' !important;
}
.icon-quotes-right:before {
content: "\ea08";font-family: 'icomoon' !important;
}
.icon-hour-glass:before {
content: "\ea09";font-family: 'icomoon' !important;
}
.icon-search1:before {
content: "\ea0a";font-family: 'icomoon' !important;
}
.icon-zoom-in:before {
content: "\ea0b";font-family: 'icomoon' !important;
}
.icon-zoom-out:before {
content: "\ea0c";font-family: 'icomoon' !important;
}
.icon-wrench:before {
content: "\ea0d";font-family: 'icomoon' !important;
}
.icon-equalizer:before {
content: "\ea0e";font-family: 'icomoon' !important;
}
.icon-equalizer2:before {
content: "\ea0f";font-family: 'icomoon' !important;
}
.icon-cog:before {
content: "\ea10";font-family: 'icomoon' !important;
}
.icon-bug:before {
content: "\ea11";font-family: 'icomoon' !important;
}
.icon-stats-dots:before {
content: "\ea12";font-family: 'icomoon' !important;
}
.icon-stats-bars2:before {
content: "\ea13";font-family: 'icomoon' !important;
}
.icon-trophy:before {
content: "\ea14";font-family: 'icomoon' !important;
}
.icon-gift:before {
content: "\ea15";font-family: 'icomoon' !important;
}
.icon-glass:before {
content: "\ea16";font-family: 'icomoon' !important;
}
.icon-mug:before {
content: "\ea17";font-family: 'icomoon' !important;
}
.icon-rocket:before {
content: "\ea18";font-family: 'icomoon' !important;
}
.icon-clear:before {
content: "\ea19";font-family: 'icomoon' !important;
}
.icon-accessibility:before {
content: "\ea1a";font-family: 'icomoon' !important;
}
.icon-clipboard:before {
content: "\ea1b";font-family: 'icomoon' !important;
}
.icon-list-numbered:before {
content: "\ea1c";font-family: 'icomoon' !important;
}
.icon-list:before {
content: "\ea1d";font-family: 'icomoon' !important;
}
.icon-list2:before {
content: "\ea1e";font-family: 'icomoon' !important;
}
.icon-sphere:before {
content: "\ea1f";font-family: 'icomoon' !important;
}
.icon-earth:before {
content: "\ea20";font-family: 'icomoon' !important;
}
.icon-flag1:before {
content: "\ea21";font-family: 'icomoon' !important;
}
.icon-attachment:before {
content: "\ea22";font-family: 'icomoon' !important;
}
.icon-star-full:before {
content: "\ea23";font-family: 'icomoon' !important;
}
.icon-heart1:before {
content: "\ea24";font-family: 'icomoon' !important;
}
.icon-heart-broken:before {
content: "\ea25";font-family: 'icomoon' !important;
}
.icon-man:before {
content: "\ea26";font-family: 'icomoon' !important;
}
.icon-woman:before {
content: "\ea27";font-family: 'icomoon' !important;
}
.icon-man-woman:before {
content: "\ea28";font-family: 'icomoon' !important;
}
.icon-enter:before {
content: "\ea29";font-family: 'icomoon' !important;
}
.icon-exit:before {
content: "\ea2a";font-family: 'icomoon' !important;
}
.icon-scissors:before {
content: "\ea5a";font-family: 'icomoon' !important;
}
.icon-table:before {
content: "\ea70";font-family: 'icomoon' !important;
}
.icon-table2:before {
content: "\ea71";font-family: 'icomoon' !important;
}
.icon-paragraph-justify:before {
content: "\ea7a";font-family: 'icomoon' !important;
}
.icon-indent-increase:before {
content: "\ea7b";font-family: 'icomoon' !important;
}
.icon-indent-decrease:before {
content: "\ea7c";font-family: 'icomoon' !important;
}
.icon-embed:before {
content: "\ea7f";font-family: 'icomoon' !important;
}
.icon-embed2:before {
content: "\ea80";font-family: 'icomoon' !important;
}
.icon-mail4:before {
content: "\ea86";font-family: 'icomoon' !important;
}
.icon-facebook:before {
content: "\ea90";font-family: 'icomoon' !important;
}
.icon-facebook2:before {
content: "\ea91";font-family: 'icomoon' !important;
}
.icon-instagram:before {
content: "\ea92";font-family: 'icomoon' !important;
}
.icon-youtube2:before {
content: "\ea9e";font-family: 'icomoon' !important;
}
.icon-linkedin:before {
content: "\eac9";font-family: 'icomoon' !important;
}
.icon-linkedin2:before {
content: "\eaca";font-family: 'icomoon' !important;
}
.icon-christmas:before {
content: "\e9c8";
font-family: 'icomoon' !important;
}
#closeButton {
font-size: 35px;
}
/************************************************************************************
RESPONSIVE KODE
*************************************************************************************/
@media screen and (min-width: 1024px) {
#breadcrumbs_con{order:2;}
#top-sellingpoints{order:-1;}
.menuNiv0 > .link{display:flex;gap:.5rem;}
.menuNiv0 > .link > i{position:unset;display:flex; align-items:center;}
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
.container {
width: 98%;
padding: 0 1%;
}
#searchForm #qg{width: 480px;}
img {
max-width: 100%;
height: auto;
}
#content_tekst iframe {
max-width: 100%;
}
.container1200{max-width:100%;}
#searchbox2{display:block;}
}
@media screen and (max-width: 1024px) {
#searchForm #qg{width:100%;}
#searchbox2 {
display: block;
position: absolute;
top: 113px;
opacity: .97;
width: 98%;
left: 0;
margin: 0 1%;
}
.search__submit {
position: absolute;
right: 10px;
top: 8px;
right: 10px;
left: unset;
display:none;
}
.search__submit.luk {
position: absolute;
right: 10px;
top: -9px;
right: 10px;
left: unset;
display:block;
}
#searchbox2{display:none;}
#search-container{display:block;}
#searchbox{display:none;}
.produkt_grp_div {
min-height: 210px;
}
#topbar{order:2;}
.produkt_grp_div img {
height: 100%;
}
.sparskilt-produktside {
}
html {
overflow: -moz-scrollbars-vertical;
}
.container {
width: 100%;
padding: 0;
}
.search-wrap i {
right: 30px;
}
#top {
height: auto;
}
#search-container {
top: 0px;
}
.referenceliste_reference {
width: 31%;
}
#top .container {
width: 96%;
justify-content: space-between;
}
.produktvisning .sliding_product {
min-height: 210px;
}
.produkt-information {
padding: 0;
}
#antaltobasket input{
margin-right:5px;
}
#produktdetaljebeskrivelse {
width: 100%;
position: static;
margin-left: auto;
margin-top: 3rem;
}
.knaptilfoj {
width: 100%;
}
#produktstorrelse{
width:100%;
}
#productstorimage {
height: 410px;
}
#productminipic {
justify-content: space-between;
}
#productminipic .various1 {
flex: 0 1 19%;
}
#productminipic .various1:nth-child(2), #productminipic .various1:nth-child(5) {
margin-left: 0;
margin-right: 0;
}
.produktvisning-pris .sparskilt {
left: 130px;
top: -325px;
background-size: 65px;
width: 65px;
height: 65px;
padding-top: 15px;
}
/*************************/
/****** SKABELONER *******/
/*************************/
#bund .container {
width: 96% !important;
margin: 0 2% !important;
}
.card {
width: 29%;
}
.cards {
width: 100%;
justify-content: space-between;
}
.searchCon {
}
.search-input-elm {
top: -33px;
}
.search .container1200 {
padding: 0;
margin: 0;
width: 100%;
}
#nyhedsbrev_overskrift {
margin-top: -24px;
}
#open_close_con {
display: none;
right: 0;
top: 20px;
z-index: 999999999999999999;
order:3;
width:unset;
}
.container {
position: static;
}
.kategorimain h1 {
padding-top: 14px;
margin: 0;
}
.searchCon {
justify-content: flex-end;
}
#breadcrumbs .container {
width: 96%;
margin: 0 2%;
}
#breadcrumbs {
height: auto;
}
#loginboks {
top: 20%;
}
.boksen {
z-index: 1;
}
#myDiv {
width: 595px;
top: -116px;
}
#blue {
top: 200px;
}
.oversigt_garanti {
padding-left: 140px;
}
.farvevalgcon {
max-width: 520px;
}
.blank_content_white {
width: 96%;
margin: 0 2%;
}
#specialOffersTableWrap {
justify-content: space-between;
margin-top: 0;
}
.personrow {
width: 50%;
}
.gem {
width: 50%;
}
#logo {
width: 25%;
flex-basis: 25%;
order:1;
}
#top-sellingpoints p {
font-size: 17px;
}
#top-sellingpoints {
padding-top: 5px;
height:auto;
}
#kurv-kasse {
top: 0;
}
.slick-list {
height: 300px;
}
.cell {
min-height: auto;
}
.produkt_oversigt_billede {
min-height: 279px;
}
/******************/
/****** KASSE *****/
/******************/
.paymentstep2_textover,
.paymentstep2_vareoversigt_header,
.paymentstep2_backtoshop,
.paymentstep2_textunder,
.paymentstep2_formbetaler_header,
.paymentstep2_Levfrom_header,
.paymentstep2_betform_header,
.paymentstep2_nyhedsbrev_header,
.paymentstep2_nyhedsbrev_header_con,
.paymentstep2_betingelser_header,
.paymentstep2_betingelser_header_con,
#frifragttekst_mangler {
width: 98%;
margin: 0 1%;
}
.paymentstep2_formbetaler,
.paymentstep2_Levfrom,
.paymentstep2_betform,
.paymentstep2_kommentar,
.paymentstep2_vareoversigt,
.betalings_con {
width: 98%;
margin: 0 1%;
}
.paymentstep2_formbetaler, .paymentstep2_Levfrom, .paymentstep2_betform, .paymentstep2_kommentar, .paymentstep2_nextButton {
width: 98%;
}
.paymentstep2_formbetaler_header,
.paymentstep2_Levfrom_header,
.paymentstep2_betform_header,
.paymentstep2_kommentar_header {
margin-top: 1rem;
margin-bottom: 1rem;
}
.paymentstep2_kommentar_header {
margin-left: 1%;
}
.paymentstep2_nyhedsbrev_header {
margin-top: 1rem;
}
.paymentstep2_nextButton {
margin-left: 1%;
margin-right: 1%;
text-align: right;
}
#formular, .paymentstep2_vareoversigt {
width: 98%;
margin: 0 1%;
}
#searchbox {
width: 1024px;
top: 43px;
cursor:pointer;
width:200px;
}
#filtrering img {
width: auto;
}
#productbrandsconimage01 {
width: 100%;
justify-content: center;
text-align: center;
}
.productbrandsbrandimg01_0, .productbrandsbrandimg01_1, .productbrandsbrandimg01_2, .productbrandsbrandimg01_3, .productbrandsbrandimg01_4 {
flex: 0 0 15%;
}
#breadcrumbs span {
flex: 0 0 8%;
}
#breadcrumbs ul {
flex: 0 0 91%;
}
/****************************************/
/**************** MENU ******************/
/****************************************/
#menu_responsive {
display: block;
}
#menu_responsive_open, #menu_responsive_close {
display: block;
padding: 2px 5px;
position: absolute;
right: 5px;
top: 50px;
z-index: 999;
}
#open_close_con {
display: block;
right: 0;
top: 20px;
z-index: 88888;
width:unset;
}
#menu_open {
display: block;
}
#menu_open .menu_big {
background-image: url(https://www.juul-sko.dk/images/menu-black.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 30px auto;
display: block;
}
#menu_close .menu_big {
background-image: url(https://www.juul-sko.dk/images/menu-black.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 30px auto;
display: block;
}
#menu_undermenuer {
display: none;
height: 0;
}
.accordion .link {
cursor: pointer;
display: block;
color: #4D4D4D;
font-size: 14px;
font-weight: 700;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#menu {
width: 100%;
right: 0;
z-index: 99999999;
}
#mainmenu1_ul {
display: none;
top: 0px;
background-color: #fff;
width: 100vw;
position: absolute;
z-index: 9999;
}
#mainmenu1_ul li {
float: none;
}
.submenu {
position: relative;
width: 100%;
}
.submenu a {
float: none;
padding-left: 45px;
}
#menu_close {
display: none;
}
.show {
display: block;
}
nav {
margin: 0;
height: 60px;
flex: unset;
justify-content: flex-end;
order:2;
position:unset;
align-items:center;
}
.submenu li {
border: none;
}
.submenu .submenu a {
padding-left: 60px;
}
#mainmenu1_ul li {
border-top: 1px solid #ccc;
}
#kundeservice {
z-index: 999;
}
.submenu {
background-color: #fff;
}
.hasNotChild:hover, .accordion ul .link:hover{background-color:unset;}
#result{margin-top:0;}
.produktvisning-pris .sparskilt{left:170px; top:-375px;
}
#searchbox{right:-151px;}
.container1200{width:100%;}
#menu{width: auto;}
#top-links{order:2;margin-top:0;}
nav{order:3;}
#menutopLinks {
display: block;
position: relative;
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
top: 0;
width: 100%;
z-index: 999;
height: 45px;
background-color: #1D1D1D;
}
#menutopLinks{padding:1rem; height:unset;display:block;order:2;z-index:999;display:none;}
#top-links a{color:#fff;}
}
@media screen and (max-width: 768px) {
#searchbox2{top:73px;}
.logobar #top-links{display:none;}
#mainmenu1_ul {
padding-top: 0px;
}
#kurv-kasse{margin:0;}
#TilfoejKurvLightbox_text {
left: -28%;
width: 58%;
}
.sparskilt-produktside {
}
.produktoversigt {
flex-basis: 48%;
}
.produktvisning .sliding_product {
min-height: 251px;
}
.produktvisning-pris .sparskilt {
left: 258px;
top: -415px;
}
#produktvisning_con {
margin-left: 0;
}
.produkt_grp_div {
min-height: 249px;
}
#produktstorrelse{
display:flex;
flex-direction:column;
}
#antaltobasket input, #produktstorrelse select {
font-size: 18px;
}
#produktstorrelse select{
width:49%;
}
#antaltobasket input{
margin:0;
height:47px;
}
#storrelse-select{
order:3;
-ms-flex-order: 3;
-webkit-order: 3;
}
#storrelse-select p {
display: none;
}
.schemadiv {
display: block;
}
#top-sellingpoints{justify-content: space-around;}
#top-sellingpoints p {
font-size: 13px;
}
.container1200 {
width: 100%;
margin: 0;
}
#search-container {
right: 10px;
/*width: 6%;*/
}
#searchbox {
width: 768px;
top: 43px;
right: -185px;
display:none;
}
#result .sliding_product {
min-height: 200px;
}
#result .produktvisning h2 {
margin-top: 0;
}
#logo {
flex-shrink: 0;
flex-basis: 38%;
}
.bundLogo {
flex-basis: 23% !important;
}
.cell.container1200 {
max-width: 96%;
margin: 0 2%;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element {
flex-basis: 48%;
}
#content {
margin: 0;
}
#top .container {
width: 100% !important;
}
.site_boxes_con {
width: 98%;
}
.boks_table {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
#site_boxes {
height: auto;
}
#top_tekst {
height: auto;
top: 100px;
}
.bundLogo {
flex-basis: 33% !important;
}
#breadcrumbs {
width: 100%;
z-index: -3;
}
#breadcrumbs .container {
width: 100%;
}
#support #myDiv {
width: 390px;
}
#support h2 {
font-size: 20px;
}
.produkt_detalje_picprice {
flex-direction: column;
}
#produkt_variant h1 {
position: absolute;
top: 25px;
}
#productminipic .various1 {
margin-top: 0;
margin-bottom: 2%;
}
.produkt-information {
display:flex;
flex-direction:column;
margin-left: 0;
}
#produktnavn {
position: absolute;
top: 0;
margin-top: -2rem;
}
.minipic_con img {
width: 139px;
}
#staminfo {
margin-top: 2rem;
}
#produkt_variant {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
}
.produkt_enkelt_beskrivelse {
order: 1;
-ms-flex-order: 1;
-webkit-order: 1;
}
#produkttilbagediv {
order: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
#productRelatedImage01 img {
max-height: auto;
min-height: auto;
}
#productRelatedWrapper01 {
flex: 0 1 30%;
}
#basketHeaderText {
font-size: 15px;
}
#kurvenertom {
font-size: 14px;
}
.produkt_foerpris {
display: block;
text-align: right;
line-height: 0;
}
/***** Skabelon *****/
.col_1x3_div {
width: 98%;
text-align: center;
}
.col2content_div {
width: 98%;
margin: 0 auto;
}
.produktsideCon {
padding-top: 30px;
}
#top {
padding: 0 2%;
}
.search-wrap i {
right: 50px;
}
#loginboks {
width: 50%;
}
#productpic {
min-width: 100%;
margin-top: 2rem;
min-height: 415px;
display:flex;
}
.produkt_salgsprisright {
order:2;
-ms-flex-order: 2;
-webkit-order: 2;
text-align:right;
}
.knaptilfoj {
width:313px;
margin:0;
border:0;
height:47px;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
#antaltobasket{margin:0;}
#antaltobasket p{display:none;}
.tilbage-produktgrp {
float: left;
width: 100%;
margin-top: 2rem;
}
#storrelse-select {
position:relative;
margin:0;
text-align:right;
margin-bottom:5px;
}
#addToBasket {
margin: 0;
width: 100%;
align-items:flex-end;
justify-content:flex-end;
}
#produktdetaljebeskrivelse {
margin-top: 1rem;
}
#produktprisdiv {
margin-top: 0;
}
.oversigt_garanti {
padding-left: 15%;
}
.personrow {
width: 100%;
}
.personrow input {
width: 60%;
}
.personrow label {
float: left;
width: 40%;
}
.gem {
width: 100%;
}
.gem input {
float: right;
background-color: #FF6C00;
box-shadow: none;
border: 2px solid #fff;
padding: 7px;
border-radius: 5px;
color: #fff;
}
#db_user_bruger_postnummer {
width: 17%!important;
margin-right: 2%!important;
}
#db_user_bruger_postby {
width: 40%!important;
}
#bund .row {
flex-wrap: wrap;
}
#bund .container1200 .row > .cell {
flex: 0 1 50%;
padding: 1% 0 1% 0;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element, .forside_produkt {
flex-basis: 48%;
}
.forside_produkt a img {
height: 100%;
}
.produktgrp_item {
flex-basis: 48%;
}
#breadcrumbs span {
flex: 0 0 12%;
}
#breadcrumbs ul {
flex: 0 0 85%;
}
#productstorimage{
order:2;
-ms-flex-order: 2;
-webkit-order: 2;
flex:6;
}
#productminipic{
order:1;
-ms-flex-order: 1;
-webkit-order: 1;
flex:1;
display:flex;
flex-direction:column;
}
#productminipic .various1{
flex: 0 1 19%;
}
.sparskilt-produktside{
width:100%;
text-align: right;
}
#produktproducentlogo{
flex-direction: column;
align-self:flex-end;
}
#produktprisdiv .sparskiltcon{
position:relative;
margin-top:10px;
}
#top-sellingpoints{height:auto;}
nav{align-items:center;}
}
@media screen and (max-width: 610px) {
#productRelatedName01{margin-right:1rem;}
#productRelatedName01 h3{
font-size: 16px;
font-weight: 300;
min-height:80px;
}
.slide{background-size:cover !important;}
#top-sellingpoints{order:2;padding:0;}
#top-sellingpoints .slick-list{height:auto !important;}
.review_con{grid-template-columns: 1fr;margin: 0 1rem;}
.review_top{display:none;}
.review_count {
font-size: 13px;
margin-left: 17px;
}
#footercards img {
width: auto !important;
margin-top: 3rem;
}
#search-container{display:block;}
#searchbox2 {
top: 72px;
}
}
@media screen and (max-width: 500px) {
#productrelated_con01{grid-template-columns:1fr;}
#searchbox2 {
top: 70px;
}
.cookiecell{margin-bottom:20px;}
.cookieFlex{flex-direction: column;}
.cookieTeksten {
flex-basis: 76%;
margin-bottom: 30px;
}
#searchbox2{position:absolute; z-index:99999; left:0;}
#kurv-kasse {
display: block;
}
#kurv-ikon-responsiv {
display: none !important;
background-image: url(/images/supermarket.svg);
background-repeat: no-repeat;
width: 40px;
height: 40px;
margin-left: 20px;
}
#addToBasket {
width: 100%;
}
#productstorimage {
height: 335px;
order:1;
-ms-flex-order: 1;
-webkit-order: 1;
}
#productminipic{
flex-direction:row;
}
#productminipic .various1 {
margin-top: 2%;
margin-bottom: 0;
flex: 0 0 33%;
}
#produktproducentlogo{margin-bottom:40px;}
#produktstorrelse select {
width: 100%;
}
.baggrund-fixed {
display: none;
}
.baggrund-fixed {
height: 210px !important;
}
.flex-row-container > .flex-row-item {
flex: 1 100%;
width: 100%;
margin: 20px 0;
}
.flex-row-container {
flex-direction: column;
text-align: center;
}
#bund {
min-height: 280px;
height: auto;
order: 6;
-ms-flex-order: 6;
-webkit-order: 6;
}
.produktsideCon {
padding: 0;
margin: 0;
}
#searchbox {
width: 500px;
top: 86px;
right: -60px;
}
#result #produkter .produktoversigt {
flex-basis: 48%;
}
.undermenu3 {
padding-top: 0;
}
.kategorimain h1 {
padding-top: 0;
}
#loginboks {
width: 80%;
}
.slidercenterbox {
width: 18%;
}
.slidercenterbox h2 {
font-size: 18px !important;
}
.slidercenterbox span{
font-size: 14px !important;
}
.slidercenterbox h2{margin-bottom:0;}
.produkt_detalje_picprice {
flex-direction: column;
}
#productpic {
flex-direction:column;
}
.oversigt_garanti {
padding-left: 0;
}
.videoguides {
flex-direction: column;
}
.produktvideo, .montagevideo {
width: 100%;
margin-bottom: 3rem;
height: 300px;
}
#produktdetaljedownloads {
justify-content: space-between;
}
.produktdetaljedokument {
flex-basis: 48%;
width: 48%;
}
#productstorimage {
width: 100%;
float: none;
}
#productminipic {
width: 100%;
justify-content:flex-start;
}
.search-input-elm {
width: 290px;
}
.nyhedsbrev_tilmeld .container1200 {
padding-bottom: 3%;
margin: 0 2%;
width:96%;
height: auto;
}
.tilmeld {
margin-top: 1rem;
}
.produkt_enkelt_beskrivelse {
margin-top: auto;
}
#staminfo {
margin-bottom: 1rem;
}
.produkt_detalje_p {
margin-left: auto;
}
.produkt_oversigt_billede, .produkt_grp_billeder {
min-height: 189px;
}
#top-links a {
font-size: 9px;
color:#fff;
}
#topbar {
order: 2;
-ms-flex-order: 2;
-webkit-order: 2;
height:0;
}
#topbar .container1200 {
padding: 0;
min-height: 69px;
}
#top-sellingpoints {
flex-wrap: wrap;
padding: 0 20px;
height: auto;
}
#bund .container1200 .row > .cell {
flex: 0 1 100%;
}
#breadcrumbs span {
flex: 0 0 19%;
}
#breadcrumbs ul {
flex: 0 0 73%;
}
#filtrering {
flex-wrap: wrap;
}
.kategori_con, .storrelse_con, .farve_con, .maerker_con {
flex-basis: 100%;
}
#filterButton {
display: block;
padding: 20px;
background-color: #1d1d1d;
color: #fff;
text-align: center;
border-radius:5px;
margin-top: 5px;
cursor:pointer;
}
#filtrering {
display: none;
}
.openFilter {
display: flex !important;
}
.storrelse_con, .kategori_con, .farve_con, .maerker_con {
padding: 0;
}
#bund .cell {
margin-bottom: 20px;
text-align: center;
}
.cell.table {
width: 100%;
}
#top #top-links {
display: none;
}
#dinkurv{z-index:99999;width:45%;}
#menutopLinks a {
font-size: 14px;
}
#kurv-ikon-responsiv {
margin-left: 0;
}
#search-container {
right: 0;
margin: 0;
}
.searchCon {
margin-left: 0px;
}
#search-container {
margin-right: 10px;
margin-left: 5px;
}
#top {
height: 60px;
}
#antaltobasket {
margin-top: -20px;
flex-basis: 16%;
}
.knaptilfoj {
margin-top: 0;
width:100%;
margin-left:5px;
}
#antaltobasket input {
width: 100%;
flex-basis: 25%;
}
#antaltobasket p {
text-align: center;
padding-bottom: 0 !important;
}
#produktblock {
margin-top: -30px;
}
#addToBasket{
justify-content:flex-start;
}
#top-links{
display:flex;
justify-content:space-between;
margin-top:0;
}
#top-links a{margin-left:12px;}
.produkt_grp_div, .produktvisning .sliding_product{min-height:auto;}
#filtreringCon {
position: fixed;
top: 0;
display: block;
width: 96%;
z-index: 1100;
}
#top .container{width:100%;}
.produktvisning-pris .sparskilt {
left: 135px;
top: -325px;
}
#TilfoejKurvLightbox_text{
left: 2%;
width: 96%;
margin: 0;
height: auto;
}
#productminipic .various1:nth-child(2), #productminipic .various1:nth-child(5) {
margin-left: 3%;
margin-right: 3%;
}
#productminipic .various1{flex:0 0 31%;}
#specialOffersCon .produkt_oversigt_billede {
min-height: 110px;
height: auto;
}
#top-sellingpoints{padding:1rem;}
#top-sellingpoints p{padding:0 !important;text-align:center;}
}
@media screen and (max-width: 440px) {
#logo a {
display: block;
z-index: 1;
}
.sparskilt-produktside {
}
#productrelated_con01{justify-content:space-between;}
#productRelatedWrapper01{padding:10px;text-transform:uppercase;}
#productRelatedName01 h3{margin-top:1rem; padding:0;}
#productRelatedName01 h3:first-letter{text-transform:uppercase;}
.slidercenterbox {
width: 96%;
margin: 0 2%;
}
#naeste {
padding: 4%;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element {
flex-basis: 48%;
}
.socialIcons {
justify-content: center;
}
.socialIconsCon {
margin: 0;
}
.call_to_action_button {
min-height: 350px;
}
#content_overskrift {
padding-top: 20px!important;
}
.card {
width: 100%;
}
#bund ul {
margin: 0;
}
#bund .cell {
min-height: 0;
}
#content {
width: 100%;
}
.col2content_div {
width: 100%;
}
.produktsideCon {
display: block;
padding-top: 30px;
}
.container {
padding: 0 2%;
}
span#logintxt {
display: none;
}
.minipic_con img {
width: 130px;
}
#productRelatedWrapper01 {
flex: 0 1 49%;
}
.produkt_oversigt_billede, .produkt_grp_billeder {
min-height: 161px;
}
nav {
top: 0px;
right: 0px;
}
#searchbox {
width: 440px;
top: 88px;
right:-67px;
}
#result .sliding_product {
min-height: 157px;
}
.produktvisning {
min-height: 230px;
}
#produktvisning_con {
flex: 0 0 100%;
}
.produkt_grp_div {
min-height: 170px;
}
.produktvisning .sliding_product {
min-height: 170px;
}
.produktvisning-pris .sparskilt {
left: 110px;
top: -320px;
}
.productbrandsbrandimg01_0, .productbrandsbrandimg01_1, .productbrandsbrandimg01_2, .productbrandsbrandimg01_3, .productbrandsbrandimg01_4 {
flex: 0 0 31%;
}
#kundeservice {
height: 30px;
top: 300px;
right: -67px;
}
.produktvisning h2{margin-top:1rem;}
#formular_newsletter div div{display:block;}
.salgsobsMobil{display:block;}
.salgsObs{width:100%;}
.salgsobsMobil .container1200 {
padding: 0;
}
}
@media screen and (max-width: 414px) {
.accordion li i, #menu a{color:#000;}
#mainmenu1_ul{background-color:#fff;}
.sparskilt-produktside {
}
#logo {
flex-basis: 40%;
}
.card {
margin: 10px 5px;
}
#support #myDiv {
width: 390px;
}
#nyhedsbrev_overskrift {
font-size: 19px;
}
#formular_newsletter input[name="email"] {
width: 90%;
margin-top: 0.3rem;
}
#formular_newsletter input[name="navn"] {
width: 90%;
}
#searchbox {
width: 414px;
top: 88px;
}
#shopbasket_con {
width: 100%;
padding: 2%;
}
.produktgrp_item {
flex-basis: 100%;
}
.produkt_grp_div {
min-height: 357px;
}
.produktoversigt {
flex-basis: 100%;
}
#topbar {
height: 0px;
order:2;
}
.produktvisning-pris .sparskilt {
left: 292px;
top: -400px;
}
}
@media screen and (max-width: 376px) {
.sparskilt-produktside {
}
#produktstorrelse select {
width: 100%;
}
.search-input-elm {
width: 219px;
}
#support #myDiv {
width: 335px;
}
.login i, .logout i {
margin: 0px;
}
.login, .logout {
margin-left: 10px;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element {
flex-basis: 48%;
margin-bottom:20px;
}
.produkt_oversigt_billede, .produkt_grp_billeder {
min-height: 302px;
}
#productstorimage {
height: 300px;
}
.paymentstep2_kommentar textarea {
width: 96%!important;
}
.knaptilfoj {
margin-left: -5px;
}
.produkt_grp_div {
min-height: 321px;
}
#result .produktoversigt {
flex-basis: 100%;
}
#searchbox {
width: 376px;
top: 86px;
right:-65px;
}
#result .sliding_product {
min-height: 30px;
}
.produktvisning {
min-height: 360px;
}
#logo img {
margin-bottom: -10px;
}
.productbrandsbrandimg01_0, .productbrandsbrandimg01_1, .productbrandsbrandimg01_2, .productbrandsbrandimg01_3, .productbrandsbrandimg01_4 {
flex: 0 0 49%;
}
#breadcrumbs span {
flex: 0 0 24%;
}
.produktvisning-pris .sparskilt {
left: 260px;
top: -380px;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element {
flex-basis: 48%;
}
}
@media screen and (max-width: 360px) {
.produktvisning-pris .sparskilt {
left: 244px;
top: -370px;
}
#top-sellingpoints{display:block;}
}
@media screen and (max-width: 347px) {
.sparskilt-produktside {
}
.cta-button {
padding: 20px 26px;
}
.produkt_oversigt_billede, .produkt_grp_billeder {
min-height: 275px;
}
#produktstorrelse select {
width: 275px;
}
.knaptilfoj {
width: 83%;
margin-left: -2px;
}
#searchbox {
width: 347px;
top: 46px;
}
#result .sliding_product {
min-height: 264px;
}
.produktvisning {
min-height: 305px;
}
#topbar .container1200 {
padding: 0;
min-height: 86px;
}
}
@media screen and (max-width: 320px) {
#logo {
top: 40px;
}
.sparskilt-produktside {
}
.produkt_salgsprisright {
font-size: 30px;
}
#produktstorrelse select {
width: 253px;
}
.cta-button {
color: #fff !important;
border: 5px solid white;
padding: 17px 12px;
border-radius: 10px;
position: relative;
top: 62px;
text-transform: uppercase;
}
.call_to_action_button {
min-height: 350px;
}
#content_overskrift {
padding-top: 20px!important;
}
#support #myDiv {
width: 300px;
}
#support h2 {
font-size: 15px;
}
.produkt_oversigt_billede, .produkt_grp_billeder {
min-height: 250px;
}
#nyhedsbrev_overskrift {
font-size: 17px;
}
#searchbox {
width: 320px;
top: 46px;
}
.produkt_grp_div, .produktvisning .sliding_product {
min-height: 269px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#produktvisning_con{float:left;flex:none;}
.produktoversigt{float:left;width:20%;flex-basis:26%;}
.produktvisning{float:left;}
.schemadiv{width:100%;}
.produktgrp_indhold{float:left;flex:none;}
.nyhedsbrev_tilmeld{float:left;}
#trustpilot-boks{float:left;}
footer{width:100%;}
img{border:0;}
}