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: 'Noto Sans', sans-serif;
font-size: 16px;
margin:0px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
line-height:1.5;
}
* {
margin: 0;
padding: 0;
}
a {color: #111111;text-decoration:none;}
a:hover {color: #000;text-decoration:underline;}
#content_wrapper{
background-image:none;
text-align: left;
padding:5px;
}
p{font-family: 'Noto Sans', sans-serif; line-height:1.3;}
h1, h2, h3{font-family: 'Noto Sans', sans-serif; margin-bottom:1rem;}
h1{
font-size:23px;
font-weight:normal;
font-weight:bold;
}
h2{
font-size:20px;
font-weight:normal;
margin:5px 0 10px 0;
font-weight:bold;
}
h3{
font-size:15px;
font-weight:bold;
}
.container{
width:100%;
margin:0 auto;
position:relative;
}
.column{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.backgroundColor_grey .container{min-height:30px;}
#content{
width:100%;
min-height:530px;
order:3;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
}
#content_overskrift{
padding: 10px 0;
color:#000;
width: 1200px;
margin: 0 auto;
}
#content_overskrift h1{
font-weight: bold;
font-size: 35px;
}
#content_overskrift h2{
font-weight: bold;
font-size: 30px;
padding-top: 5px;
}
.seller{color:#429548;}
#content_tekst{
padding:20px 0;
}
#top{
position: relative;
order:2;
-ms-flex-order: 2;
-webkit-order: 2;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
top: 0;
width: 100%;
z-index:1;
height:100px;
background-color: #f9f9f9;
border-bottom: 1px solid #aaa;
}
#top .container{max-width:1200px;}
.bordergrey {border: 1px solid #e4e4e4;}
.boks_table_mid{
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#fff;
height: 335px;
}
#logo{
flex-basis: 10%;
flex-shrink: 20%;
position:relative;
float:left;
text-align:left;
}
#logo img{max-width:100%;}
.backgroundColor_grey{
float: left;
width: 100%;
min-height:30px;
position:absolute;
}
.underundermenuer{
height:30px;
background:#f7f7f7;
margin-top:30px;
position: absolute;
width: 100%;
}
#bund{
float: left;
width: 100%;
padding: 10px 0;
background-color:#234025;
clear: both;
position: relative;
min-height: 200px;
margin-top: 0;
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-ms-flex-order: 5;
-webkit-order: 5;
order:5;
height:auto;
}
#bund .container{
width: 1200px;
margin: 0 auto;
}
#bund_kontakt p{margin:15px 0;}
#bund_quicklinks{
float: left;
width: 50%;
}
#bund a{
color: #429548;
text-decoration: none;
}
#bund a:hover{color: #429548;}
.kontaktlinje {
font-size: 14px;
}
.kontaktlinje i {
margin-right: 5px;
}
#bund .bundkontakt{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
width:100%;
justify-content: space-between;
flex-wrap:wrap;
}
#bund .bundcol{padding:0 10px;}
.bundcol i{color:#fff;}
.bundlogo {
width: 220px;
}
.flex-row-item p{padding-top:12px;}
#madebyruler{
width: 100%;
bottom: 0;
z-index: 1000;
text-align: center;
float: left;
clear: both;
position: relative;
height: 60px;
margin-top: 0px;
z-index:0;
}
#madebyruler img {
opacity: 0.2;
}
#madebyruler img:hover {
opacity: 1;
}
.searchtext{display:none;}
.searchCon{
float: left;
position: relative;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
align-items: center;
justify-content: flex-end;
margin-left:10px;
}
.topprofillink {
text-align: right;
}
.login, .logout{margin-left: 20px;}
.login i,
.logout i{
font-size:18px;
margin-left:10px;
}
.loginCon {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
margin:0 20px;
}
.loginCon .logout{text-align:right;}
.topprofillink a {font-size: 13px;}
.ikkeloggetindknap{
text-decoration:underline;
cursor:pointer;
color:#429548;
}
.fas.fa-search:hover{cursor:pointer;}
/******************* download **********************/
.downloadCon{display: flex;
width: 100%;
justify-content: flex-start;
margin-bottom: 3rem;
margin-top:1rem;
flex-wrap: wrap;}
.downloadpdf h2{padding:0; font-size:16px; text-decoration:none;}
.downloadpdf{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
margin:1%;
background-color: #f9f9f9;
border-radius: 0.5rem;
padding: 10px;
box-shadow: 0px 0px 1.5px 0px;
transition: 0.2s;
flex-basis: 23%;
}
.downloadpdf:hover {
box-shadow: 0px 0px 4px #000;
}
#producttabcon table {
width: 100%;
}
#producttabcon table.tab-table {
font-size:80%;
}
#producttabcon table tr th{text-align:left;text-transform: uppercase;}
#producttabcon table tr:nth-child(odd){background-color:#E4F4FD;background-color: #429548;
color: #fff;}
#producttabcon table tr td{padding:5px;}
/******************* Produkter ************************/
.sliding_product {
width: 100%;
}
.produktgrpbillede{max-height:200px; width: auto !important; max-width:100%;object-fit:cover;}
#produkt_grp_indhold {
flex: 0 0 100%;
margin-bottom:1rem;
order:2;
margin-top: 3rem;
}
.produkt_oversigt_header h2{text-decoration:none;}
.oversigt_patent{
position:absolute;
padding-top:0px;
}
.oversigt_garanti{
position:absolute;
padding-top:180px;
padding-left:200px;
}
#produkt_variant h1{font-weight:bold;}
.skjult{display:none;}
.shoppingfiltercon{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
flex-wrap:wrap;
margin-bottom:2rem;
}
.selfilter{
font-size:16px;
padding:1%;
}
.filteritem{margin-top:1rem;}
.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%;
}
#forside_produkter{
width:100%;
}
#produkter_oversigt,#forside_produkter{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap:1rem;
margin-bottom:2rem;
}
.detalje_fakta_text table td:nth-child(odd) {
font-weight: bold;
text-transform: capitalize;
}
.detalje_fakta_text table {
width: 100%;
}
.detalje_fakta_text table td {
padding: 5px;
}
.detalje_fakta_text table tr:nth-child(odd) {
background-color: #E4F4FD;
}
#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;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; 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%;
flex-grow: 1;
}
.forside_produkt:hover {
box-shadow: 0px 0px 4px #000;
}
.forside_produkt a{text-align:center;}
.forside_produkt h2 {text-decoration: none;}
#produkt_con{padding-left:50px;}
.produkt_oversigt_billede a{width:100%;}
.myul{padding-left:30px;}
.produkt_grp_billeder img{width:100%;}
.produkt_oversigt_element:hover {
transform: translateY(-1rem);
cursor:pointer;
}
.produkt_oversigt_billede{
min-height:220px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
align-items:center;
justify-content:center;
}
.produkt_oversigt_element{text-align:center;box-sizing:border-box;}
.produkt_oversigt_element img {
max-width:100%;
max-height: 210px;
}
.ctaknap{background-color:#429548; padding:10px; margin:1rem 0 0 0; font-size:15px; color:#fff; cursor:pointer;border-radius:40px;}
.ctaknap a{color:#fff !important; font-weight:bold;}
.ctaknap:hover {
background-color: #429548;
}
.ctaknap a{display:block;}
.ctaknap i{
padding-right:.5rem;
}
.forside_produkt h2,.produkt_oversigt_header h2{
margin-top: 0.5rem;
padding:0;
}
.produkt_oversigt_header{
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order:2;
}
#slidingProduct1 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.produkt_oversigt_laesmere.ctaknap{order:4; margin-top:auto;}
.produkt_enkelt_prisbutik {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.produkt_salgspris {
font-size: 22px;
padding-right: 1rem;
}
.produkt_oversigtpriser {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
justify-content: space-between;
}
.produkt_foerpris{
text-decoration:line-through;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
align-items: center;
}
.antallinie {
margin-top: 2rem;
}
.antallinie span{
background-color: rgb(76,175,80);
padding: 10px;
}
.antallinie input {
width: 30px;
}
/**** SØGNING ****/
.produkt_oversigt_beskrivelse {
text-align: left;
}
.mycustomresult {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap:wrap;
margin-top:1rem;
}
.mycustomresult .produkt_oversigt_element, .produkt_oversigt_grp_element{width:23%; flex-basis:23%; }
#mysearchdetails {
display: flex;
}
#searchfritekst input{
width:200px;
height:35px;
padding:5px;
font-size:15px;
margin-left:5px;
}
#searchsubmit input {
width: 60px;
height: 35px;
background-color: #046386;
color: #fff;
padding: 5px;
font-size: 16px;
}
/*PRODUKT DETALJE */
#produktdetaljedownloads{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
flex-wrap:wrap;
}
.produktdetaljedokument{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
flex-basis:15%;
text-align: center;
margin-bottom:3rem;
}
.produktdetaljedokument a:last-child {
background: #429548;
padding: ;
color: #fff;
padding: 10px;
border-radius: 10px;
margin: 0 8px;
margin-top:auto;
}
.produktdetaljedokument img{width:100%;}
#productpic {
width: 35%;
}
#bigpic {
max-height: 100%;
max-width: 100%;
}
#productminipic{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:.5rem;
}
.minipic_con{display: flex;align-items: center;justify-content: center;flex:1;}
.minipic_con img{width:100%;}
#produkter_detaljer {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.produktdetalje {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.produkt_detalje_picprice {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
gap:2rem;
}
.produkt_detalje_p {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
flex:2;
}
ul {
margin-left: 25px;
}
#productstorimage{width:100%;text-align:center; display: flex;
align-items: center;
justify-content: center;}
.paymentstep2_formbetaler input {
height: 30px;
}
.produkt_enkelt_beskrivelse {
margin-top:20px;
margin-bottom: 20px;
}
.produkt_enkelt_beskrivelse p {
line-height: 1.5;
}
.paymentstep2_formbetaler_input input, .paymentstep2_andenLev_input input{width:350px;}
.paymentstep2_vareoversigt {
padding:20px !important;
}
.betalings_con{padding:20px !important;}
#antaltobasket input {
height: 47px;
width:40px;
margin-right:0.2rem;
border: 1px solid #429548;
}
#produkter_detaljer .produkt_salgsprisright {
font-size: 28px;
}
/*
.paymentstep2_betingelser_header, .paymentstep2_betingelser_header_con{display:none !important;}
*/
#specialOffersTableWrap{
display: flex;
justify-content:flex-start;
margin-top: 3rem;
flex-wrap: wrap;
}
#productRelatedName01 {
padding: 0.5rem;
}
.produktdetaljedokument h3 {
font-size: 14px;
}
/***** RELATED PRODUCTS *****/
#productrelated_con01{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap:1rem;
}
.bokshead{flex:0 0 100%; margin-bottom:20px;}
#productRelatedImage01{
text-align:center;
min-height: 120px;
}
#productRelatedImage01 img{width:100%;}
#productRelatedWrapper01 {
border: 1px solid #e1e1e1;
flex-basis: 19%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
padding: 2%;
height: auto;
margin-bottom: 1rem;
margin:0.5%;
}
#productRelatedName01 a h3 {
font-size: 16px;
}
/******************* SEARCH OG SPROG *****************/
.searchCon img{
width:60px;
float:right;
}
.searchCon .sprog{
float:left;
font-size: 15px;
color:#7f7f7f;
}
#topbar{border-bottom:1px solid #429548; padding:5px 0px;}
#topbar .sprog ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#topbar .sprog ul li{
float:left;
padding: 0 6px;
border-right: 1px solid;
}
#topbar .sprog ul li:last-child{
border:0;
padding-right:0;
}
.sprog a{
color:#b5b5b5;
}
/*********************************************/
a.aktiv{
font-weight:bold;
color:#429548;
}
li.aktiv{
color:#000000;
}
.bokslink:hover{
background-color: #6A6E71;
color: white;
}
.bokslink:hover a{
color: white;
}
/***medarbejdere **/
.badgeDesc{font-size:1rem;}
.badgeRole {
font-size: 0.9rem;
}
.cardTitle {
font-size: 1rem;
margin-bottom: 5px;
}
.badgeDesc, .badgeDesc a {
font-size: 12px;
}
.cardBody{min-height:130px; width:96%;}
.badgeHeader{background-color:#429548 !important;}
.card{height:auto; flex-grow:0;}
.cell.card{flex-basis:21%; height:270px;}
.cardHeader{height:auto;}
/************************ 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: 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{
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order:3;
margin-top:2rem;
display:none;
}
#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;
}
#vejledendepris{
font-size:22px;
}
#vejledendepris span{
font-weight:bold;
font-size:22px;
}
/******************** BUND SLUT *************************/
/************************************************************************************
SKABELONER//TEMPLATES
*************************************************************************************/
.sortable-list p{
font-size:16px;
margin:1.12em 0;
}
#content_ie_100percent_fix, .sortable-list{
padding:0px;
width:100%;
text-align:left;
color:#333;
font-size: 16px;
font-family: 'Open Sans Condensed', sans-serif;
}
.sortable-list td{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;
height:auto !important;
}
#content_ie_100percent_fix a, .sortable-list a{
text-decoration: none;
text-decoration:none;
}
#content_ie_100percent_fix p{
display:block;
margin: 1.12em 0;
}
.valgt_skabelon {
border: 2px dotted #ccc;
clear: both;
float: left;
margin-top: 5px;
padding: 3px 0;
text-align: center;
width: 70px;
}
.segment{
width:100%;
float:left;
}
.lightblue{background-color:#87CEF9;}
/************************************************************************************
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: 999999;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items:center;
border-top:1px solid #429548 !important;
}
.cookies .segment .blank_content_white{
min-height: unset;
background-color: transparent;
}
.cookies a{
color:#429548 !important;
}
.cookies .ctaknap {
width: 160px;
height:50px;
display: flex;
align-items: center;
justify-content: center;
font-size:16px;
}
.cookies .ctaknap a {
color:#fff !important;
}
.cookies p {
font-size: 14px;
}
.cookies i{margin-left:50px;}
.cookies i {
margin-left: 10px;
}
/************************************************************************************
MENU
*************************************************************************************/
.top-links{
float: right;
margin-top: 10px;
}
.top-links a{
font-size:14px;
color:#4e4e4e;
text-decoration:none;
}
#mainmenu1_submenudiv{
width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
#mainmenu1_submenudiv .submenu {
background:none;
width:100%;
list-style-type:none;
}
#mainmenu1_submenudiv .submenu li{
border:0;
}
#mainmenu1_submenudiv ul{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
#mainmenu1_submenudiv ul li{
flex:basis;}
#mainmenu1_ul li:last-child div {
padding-right: 0px;
}
nav{
width: 1200px;
margin: 0 auto;
top: -10px;
}
nav a{
font-weight:bold;
}
#menu{
padding:0;
display: block;
}
#menu a{
text-decoration: none;
}
#mainmenu1_ul{
width:100%;
display:block;
left:0;
position:relative;
}
#mainmenu1_ul li {
float:left;
}
#menu_responsive{
display:none;
}
#open_close_con{
display:block;
width:100%;
z-index:99;
}
#menu_open,
#menu_close,
.menu_big,
#menu_small{
float:left;
display:block;
}
#menu_open, #menu_close{margin-right:10px;}
.menu_big{
font-size:18px;
height:auto;
padding:28px;
width:auto;
}
#menu_open,
#menu_close,
.menu_big,
#menu_small{
cursor:pointer;
}
#menu_small{
float:left;
height:15px;
padding:3px;
padding-top:5px;
padding-bottom:5px;
}
#menu_small{
width:22px;
}
#menu_undermenuer{
float: left;
position: absolute;
width: 100%;
z-index: 1;
}
#menu_undermenuer ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
#menu_undermenuer ul li{
float:left;
}
#menu_undermenuer li a:hover{
text-decoration:underline;
}
#menu_undermenuer li a{
font-size:14px;
display:block;
color:#666;
text-decoration:none;
padding:0;
font-family: 'Open Sans', sans-serif;
}
.backgroundColor_grey #mainmenu1_submenudiv {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items:center;
min-height:30px;
}
.submenu .menuChosen{
background-color:#429548;
}
li .menuChosen .link{
background: #429548;
}
#menu_undermenuer li ul{
display:none;
}
#menu_undermenuer #underundermenu li ul{
display:block;
}
#menu_undermenuer #underundermenu li ul li ul {
display:none;
}
#menu_undermenuer li a.firstElementAndMenuChosen,#menu_undermenuer li a.menuChosen{
color:#000;
font-weight:bold;
}
#menu_undermenuer #underundermenu .container1200 ul {
width:100%;
margin-top:3px;
}
#menu_undermenuer #underundermenu .container1200 ul li{
width:100%;
}
#menu_undermenuer #underundermenu .container1200 ul li ul{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
#menu_undermenuer #underundermenu .container1200 ul li ul li{
padding:0;margin:0;width: auto;margin-right: 20px;
}
#menu_undermenuer #underundermenu .container1200 ul li ul li ul{
display:none;
}
#underundermenu li {
list-style: none;
}
.undermenu3{
display:block;
position:relative;
margin-bottom:20px;
padding-top:20px;
height:auto;
margin-right:40px;
}
.undermenu3 ul {
list-style: none;
line-height: 1.8;
}
.undermenu3 a{
text-decoration:none;
font-size:14px;
}
.produktsideCon {
margin-top: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
.submenu a, .menuChosen a, .submenu link, .menuChosen .firstElementAndMenuSiblingChosen a, .menuChosen .menuSiblingChosen a, .submenu li.menuParentChosen a, .menuChosen .submenu a{font-weight: normal;
}
.produktVisning img{
border: 1px solid #e4e4e4;
}
.produktVisning .cell{
flex-basis:22%;
}
.container1200 .cell {
margin-right: 0;
margin-left: 0;
}
.cell1{flex:220px; flex-grow:0;}
.cell2{flex:3;}
.cell2.kort {
margin-right: 30px;
}
/******************************* 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;
}
.produktrelateret {
margin-top: 3rem !important;
}
/******************************** BUTTONS SLUT *************************************/
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}
ul.tabs li.current{
background: #429548;
border-top: solid 1px #429548;
border-left: solid 1px #429548;
border-right: solid 1px #429548;
color: #fff;
}
.tab-content,.tab-sub-content{
display: none;
border:1px solid #429548;
padding: 15px;
}
.tab-content-sub{
display: none;
border-left:1px solid #429548;
border-right:1px solid #429548;
border-top:1px solid #429548;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.tab-content.current,.tab-sub-content.current{
display: inherit;
}
/*************** tabs *******************/
.produktrelateret.container1200{margin-top:0; padding-top:0;}
/******************************* NY MENU *******************************************/
.accordion {
position: absolute;
width: 100%;
/*max-width: 360px;*/
background: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 300px;
}
.open .accordion {
display: block;
}
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 45px 15px 42px;
color: #4D4D4D;
font-size: 14px;
font-weight: 700;
border-bottom: none;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
text-transform: uppercase;
}
.menuChosen{
font-weight:bold !important;
}
.accordion ul .link i{
color:#fff;
}
.accordion ul .link:hover i{
color:#fff;
}
.submenu .link .menuChosen{
font-weight:bold;
color:#fff;
}
.link .menuChosen {
font-weight: bold;
color: #429548;
}
.link .firstAndMenuChosen {
font-weight: bold;
color: #429548;
}
.accordion li:last-child .link {
border-bottom: 0;
}
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #429548;
-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 .link {
color: #429548;
}
.accordion .submenu .menuChosen i{color:#fff;}
.accordion li.open i, .accordion li.open li.open i {
color: #429548;
}
.submenuNivUl1 .menuNiv1AndMenuChosen {
background: #429548;
color:#fff;
}
.accordion li.open li.open i {
color: #fff;
}
/** 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: 60%;
position: absolute;
z-index:22;
}
.hasNotChild:hover{
background-color: #429548;
color: #fff;
transition: all 0.25s ease;
}
/******** Submenu **********/
.submenu {
display: none;
background: #292929;
font-size: 14px;
}
.submenu .submenu{
width: 100%;position: relative;}
.submenu li {
border-top: 1px solid #4b4a5e;
width: 100%;
}
/*.submenu li:hover{
background:#429548
}*/
.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%;
}
.submenu li.currentHover {
background: #429548;
color: #FFF;
}
.submenu .link{
padding: 0px 43px 0px 0px;
}
.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: #429548;
color: #FFF;
}
.accordion ul .link ul:hover{
background-color:#292929;
}
.accordion ul li.link i, .accordion ul li.link i:hover {
color:#fff;
}
.submenu li ul li:hover {
background: #429548;
color:#fff;
}
.accordion ul li.link i{
top:30px;
color:#fff;
}
.accordion ul li.link a:hover{
background:none;
}
.accordion ul li ul li.submenu li {
padding: 20px 50px;
color: #fff;
cursor:pointer;
}
.accordion .submenu li.open i.fa-chevron-down{}
a.menuChosen, a.firstElementAndMenuChosen{
text-decoration:none;
}
#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 *******************************************/
#topbar{
order:1;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
display:none;
}
#topbar .container1200{
min-height:20px;
display:flex;
align-items:center;
justify-content:flex-end;
padding:0px;
}
.sprog{width:auto;}
.sprog ul li {
display: inline;
padding: 5px;
}
/************************************************************************************
BRØDKRUMMER
*************************************************************************************/
#breadcrumbs{
background-color: #429548;
float: left;
padding: 5px 0;
width: 100%;
font-size: 14px;
top: 533px;
color: #fff;
min-height: 30px;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order:3;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items:center;
}
#breadcrumbs .container{
max-width: 1200px;
margin: 0 auto;
min-height:0;
padding: 5px 0;
}
#breadcrumbs a{
color: #fff;
font-size:14px;
}
#breadcrumbs_text{
float:left;
font-style: italic;
}
#breadcrumbs ul{
margin: 0;
list-style: none;
font-style: italic;
}
#breadcrumbs ul li{
margin:0;
padding:0 5px;
float:left;
}
#produkt_tilbage {
margin-bottom: 20px;
display: block;
}
#produkt_tilbage i{margin-right:5px;}
.produktdetalje .container1200 {
margin-top: 0;
padding-top: 0px;}
/************************************************************************************
IKONER I HØJRE SIDE
*************************************************************************************/
#support{
position:absolute;
top:0px;
right:0px;
width:45px;
z-index:99999;
}
#blue {
position:fixed;
top:205px;
right:0px;
width:45px;
z-index:99999;
display:block;
}
.blue {
float:right;
margin-right:-8px;
background-repeat:no-repeat;
display:block;
height: 50px;
width: 50px;
}
.blue:hover{margin-right:0px;}
.alert-close {
background: rgba(255,255,255,0.1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
color: #000;
cursor: pointer;
font-size: 18px;
font-weight: normal;
height: 22px;
line-height: 24px;
position: absolute;
right: 11px;
text-align: center;
top: 9px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
width: 22px;
}
#myDiv {
display:none;
right:0px;
opacity: 1;
width: 480px;
position: absolute;
background-color: #fff;
border-radius: 10px 0 0 10px;
padding-left: 10px;
padding-top: 10px;
-webkit-transform:none;
-moz-transform: none;
-o-transform:none;
top:-205px;
}
#myDiv h2{text-decoration:none;}
#support label{
color: #4c4052;
font-size:12px;
}
#support .formular{
border: 1px solid #d8d7dc;
border-radius: 2px;
line-height:20px;
width: 96%;
}
#support input{
margin-bottom: 10px!important;
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
}
.form-submit{width:100% !important;}
#support textarea{
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
margin-bottom: 10px;
}
.myButton2 {
-moz-box-shadow: 0px 10px 14px -7px #276873;
-webkit-box-shadow: 0px 10px 14px -7px #276873;
box-shadow: 0px 10px 14px -7px #276873;
background-color:#429548;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:13px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
width:100%;
border:none;
float: right;
margin: 8px 4px 8px 0;
}
.myButton2:hover {
background-color:#429548;
}
.myButton2:active {
position:relative;
top:1px;
}
/****************
.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;
}
/******** HUBSPOT NYHEDSBREV KONTAKTSIDE ******/
.hs-form-3f6b6ecb-9583-4b8a-9817-4055e735ee2d_a30eab0f-809b-40cc-aa82-b6567da670e2 .hs-form-field label:not(.hs-error-msg) {
color: #000 !important;
}
.hs-input{height:30px;}
/******************* TABLE DIV **************/
.tableDiv .trDiv:nth-child(2n+1) {
background: #E4F4FD;
}
.trDiv {
display: flex;
justify-content: space-between;
flex-wrap:wrap;
margin:2rem 0;
padding: 20px;
}
.tdDiv {
flex:1;
padding:10px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
align-items:flex-start;
}
.tdDiv.quickorderOrdreLinje {
flex: 1;
}
/***************** QUICKORDER ****************/
#nyantal {
width: 30px;
}
.quickorderCon {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.quickorderCon h2 {
text-decoration: none;
}
.tdDiv.quickorderPic {
justify-content: center;
align-items: center;
}
.tdDiv.quickorderAntal {
flex: 0 1 30px;
}
.quickorderOrdreLinjeDiv {
line-height: 1.5;
width:100%;
font-size:80%;
}
.quickorderPicImg {
display: flex;
align-items: center;
justify-content: center;
}
.quickorderAntal{vertical-align:middle;}
.quickorderAntalDiv {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
align-items: center;
justify-content: center;
}
.quickorderHead {
margin-bottom: 10px;
}
.quickorderOrdreLinjeDiv table {
width: 100%;
}
.tdDiv.quickorderAntal {
width: 40px;
}
#genbestilKnap {
display: flex;
justify-content: flex-end;
}
.quickorderVarenavn{
flex:0 0 100%;
}
.quickorderVarenavn a{text-decoration:underline;}
/*** MOBIL VISNINGEN **/
.trDivMobil{display:none;}
.quickorderPris h3{font-size:2rem;}
.tdDiv.quickorderPris {
align-items: flex-end;
padding-right: 25px;
}
.quickorderDateDiv{font-size:80%;}
/********************************* SEARCH *****************************************/
.search-wrap i {
position: absolute;
right: 20px;
top: 12px;
z-index: 9999;
}
.search-input-elm{
display: none;
width: 370px;
border-radius:15px;
}
.search .search-input {
width: 100%;
color:
#4E4E4E;
border: 15px;
height: 40px;
margin: 0;
padding: 0;
font-size: 18 px;
font-weight: bold;
padding-left:8px;
float:right;
border-bottom: 2px solid #429548;
}
.search input::placeholder {
font-size: 18px;
font-weight: 500;
color: #4E4E4E;
font-family: 'Montserrat', Open Sans, Sans-serif;
}
.search-btn{
width: 50px;
height: 50px;
background-color:#429548;
background-image: url('/images/search.png');
border: none;
background-repeat: no-repeat;
background-position: 9px 9px;
color:
#fff;
font-family: 'Montserrat', Open Sans, Sans-serif;
float: right;
font-size: 15px;
padding-top: 47px;
font-weight: 500;
}
/********************************* SEARCH SLUT *****************************************/
.selller {
padding: 5px;
background-color: #046386;
color: #fff;
border-bottom: 2px solid #046386;
font-size: 16px;
text-align:center;
}
/*************************************************************************************/
/********************************* MEDLEMMER *****************************************/
/*************************************************************************************/
.personrow{
width: 35%;
height: 30px;
margin-bottom: 5px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items:center;
}
.personrow input,.personrow select{
padding: 5px;
border-radius: 5px;
box-shadow: none;
border: 1px solid #429548;
font-size: 15px;
float: right;
width: 75%;
}
.personrow label{
/*float: left;*/
width: 25%;
font-size:14px;
}
.gem{
width: 35%;
float: left;
}
.gem input{
float: right;
background-color: #429548;
box-shadow: none;
border: 2px solid #fff;
padding: 7px;
border-radius: 5px;
color: #fff;
}
.gem input:hover{
background-color: #fff;
color: #429548;
border: 2px solid #429548;
}
.gemt{
background-color: #dfffdf;
padding: 5px;
color: #555;
}
.formitem{
margin-bottom:0.7rem;
}
.personrow input:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.betingelser, .privatlivspolitik {
font-size: 14px;
}
.privatlivspolitik a{text-decoration:underline; color:#429548;}
/*************** VALIDATOR ******************/
.bvalidator_invalid{background-color:#fff !important; border:1px solid red !important;}
/*************************************************************************************/
/************************************ KURV *******************************************/
/*************************************************************************************/
/****** KURV MED TÆLLER *********/
#kurv-container {
width: 70px;
height: 40px;
background-color: #429548;
border-radius:5px;
}
#kurv-kasse {
background-image: url(/images/mycart.svg);
background-repeat: no-repeat;
width: 25px;
height: 100%;
margin-top: 8px;
margin-left: 10px;
cursor:pointer;
}
#kurv-kasse span {
background-color: #fff;
padding: 0px 5px;
border-radius: 10px;
font-size: 12px;
position: relative;
left: 15px;
top: -11px;
}
#dinkurv {
position: fixed;
top: 0;
z-index: 9999;
right: 0%;
height: 100%;
background-color: #fff;
display: block;
box-shadow: 4px 0px 20px #000;
display:none;
}
#basket_concon {
height: 100%;
}
#shopbasket_con {
float: left;
width: 250px;
}
.boksheadBasket {
background-color: #429548 !important;
height: 50px;
width: 100%;
}
#shopping_cart {
padding: 10px;
background-color: #F3F3F3;
min-height:100vh;
}
#basketBottom01 {
height: 5px;
background-color: white;
font-size: 0px;
}
.alert-close2{font-size:14px; cursor:pointer; color:#fff;}
/****** KURV MED TÆLLER *********/
.boksheadBasket {
background-color: #009BC9;
height: 25px;
width: 100%;
}
#basketHeaderText {
margin: 0px;
padding: 0px;
float: left;
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
padding-top: 5px;
}
#basketHeaderTextWrapper01{display:flex; justify-content:space-between; padding: 0 10px;}
#tomkurv {
margin-left: auto;
margin-right: 12px;
}
#tomkurv a {
float: right;
font-size: 9px;
color: #ffffff;
padding-right: 3px;
padding-top: 5px;
text-decoration: none;
}
#shopping_cart {padding-top: 10px;}
#shopping_cart table {color: #666666;width:100%;}
/************ shopBasket ************/
#produkter .shoppriceruler{
background-color: #666666;
color: #666666;
height: 1px;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
}
.kurvantal, .kurvpris{text-align:left;}
#basketBottom01{
height: 5px;
background-color: white;
font-size: 0px;
}
.antallinie{
float:right;
width:90%;
padding-top:5px;
}
#shopping_cart_items th,
#shopping_cart_items td{
font-size:14px;
font-weight:100;
text-decoration:none;
padding:0;
}
#shopping_cart_pay td{
font-size:12px;
font-weight:100;
text-decoration:none;
padding-top:5px;
padding:0px;
}
#shopping_cart table{color:#666666;}
#shopping_cart_pay{
margin: 0;
padding: 0;
width: 178px;
}
#shop_produkt_samlet .ialt,
#shop_produkt_samlet .shopping_cart_totalprice{
padding-top:25px;
}
#shop_produkt_samlet .ialt{padding-left: 3px;}
#tilkassen{
background-repeat: repeat-x;
text-align: center;
padding: 6px;
width: 100%;
background: #72c940;
color: #fff;
text-decoration: none;
float: right;
margin-top: 20px;
}
#tilkassen a{
text-decoration: none;
font-size: 14px;
color: white;
font-weight: 700;
}
#shop_produkt_samlet{height: 40px;}
#tomkurv a{
float: right;
font-size: 9px;
color: #ffffff;
padding-right: 3px;
padding-top: 5px;
text-decoration: none;
}
#basketHeaderText{float: left;}
.boksheadBasket{
background-color:#008CD0;
height:25px;
width:100%;
}
.boksheadBasket h1{
margin:0;
padding:0;
font-size:14px;
color:#ffffff;
padding-left:5px;
padding-top:2px;
}
#shopping_cart_pay .shopping_cart_totalprice{
padding-right: 12px;
text-align: right;
}
#kurvenertom{
color: #666666;
padding: 5px;
font-size: 10px;
}
.kurvantal,
.kurvpris{
text-align: right;
}
.kurvantal{text-align:left;}
/************ shopBasket ************/
#shopbasket_con{
float: left;
width: 250px;
}
/************ shopInsertAddToBasket ************/
.produktantal{
width: 25px;
height: 22px;
text-align: center;
}
#addToBasket{display: flex; align-items:center;}
#produktdetaljeapris{font-size:3rem;padding:1%;}
.lavestepris{font-size:3rem;padding:1%;}
.prisbasker{display:flex;align-items: flex-end;}
#filterprocess{
width:200px;
height:25px;
background-color:#e6e6e6;
margin-top:1rem;
}
#filterguidepos{
background-color:#429548;
height:25px;
width:0;
}
.knaptilfoj{
width: 20%;
background-color: #429548;
padding: 2%;
display: block;
color: #fff;
border: 1px solid #fff;
width: 185px;
height:50px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items: center;
justify-content: center;
border-radius: 0 40px 40px 0;
margin-left: -5px;
}
#produkt_enkelt_priser .knaptilfoj {
/* margin-top: 1rem;*/
}
.knaptilfoj2{
width:100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items: center;
justify-content: center;
height: 48px;
width: 145px;
border-radius:40px;
}
.knaptilfoj i, .knaptilfoj2 i {
margin-right: 5px;
}
.knaptilfoj:hover{
background-color: #fff;
border: 1px solid #429548;
color: #429548;
cursor:pointer;
}
#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;
}
#payment_kurv {
margin: 20px 0;
}
.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:0 0!important;
height: 21px!important;
}
.paymentstep2_andenLev_head_input,
.paymentstep2_betform_input,
.paymentstep2_Levfrom_checkbox,
.paymentstep2_betform_checkbox {
float:left!important;
width:5%!important;
margin:0 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_vareoversigt_header,
.paymentstep2_nyhedsbrev_header,
.paymentstep2_betingelser_header,
.paymentstep2_kommentar_header{
font-size: 18px!important;
margin-top: 15px!important;
margin-bottom:5px!important;
width:100%!important;
float:left!important;
}
.paymentstep2_formbetaler,
.paymentstep2_Levfrom,
.paymentstep2_betform,
.paymentstep2_kommentar,
.paymentstep2_vareoversigt,
.betalings_con{
border: 1px solid #ccc!important;
border-radius: 10px!important;
float: left!important;
padding: 3%!important;
width: 100%!important;
}
.paymentstep2_kommentar textarea{
width:100% !important!important;
}
.paymentstep2_betform_shopcards{
margin-top:10px!important;
width:100%!important;
float:right!important;
}
.paymentstep2_andenLev{
margin-bottom:10px!important;
width:100%!important;
float:left!important;
}
.paymentstep2_vareoversigt_old{
width:100%!important;
border-radius: 10px!important;
overflow:hidden!important;
padding:5px!important;
border: 1px solid #ccc!important;
margin-bottom:10px!important;
float:left!important;
font-size: 14px!important;
}
.paymentstep2_vareoversigt .bestil{
padding:5px 0!important;
}
.paymentstep2_vareoversigt #linie_0_0 .bestil,
.paymentstep2_vareoversigt #kurv_ordretotalsum .bestil{
padding:5px 0!important;
}
.paymentstep2_nextButton{
width:100%!important;
text-align:center!important;
clear: both!important;
}
.paymentstep4_bekraeftigelse_header,
.paymentstep3_heaer,
.paymentstep3_heaer_change{
font-size: 18px!important;
margin-top: 15px!important;
width:100%!important;
float:left!important;
}
.paymentstep4_bekraeftigelse{
background-color: #f1f1f1!important;
border: 1px solid #ccc!important;
border-radius: 10px!important;
float: left!important;
margin: 1% 0!important;
padding: 3%!important;
width: 100%!important;
}
.paymentstep3_kortoplysninger_con{
width:100%!important;
float:left!important;
}
.paymentstep3_kortoplysninger,
.paymentstep3_msgTilKunde,
.paymentstep3_msgFraKunde,
.paymentstep3_betaleroversigt,
.paymentstep3_leveringsoversigt,
.paymentstep3_vareoversigt{
background-color: #f1f1f1!important;
border: 1px solid #ccc!important;
border-radius: 10px!important;
float: left!important;
margin: 1% 0!important;
padding: 3%!important;
width: 93%!important;
}
.paymentstep3_kortoplysninger_shopcards{
width:100%!important;
float:left!important;
}
.paymentstep2_betingelser_input{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
.paymentstep2_betingelser_input .cell{
min-height: auto;
margin-left: 1%;
}
.naesteknap{
border:1px solid #fff!important;
background-color: #429548!important;
margin-right: 0!important;
}
.bestil_varelinie{
width: 100%!important;
padding-left: 0!important;
padding-right: 0!important;
}
.bestil_info{width: 77%!important;}
/************ shopCards ************/
#payment-path td {
padding:5px;
color:#429548;
}
#payment-path td.payment-choosen {color:#429548;}
td.bestilhead{
background-color:#429548;
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%;
}
.TilfoejKurvLightbox_kassen{
padding:5px;
border:#fff solid 1px;
border-radius:5px;
cursor:pointer;
font-weight:bold;
background-color:#429548;
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;
}
.slidervideocontainer {}
.slidervideo {width:100%;height:400px;}
.slidervideo iframe{width:100%;height:100%;}
/*********** FLEX **********/
.flex-it{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
height:90px;
align-items:center;
}
.flex-top{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
}
#bund .segment{background:none;}
.videoguides{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
justify-content:space-between;
}
.montagevideo{width:100%;height:675px;}
.produktvideo{width:100%;height:675px;}
/***************** 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: 99999;
display:none;
line-height:1.5;
}
.btn-login{
background:#429548;
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;
}
.slick-next{right:10px !important;}
.slick-prev{left:10px !important;}
.slick-prev, .slick-next{z-index:1;}
.sliderButton{
display: block;
width: 250px;
background-color:#429548;
margin-top:1rem;
text-shadow:none !important;
text-align: center;
transition: 0.5s ease-in-out;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
justify-content:center;
align-items:center;
height:50px;
}
.sliderButton:hover{background-color:#046386; color:#fff; border:0; text-shadow:none; cursor:pointer;}
.slidertext .filter2{
background-image:linear-gradient(to bottom,transparent,#0f0f0f);
opacity: 0.2;
display:none;
}
.Login {
width: 100%;
height: 50px;
font-size: 18px;
padding: 10px;
color: gray;
}
#ikkeloggetind {
background-color: #d9f7db;
padding: 20px;
margin: 20px 0;
}
.container1200 h2{padding:0;}
.container1200{padding-top:20px;}
#loginlayer{
background-color:black;
min-width:100%;
min-height:100%;
position:fixed;
z-index:8888;
opacity: 0.8;
display:none;
}
.BodytextRed {
margin-bottom: 1rem;
color: red;
}
.BodytextRed i{padding-right:5px;}
#nobreak {
white-space: pre;
}
.bundkontakt div {
color: #fff;
}
/********************** HERO IMAGE *************************/
.hero-image{
background-image: url('/userfiles/image/roulette/sabetoflex-indaekning-slide.jpg');
height:300px;
max-width:1200px;
margin-bottom:2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display:flex;
align-items:center;
justify-content:center;
}
.hero-image h2{color:#fff;}
/********************** HERO IMAGE SLUT *************************/
/********************** FAQ SEKTION *************************/
.faq div {padding: 20px;}
.faq div.q {
background: #4FC2E;
font-weight:bold;
font-size: 120%;
border-bottom: 1px #ddd solid;
cursor: pointer;
}
.faq div {padding: 20px;}
.faq div.q {
background: #4FC2E;
font-weight: bold;
font-size: 120%;
border-bottom: 1px #ddd solid;
cursor: pointer;
}
.faq div.a {
background: #fff !important;
display: none;
color:#000 !important;
border-left: 1px solid #3BB0D6;
border-right: 1px solid #3BB0D6;
border-bottom: 1px solid #3BB0D6;
}
.rotate {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.questionCon {
display: flex;
align-items:center;
justify-content:space-between;
background-color: #429548;
color: #fff;
}
.faqpil {width: 40px;}
.faq p {
font-weight: normal;
font-size:16px;
}
.produktfaq div.a{background-color:#fff;}
.cookies .container1200{padding-top: 0;}
/********************** FAQ SEKTION SLUT *************************/
.bruger_bestillinger{
display:block;
width: 100%;
height: auto;
}
#responsive-kurv-open{display: none;}
.kontaktlinje.socialicons i {
font-size: 18px;
}
.cell1 a img {
margin-top: 0px;
}
.cell1.aaaLogo{padding-right:26px;}
.c1726 {
height: 220px;
}
#productrelated_con01 {
margin-bottom: 3rem;
}
/************************************************************************************
RESPONSIVE KODE
*************************************************************************************/
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
.container{
width:98%;
padding:0 1%;
}
img{
max-width:100%;
height:auto;
}
#content_tekst iframe{max-width:100%;}
}
@media screen and (max-width: 1024px) {
html {overflow: -moz-scrollbars-vertical;}
#top .container{flex-direction:row;}
.container{
width:100%;
padding:0;
}
.container1200{width:96%;}
.search-wrap i{right:30px;}
#top{height:90px;}
nav{
width:60px;
margin:0;
height:55px;
order:3;
}
.referenceliste_reference{width: 31%;}
#top .container{width: 96% !important; justify-content:space-between;}
/****** SKABELONER *******/
#bund .container{
width:96% !important;
margin:0 2% !important;
}
.card{width:29%;}
.cards{
width:100%;
justify-content:
space-between;
}
.searchCon{}
.search-input-elm{
right:190px;
width: auto;
}
#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;
width: 70px;
right: 0;
height: 60px;
top: 20px;
z-index: 999999999999999999;
}
#menu_open{display:block;}
#menu_open .menu_big{
background-image:url(https://www.sdahandel.dk/images/menu_button.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:50px auto;
display:block;
}
#menu_close .menu_big{
background-image:url(https://www.sdahandel.dk/images/menu_button_close.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:50px auto;
display:block;
}
.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;
}
#menu_undermenuer{
display:none;
height: 0;
}
.accordion .link {
cursor: pointer;
display: block;
/*padding: 15px 15px 15px 42px;*/
color: #4D4D4D;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #CCC;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#menu{
width:100%;
right: 0;
}
#mainmenu1_ul{
width:100%;
display:none;
left:0;
position: absolute;
margin:0;
}
#mainmenu1_ul li {
float:none;
}
.submenu{
position: relative;
width: 100%;}
.accordion ul li{
padding: 15px 0px 15px 0px;
}
#menu_close{
display: none;}
.show{
display: block;
}
.bundLogo {
flex-basis: 23% !important;
}
.cell.container1200{
max-width:96%;
margin:0 2%;
}
#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: 10%;
flex-basis: 10%;
margin-right:auto;
order:1;
}
.slidercenterbox span{padding:0 !important;}
.tdDiv.quickorderPris{padding-right:0;}
#productpic{
flex-basis:50%;
flex-grow:0;
}
.slidervideo{height:213px;}
#bund .row{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
padding:0;}
#bund .row .cell2{margin-bottom:20px; padding:0 !important;}
#bund .row .cell1{flex:1;}
.cell1.aaaLogo img {
width: 144px;
height: 162px;
margin-bottom: 30px;
}
.row.rowLogoTilmeld {
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
flex-direction: row !important;
}
.cell1.aaaLogo{padding:0;}
.cell1.aaaLogo img{width:164px;}
.c1726{height:264px;}
#kurv-container{order:2; margin-right:1em;width:50px;}
}
@media screen and (max-width: 768px) {
#produkt_enkelt_variantpriser select {
max-width: 100%;
}
#content .row {
padding: 0;
}
.tab-content, .tab-sub-content{padding:.5rem;}
#content {
margin: 0 2%;
width: 96%;
}
#bund .bundcol{flex-basis:25%;}
.produkt_oversigt_element, .produkt_oversigt_grp_element{flex-basis:48%;}
#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;}
h1.stor {font-size: 40px;}
.Left50prc{width:98%;}
#breadcrumbs{
width:100%;
padding:1%;
}
#breadcrumbs .container{width:100%;}
#support #myDiv{width: 390px;}
#support h2{font-size: 20px;}
.naesteknap{width: 100%!important;}
.slidervideo{height:205px;}
.cell.card{flex-basis:28%;}
/***** Skabelon *****/
.col_1x3_div{
width: 98%;
text-align: center;
}
.col2content_div{
width: 98%;
margin: 0 auto;
}
#open_close_con{top:19px;}
#content_overskrift{padding-top: 20px!important;}
.container1200{
width:100%;
text-align:left;
margin:0;
}
.backgroundColor_grey .container {margin:0 !important;}
nav{
width:60px;
margin:0;
order:3;
}
#logo{top:0;width:12%; flex-basis:12%;}
.produktsideCon{padding-top:30px;}
#top{padding: 0 2%;}
.search-wrap i {right:50px;}
#loginboks{width:50%;}
#productpic{min-width:100%;}
.oversigt_garanti{padding-left:15%;}
.personrow{width: 100%;}
.personrow input,.personrow select{width: 60%;}
.personrow label{
float: left;
width: 40%;
}
.gem{width: 100%;}
.gem input{
float: right;
background-color: #429548;
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;}
#TilfoejKurvLightbox_text{
left: -28%;
width: 58%;
}
#productRelatedWrapper01{flex-basis:24%;}
.produktdetaljedokument{flex-basis:25%;}
.cell1.aaaLogo{padding-right:30px;}
#bund .bundcol{flex-basis:25%;}
}
@media screen and (max-width: 500px) {
.cell1.aaaLogo{text-align: center;}
.cell1.aaaLogo img {
width: 144px !important;
height: 162px !important;
margin-bottom: 30px;
}
.cell2.kort{margin-right:0;}
.row.rowLogoTilmeld {
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.hbspt-form iframe {
width: 100% !important;
}
#bund .row .cell1 img {
height: 60px;
width: auto;
}
.socialicons i {
font-size: 20px;
padding: 0 5px;
}
.bundkontakt{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
#bund .bundcol{padding-left:0;}
.kontaktlinje{text-align:center !important;}
.bundkontakt div:last-child {
flex: 1 100%;
}
.bundkontakt div:last-child p {
display:block;
}
#bund .bundcol{padding: 0 10px;}
.downloadpdf{flex-basis:48%;}
.slide{background-position:0px 0px !important;}
.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{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
text-align:center;
}
#bund{
min-height:280px;
height:auto;
}
.produktsideCon{
padding:0;
margin:0;
}
.undermenu3{padding-top:0;}
.kategorimain h1{padding-top:0;}
#loginboks{width:80%;}
.slidercenterbox{width:18%;}
.slidercenterbox h2{font-size:18px !important;}
.produkt_detalje_picprice{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
#productpic{}
.oversigt_garanti{padding-left:0;
}
.videoguides{
-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.produktvideo{
width:100%;
margin-bottom:3rem;
height:300px;
}
.montagevideo{
width:100%;
margin-bottom:3rem;
height:300px;
}
#produktdetaljedownloads{justify-content:space-between;}
#produkt_detalje_p{width:100%; float:left;}
.produktdetaljedokument{
flex-basis:48%;
width:48%;
}
#dinkurv{
display: none;
position: absolute;
top: 49px;
z-index: 9999999999999999;
background-color: white;
right: 1%;
}
#responsive-kurv-open{
display: block;
margin-left: 17px;
}
#shopbasket_con{width: 187px;}
.slidercenterbox{top:0 !important;}
#productRelatedWrapper01{flex-basis:49%;}
#produkter_detaljer .container1200 {
margin: 0; padding:0;
}
#productminipic{justify-content:flex-start;}
.minipic_con{flex-basis:20%;}
.produkt_detalje_picprice{margin:0;}
.cell.card{flex-basis:47%;}
.cardHeader{height:135px;}
.produkt_oversigt_element:hover{transform:none;}
.cookies .ctaknap {
width:200px;
font-size: 18px;
}
.kontaktlinje {
font-size: 12px;
}
.sliderButton{width:180px; height:40px; font-size:14px !important;}
.forside_produkt{flex-basis: 100%;}
#productstorimage{width:100%;}
.produkt_oversigt_element:hover {
transform: none;
}
@media screen and (max-width: 440px) {
.slidercenterbox{
width:96%;
margin:0 2%;
}
.produkt_oversigt_element, .produkt_oversigt_grp_element{flex-basis:98%;}
.socialIcons{justify-content:center;}
.socialIconsCon{margin:0;}
.call_to_action_button{min-height: 350px;}
#open_close_con{top: 19px;}
#content_overskrift{padding-top: 20px!important;}
.card{width:100%;}
#bund ul{margin:0;}
#bund .cell{min-height:0;}
#content{width:96%;}
.col2content_div{width:100%;}
.produktsideCon{
display:block;
padding-top:30px;
}
.container{padding: 0 2%;}
h1{font-size:26px;}
h2{font-size:20px;}
.trDivMobil{display:block;}
.quickorderPic{order: 1;-ms-flex-order: 1;-webkit-order: 1; flex:auto;}
.tdDiv.quickorderOrdreLinje{order:2;-ms-flex-order: 2;-webkit-order: 2;}
.tdDiv.quickorderDate{order:3;-ms-flex-order: 3;-webkit-order: 3;}
.quickorderAntal{order:4; -ms-flex-order: 4;-webkit-order: 4;}
.quickorderPris{order:5;-ms-flex-order: 5;-webkit-order: 5;}
.quickorderAntal{order:6; -ms-flex-order: 6;-webkit-order: 6;}
.tdDiv.quickorderPris{padding-right:0;}
.trDiv{padding:2%;}
ul.tabs li{font-size:80%;}
.slidervideo{height:110px;}
}
@media screen and (max-width: 414px) {
#kurv-container{width:50px;}
#logo{flex-basis:25%;}
.card{margin: 10px 5px;}
#top{height:80px;}
#support #myDiv{width: 390px;}
.downloadpdf{flex-basis:48% !important;}
#bund .bundkontakt{justify-content:center;}
#bund .bundcol {
flex-basis: 50%;
padding-left: 50px;
}
.cell2.kort{margin:0;}
}
@media screen and (max-width: 376px){
#open_close_con{top: 19px;}
#support #myDiv{width: 335px;}
.login i, .logout i{margin:0px;}
.login, .logout{margin-left:10px;}
}
@media screen and (max-width: 347px){
.cta-button{padding: 20px 26px;}
}
@media screen and (max-width: 320px) {
.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;}
#open_close_con{top: 19px;}
#content_overskrift{padding-top: 20px!important;}
#support #myDiv{width: 300px;}
#support h2{font-size: 15px;}
#productRelatedWrapper01{
flex: 0 1 100%;
margin-right: 0;
}
}