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) {
}
:target {
scroll-margin-top: 150px; /* Juster denne værdi til højden af din sticky header */
}
video, iframe{max-width:100%;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.btn-navy{background-color:#2c3e50 !important; color:#fff !important;}
.btn.btn-danger{background-color:#e6462c !important;}
#content .row.segment{gap:1.2rem; }
#content .row.segment.hvid-farver{gap:unset;}
.row.segment img {
max-width: 100% !important;
/*
margin: 0 !important;
padding: 0 !important;
*/
}
.row {
padding:40px 40px;
margin:0;
}
.row .row{padding:0;}
* { min-height: 0; min-width: 0; }
.row.segment a{text-decoration:underline;}
.mc-banner {
visibility: visible;
z-index: 999 !important;
top: 60px !important;
}
.brandlogo.special{
width:164px;
}
/*********************************************************************/
/**************************** OVERORDNET - BODY **********************/
/*********************************************************************/
html{overflow-x:hidden;}
html, body{
height: 100%;
margin: 0;
}
body {
font-family: 'Montserrat', Open Sans, sans-serif;
font-size: 16px;
margin:0px;
background-color: #ecf0f1;
background: url(/images/baggrund.jpg) no-repeat center center fixed;
background-size: auto auto;
background-attachment:fixed !important; /*** safari vil ikke vise den***/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
label:first-letter {
text-transform: uppercase;
}
.row.segment .cell{
margin:0;
}
.cell.col2{flex-shrink:0; flex-grow:0;}
.container1280{margin:0 auto !important;}
.row.segment .cell .cell{
margin:0;
}
.cell.col2{flex:grow:0; flex-shrink:1;}
.segment, #returvareSektion, #ij6bm1, #ip8cye, #iqc5r, #ij68g, #i0vlj, #ij6bm, #il2t, #iobn3, #i7oknl, #iqc5r{
}
#mainframe{
max-width: 1280px;
margin: 0 auto;
}
.compensate-for-scrollbar{margin-right:auto !important;}
a {color: #07547b;}
a:hover {color: #777;}
#content_wrapper{
background-image:none;
text-align: left;
padding:5px;
}
h1.stor{
font-size:60px;
font-weight:bold;
margin:10px 0;
}
h1{
font-size:34px;
font-weight:bold;
margin:5px 0;
}
h2{
font-size:22px;
font-weight:bold;
margin:5px 0;
}
h3{
font-size:18px;
font-weight:bold;
margin: 5px 0;
}
h4{margin: 0;}
.Left50prc{
float: left;
width: 48%;
padding:1%;
}
.container{
width:100%;
margin:0 auto;
position:relative;
}
#content{
width:100%;
position:relative;
/* top: 690px; */
/*sættes tilbage til 221px hvis lukketid aktiveret - 181px hvis den er deaktiveret*/
padding-top: 174px;
}
#previewalert{position:fixed;z-index:100000;width:100%;background-color:yellow;top:10px;padding:10px;text-align:center;opacity:0.7;color:#000;font-weight:bold;}
#afdelingslogo{
width:150px;
height:50px;
right:0px;
position:absolute;
top:95px;
/*Skjult efter mail fra Søren*/
display: none;
z-index:20000;
}
#afdelingslogo img{width:150px;}
#content_overskrift{
padding-top: 22px;
width: 1280px;
margin: 0 auto;
margin-bottom: -13px;
}
#content_overskrift h1{
font-weight: 500;
font-size: 48px;
text-align: center;
color: #2e4052;
width:100%;
text-transform:uppercase;
}
#content_overskrift h2{
font-weight: bold;
font-size: 30px;
padding-top: 5x;
}
#produkt_overskrift{
width: 100%;
margin-bottom: -13px;
margin-bottom:2rem;
}
#produkt_overskrift h1{
font-weight: 500;
font-size: 36px;
text-align: center;
color: #ffffff;
text-transform:uppercase;
}
#produkt_overskrift h2{
font-weight: bold;
font-size: 30px;
padding-top: 5x;
}
.h2farve{color: #006ba1;}
#content_tekst{
padding:20px 0;
min-height: 500px;
}
#top{
position: fixed;
top: 0;
width: 100%;
z-index:9999;
}
#top .container{
width: 1280px;
position:fixed;
z-index:1000;
left:0;
right:0;
}
#topbaggrund{
background-color:#EBF0F1;
height:116px;
width:100%;
}
#lang{
width:300px;
float:left;
}
.flag{
float:left;
text-decoration:none;
color:#000;
padding-top:10px;
margin-right: auto;
margin-left: auto;
}
.flag:hover {color:Red;}
.flag img{
width:30px;
padding-right:10px;
vertical-align: sub;
}
#site_boxes{
top:0px;
height:445px;
position:absolute;
width:100%;
margin-top:160px;
}
#roulette_slider{
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
#roulette_slider .forside{margin: 0 auto;}
.site_boxes_con{
width:31%;
margin:1%;
float:left;
}
.boks_table{
width:100%;
max-width:288px;
}
.boks_table_mid{
border-left:3px solid #fff;
border-right:3px solid #fff;
color:#fff;
height: 335px;
}
.reservedelsinfo{padding:10px;background-color:rgba(0, 0, 0, 0.3);margin-top:20px;}
.boks_table_top, .boks_table_bottom{ line-height:0px;}
.site_boxes_title{
padding: 0 5%;
width: 90%;
}
.site_boxes_text{
padding: 0 5%;
width: 90%;
}
.site_boxes_text p {margin:0;}
.bokse_top_img, .bokse_bottom_img{width:100%;}
#logo{
width: 20%;
float: left;
}
#logo img{
max-width:100%;
margin-left: 46px;
}
#trekant{
width: 0;
height: 0;
border-style: solid;
border-width: 25px 100px 0 100px;
border-color: #ecf0f1 transparent transparent transparent;
margin-left: 40px;
position: relative;
z-index: 20000;
}
.backgroundColor_grey{
float: left;
width: 100%;
position: relative;
}
ul.bundquicklink {
padding: 0;
list-style: none;
line-height: 26px;
}
#bund{
float: left;
width: 100%;
padding: 30px 0;
color: #2c3e50;
position: relative;
height: 100%;
border-top: 5px solid #0372b9;
}
#bund .container{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content:space-between;
width: 1280px;
margin: 0 auto;
/*background-image: url('/images/bund-baggrund.png');*/
height:432px;
padding: 0;
margin-top: -10px;
}
#bund_kontakt{
}
#bund_kontakt h2{
font-size: 24px;
text-transform: uppercase;
}
#bund_kontakt p{margin:15px 0;}
#bund_quicklinks{
}
#bund a{
color: #2c3e50;
text-decoration: none;
}
#bund a:hover{color: #07547b;}
#bund .menuChosen a, #bund .firstElementAndMenuChosen a{
background-color: transparent;
color: #2c3e50!important;
}
.bunditem {
margin-bottom: 2rem;min-height:185px;
}
#bund .container #bund_kontakt {
width:29%;
flex:1;
flex-basis: 29%;
flex-grow: 0;
flex-shrink: 0;
}
.bundheadline{font-size:18px;font-weight:bold;text-transform: uppercase;}
.opening-hours {
display: flex;
flex-direction: column;
margin: 10px 0;
}
.opening-hours-row {
display: flex;
justify-content: space-between;
padding: 5px 0;
border-bottom: 1px solid #d8d7dc;
}
.opening-hours-row:last-child {
border-bottom: none;
}
.day {
}
.hours {
font-style: italic;
}
#mc_embed_signup{margin-bottom:1rem;}
#mc_embed_signup form{padding:0px 0px 10px 0px !important;}
#mc_embed_signup h2{
margin:10px 0 !important;
}
#find-vej{
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
color: #2c3e50;
}
#top_tekst{
position: absolute;
top: 160px;
width: 100%;
text-align:center;
}
#telefon_forside{text-decoration: none;}
.waitLoading_con{}
.checkboxFive {
padding-top:5px;
clear: both;
height:30px;
}
.checkboxFive:hover{
background-color:#0072BD;
color:#fff;
}
.checkboxFive label,.checkboxFive input{float:left;}
.filter_con{margin-top: 1rem;}
.filter_con{margin-bottom:1rem;}
.filter_con, .maerker_con,.model_con,.kategori_con,.komponentgrp_con{padding:10px;}
.myfilterDiv{}
.filter_con h2, .kategori_con h2, .maerker_con h2, .model_con h2, .komponentgrp_con h2{cursor:pointer;
font-size:18px; text-transform:uppercase;display:flex;justify-content:space-between;}
.open i.fa-chevron-down{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/*****************/
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.spinner {
border: 4px solid #f3f3f3; /* Light gray */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/******************/
.maerke_child{}
.closed{display:none;}
.visible{display:block;}
.checkboxChosen{/*background-color:#0072BD;color:#fff;*/
color:green;}
.checkboxNotChosen{background-color:transparent;color:#000;display:none;}
.opening-hours-table td{
padding:0;
padding-top:4px;
}
.opening-hours-table {
line-height: 1.8;
}
/************************************************************************************
MENU BUND
************************************************************************************/
#mainmenu1_bund ul{padding-top: 15px;}
#mainmenu1_bund li{list-style-type: none;}
#mainmenu1_bund ul li a{
font-size: 24px;
text-transform: uppercase;
list-style-type: none;
font-weight: 400;
}
#mainmenu1_bund ul li ul li a{
font-size: 16px;
font-weight: 400;
}
#ajaxresultcount{position:absolute;top:8px;font-size:20px;right:50px;}
/***** MODAL *****/
.modalbackground
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000;
opacity: .0;
filter:alpha(opacity=0);
z-index:99999;
display:none;
}
.box
{
position:fixed;
top:50%;
left:24.4%;
width:1280px;
height:300px;
margin-left: -150px;
margin-top: -100px;
background:#ffffff;
z-index:999999;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0px 0px 5px #444444;
-webkit-box-shadow:0px 0px 5px #444444;
box-shadow:0px 0px 5px #444444;
display:none;
}
.box img {
height: 90%;
width: 100%;
}
.close
{
float:right;
margin-right:6px;
cursor:pointer;
}
/**** PRODUKT VIDEO ******/
.produktvideo {
margin: 20px 0px;
display: block;
width: 100%;
}
/*** SLICK **/
SLICK **/
.slick-prev::before, .slick-next::before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-track
{
display: flex !important;
width:100%;
}
.slick-slide
{
height: inherit !important;
}
.slick-prev {
left: 10px !important;
z-index: 999;
}
.slick-next {
right: 5px !important;
}
element {
}
[type="reset"], [type="submit"], button, html [type="button"] {
-webkit-appearance: button;
}
.slick-next {
right: -25px;
}
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px !important;
height: 40px !important;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #fff;
outline: none;
background-color:transparent !important;
border:0;
}
/*** SKJULER OVERFLOW PÅ SLIDERE ***/
.slick-next::before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
content: "\f0a9" !important;
}
.slick-prev::before{
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
content: "\f0a8" !important;
}
.slick-next {
right: 10px !important;
}
.col2content_div .slick-list {
height:350px;
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
#ib36u{
width:100% !important;
background-size:cover !important;
}
.col2content_div .slick-list{padding: 0 25% 0 25% !important;}
.seneste_maskine_overskrift .produkt_oversigt_laesmere {
display: none;
}
.seneste_maskine_overskrift h2 {
border-radius: 10px 10px;
background: #178d3f;
padding: 20px;
margin: 0;
color: #fff;
margin-bottom:0.5rem;
}
#iqkvi9{position:relative;}
#nyeste_produkter .produkt_oversigt_element {
height: 250px !important;
display: flex;
flex-direction: column;
}
.produkt_oversigt_header h2{font-size:17px;color:#fff;}
#nyeste_produkter .produkt_oversigt_element img {width: 100% !important; height:100% !important; max-width: 100%;object-fit:cover;overflow: hidden;}
#nyeste_produkter .produkt_oversigt_element{overflow:hidden;height:270px !important; display:flex;flex-direction:column;}´
#nyeste_produkter h2{color:#fff;font-size:16px;padding:0 10px;}
#nyeste_produkter .produkt_oversigt_element .produkt_oversigt_header{padding:20px;order:3;position:relative; background-color:var(--traktorfarver); padding:0;display:flex;align-items:center;height:90px; padding:20px;}
#nyeste_produkter .produkt_oversigt_element .produkt_oversigt_header a{color:#ffffff;}
#nyeste_produkter{flex-basis: 100%; margin-top:0;}
#nyeste_produkter .produkt_oversigt_billede{height:270px;order:1;max-height:600px;position: inherit; max-height:unset;display: flex;
align-items: flex-start;}
#nyeste_produkter{height:270px;position: relative; max-width:100%;}
#nyeste_produkter .produkt_oversigt_header {
order: 3 !important;
}
#nyeste_produkter .produkt_oversigt_element .produkt_oversigt_laesmere {
order: 3;
position:unset;
display:none;
}
.senestophugmaskine h2:not(.produkt_oversigt_header h2){
border-radius: 10px 10px;
background: var(--brugtefarver);
padding: 20px;
margin: 0;
margin-bottom: 0px;
color: #fff;
margin-bottom: 0;
margin-bottom:0.5rem;
}
.senestophugmaskine .produkt_oversigt_header{
background-color: var(--traktorfarver ) !important !important;
}
.ophug-slider .produkt_oversigt_header {
background: var(--brugtefarver) !important;
}
.slick-prev::before, .slick-next::before {
font-size: 24px;
text-shadow: 0px 1px 3px #000;
}
.nyhedsheader{
grid-column: 1 / -1;
}
#salgspointallesider div{
border-radius: 10px;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
}
/************************************************************************************
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:40px;
z-index:99999;
}
.blue {
float:right;
margin-right:-8px;
}
.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;
}
#support label{
color: #4c4052;
}
#support .formular{
border: 1px solid #d8d7dc;
border-radius: 2px;
line-height:20px;
width: 96%;
}
#support input{
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:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
background-color:#599bb3;
-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:auto!important;
border:none;
float: right;
margin: 8px 4px 8px 0;
}
.myButton2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
background-color:#408c99;
}
.myButton2:active {
position:relative;
top:1px;
}
/************************************************************************************
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: 'Montserrat', 'Open Sans', sans-serif;
}
.sortable-list td{
font-family: 'Montserrat', 'Open Sans', sans-serif;
font-size: 16px;
height:auto !important;
}
#productstorimage img {border: 1px solid #080000f0;border-radius: 4px;width:100%;}
#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;
}
.blank_content_white {
background-color: #ffffff;
margin: 0 auto;
position: relative;
width: 1280px;
min-height: 50px;
padding: 40px;
overflow:auto;
}
.blank_content_white p {margin:0; margin-bottom:10px;}
.blank_content{
margin:0 auto;
width:1280px;
position:relative;
}
.blank_content_produkt {
margin: 0 auto;
width: 1280px;
position: relative;
background-color: #0271b9;
display: flex;
flex-wrap: wrap;
}
.roulette_jacob2{
max-height:720px;
height:720px;
margin: 0 auto;
width: 1280px;
position: relative;
margin-top: -92px;
z-index: 0;
}
.roulette_jacob{
max-height:570px;
height:570px;
margin: 0 auto;
background-color: teal;
width: 1280px;
position: relative;
margin-top: -92px;
z-index: 0;
}
.centerbox{
float: left;
width: 100%;
}
.slider_content_text{
background: rgba(255,255,255,.4);
height: 110px;
font-size: 30px;
width: 31%;
padding-left: 37%;
padding-top: 35px;
font-weight: bold;
color: #565656;
padding-right: 85px;
}
.slide01{
display: block;
width: 100%;
height: 570px;
background: url('/userfiles/image/roulette/forside/roulette2.jpg') no-repeat;
background-size:cover;
}
.roulette_jacob h2{
font-size: 48px;
font-weight: 500;
color: #ecf0f1;
text-transform: uppercase;
padding-top: 14%;
}
.blue_slider_box{
text-align: center;
position: relative;
color: white;
font-size: 2em;
text-transform: uppercase;
font-weight: bold;
clear: both;
padding-top:35px;
}
.blue_slider_box a{font-weight: 500;display:block;margin-top:10px; color:#fff;}
#slider-button{
background-color: #e74c3c;
border: none;
border-radius: 5px;
color: #ecf0f1;
font-weight: 500;
font-size: 18px;
width: 190px;
height: 45px;
text-transform: uppercase;
}
#slider-button img{width: 13%;}
#contentslider{
float: left;
margin-right: 2%;
width: 48%;
}
.rubrik {
float: left;
margin: 0 1%;
padding-right: 0;
width: 23%;
}
#topslider {
color: #fff;
font-size: 24px;
font-weight: bold;
height: auto !important;
left: -5px;
margin: 0 auto;
max-width: 600px;
position: relative;
top: 0;
width: 100% !important;
}
#topslider img {
position: absolute;
top: 0;
z-index: 0;
width: 100% !important;
}
#topslider h4 {
font-size: 13px;
left: 15px;
margin: 0;
position: absolute;
top: 4px;
z-index: 2;
}
#topslider p {
color: #ccc;
left: 15px;
margin: 0;
position: absolute;
top: 27px;
z-index: 2;
}
.slideshow{
width: 100% !important;
position: relative !important;
}
.slideshow div{
width: 100% !important;
height:auto !important;
position: absolute !important;
}
.slideshow img{
width: 100% !important;
height:auto !important;
position: relative !important;
}
#mellemslider {
font-weight: normal;
margin: 20px auto 0;
max-width: 600px;
position: relative;
width: 100%;
}
.slideheader{
font-size: 16px !important;
margin-top: 10px !important;
}
.slidetekst i{font-size: 14px !important;}
#topgrafikslider{display:none;}
/* skabeloncontainer erstatter*/
.centerbox{margin-top: 80px;}
.centerbox h2{
font-size: 48px;
font-weight: 500;
color: #ecf0f1;
text-transform: uppercase;
}
#content_text_left_padding {
position:relative;
width:100%;
margin-left:0px;
}
.col4content_div-farvet{
width: 23%;
float: left;
text-align: center;
margin: 1%;
font-size: 18px;
height: 294px;
border-radius: 10px;
}
.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%;
font-size:18px;
}
.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%;
}
div.col_2x3_div , div.col_1x3_div , div.col3_div , div.col2content_div , div.col3content_div {height:auto !important;}
.line1_div{
width:100%;
}
.call_to_action_button{
background-color: #006ba1;
color: #fff;
text-align: center;
min-height: 300px;
position: relative;
width: 100%;
}
.call_to_action_button .cke_editable{background: none;}
.cke_editable{background: none!important; }
.cta-button {
color: #fff!important;
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;
}
#nye-reservedele{
background-color: #0071b9;
color: #fff;
}
#brugte-reservedele{
background-color: #e74c3c;
color: #fff;
}
#traktorer-maskiner{
background-color: var(--traktorfarver ) !important;
color: #fff;
}
#koeb-af-maskiner{
background-color: #2c3e50;
color: #fff;
}
#nye-reservedele a, #brugte-reservedele a, #traktorer-maskiner a, #koeb-af-maskiner a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
}
.col4content_div-farvet .col4content_div_billede{padding-top: 60px;}
.col4content_div-farvet .col4content_div_overskrift{margin-top: 130px;}
#standLogo{width:500px; margin:0 auto;}
#standLogo img{width:100%;}
/************************************************************************************
COOKIES
*************************************************************************************/
.cookies{width:100%;}
.cookies .blank_content_white{
height: auto;
min-height: auto;
background-color: transparent;
}
/************************************************************************************
KONTAKT-TOP
*************************************************************************************/
#kontakt-top{
position: absolute;
top: 8px;
right: 250px;
text-transform: uppercase;
color: #2e4052;
font-size: 15px;
font-weight: 500;
}
#kontakt-top a{
color: #0071b9;
text-decoration: none;
}
/************************************************************************************
LOGIN
*************************************************************************************/
.login-webshop{
float: right;
padding: 0;
margin: 0;
}
.login-btn{
width: 100px;
height: 67px;
background-color: #0071b9;
border: none;
color: #fff;
font-family: 'Montserrat', Open Sans, Sans-serif;
float: right;
font-size: 15px;
padding-top: 2px;
font-weight: 500;
}
.close-login-btn{
width: 110px;
height: 116px;
background-color: #2c3e50;
background-image: url('/images/close.png');
border: none;
background-repeat: no-repeat;
background-position: 35px 37px;
color: #fff;
font-family: 'Montserrat', Open Sans, Sans-serif;
float: right;
font-size: 15px;
padding-top: 53px;
font-weight: 500;
position: absolute;
right:0;
display: none;
}
#login-boks{
position: absolute;
display: none;
width: 639px;
height: 570px;
background-color: #2c3e50;
top: 116px;
right: 0px;
}
#login-boks form{
padding-top: 70px;
padding-left: 43px;
}
#username, #password{
color: #ecf0f1;
text-transform: uppercase;
font-size: 18px;
display: block;
}
#username-input{
width: 540px;
height: 52px;
border-radius: 10px;
border: none;
margin-top: 15px;
margin-bottom: 25px;
font-size: 20px;
padding-left: 15px;
}
#password-input{
width: 540px;
height: 52px;
border-radius: 10px;
border: none;
margin-top: 15px;
font-size: 20px;
padding-left: 15px;
}
#forhandler-login{
text-transform: uppercase;
color: #ecf0f1;
font-size: 48px;
font-weight: 600;
padding-top: 75px;
padding-left: 45px;
}
#husk-login{
text-transform: uppercase;
color: #ecf0f1;
font-size: 18px;
margin-top: 25px;
}
#login-knap{
background-color: #e74c3c!important;
border: none;
width: 277px;
height: 52px;
color: #ecf0f1;
font-size: 18px;
text-transform: uppercase;
border-radius: 10px;
background-position: 169px 18px !important;
background-size: 28px !important;
float: right;
margin-right: 40px;
margin-top: 27px;
padding-right: 25px;
}
iframe{height:315px;width:100%;}
input[type=checkbox].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
padding-left:60px;
height:48px;
display:inline-block;
line-height:48px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:48px;
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + .css-label {background-position: 0 -48px!important;}
label.css-label {
background-image:url(/images/checkbox-st.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
h3.news_oversigt_overskrift{font-weight:bold;height:35px;}
/************************************************************************************
SEARCH
*************************************************************************************/
.search {
position: relative;
top: 0;
float: right;
}
.search .search-input-elm {
position: absolute;
right: 100px;
display: none;
width: 700px;
height: 116px;
z-index: 999;
}
.search input{text-indent: 38px;}
.search .search-input{
width: 100%;
background: #e74c3c;
color: #ecf0f1;
border: 0;
height: 67px;
margin: 0;
padding: 0;
font-size:30px;
font-weight: bold;
}
.search-submit {
position: absolute;
top: 3px;
right: 10px;
}
.search .search-btn:focus, header .search .search-input:focus { outline:none; }
.search-btn{
width: 100px;
height: 67px;
background-color: #e74c3c;
background-image: url('/images/search.png');
border: none;
background-repeat: no-repeat;
background-position: 36px 18px;
color: #fff;
font-family: 'Montserrat', Open Sans, Sans-serif;
float: right;
font-size: 15px;
padding-top: 30px;
font-weight: 500;
}
.search input::placeholder{
font-size: 30px;
font-weight: 500;
color: #eab1ad;
font-family: 'Montserrat', Open Sans, Sans-serif;
}
#searchResultCon .traktor-farver{background-color: #cbcbcb;}
/************************************************************************************
MENU
*************************************************************************************/
.top-links{
float: right;
margin-top: 10px;
}
.top-links a{
font-size:14px;
color:#4e4e4e;
text-decoration:none;
}
.menuChosen a, .firstElementAndMenuChosen a{
color:#ecf0f1 !important;
background-color:#2c3e50;
}
li.firstElementAndMenuChosen ul, li.menuChosen ul{visibility: visible;}
.no-scroll {
overflow: hidden;
height: 100%;
}
nav{
top: 67px;
position: absolute;
right: 0px;
float: right;
text-align: right;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
color: #2e4052;
width:1044px;
}
#menugroup1_con{float: left;}
#menu ul{
height: auto;
list-style: outside none none;
margin: 0;
overflow: hidden;
width: 100%;
}
#menu li{
float:left;
height: 50px;
}
#menu li a{
font-size:15px;
display:block;
text-decoration:none;
height:60px;
padding-left:15px;
font-family: 'Montserrat', Open Sans, sans-serif;
color: #2e4052;
/* margin-right:-5px;*/ /* bredden vi overstyrer */
padding-top: 7px;
}
#menu li a::after{
content: '';
margin-right:3px;
height:20px;
padding-right:50px;
margin-left:-35px;
border-right:1px solid #2c3e50;
}
#menu li a:hover, #productMenu ul li a:hover{
color: #ecf0f1;
background-color: #2c3e50;
}
#menu li:hover ul{
display:block;
z-index:10000;
}
.firstElementAndMenuChosen ul{
visibility: visible;
display: block;
}
#menu li ul{
background-color: #2c3e50;
display: none;
margin-top: -18px;
position: absolute;
z-index: 999;
padding: 0px;
width:1280px;
text-align: center;
overflow: visible;
left:0;
margin-left: -236px;
height: 65px;
}
#menu li.menuChosen ul{background-color: #2c3e50;}
#menu li.menuChosen:hover a{background-color:#2c3e50;}
#menu ul li ul li ul{
background-color:lime;
display:none !important;
}
#menu ul li ul .menuChosen a, #menu ul li ul .firstElementAndMenuChosen a{text-decoration:underline;}
#menu ul li.menuChosen ul,
#menu ul li.firstElementAndMenuChosen ul{display:block;}
#menu li ul li{
float:none;
display: inline-block;
padding-top: 16px;
}
#menu li ul li a{
padding:5px;
font-size:14px;
width:100%;
color: #ecf0f1;
height: auto;
}
#menu li ul li a:hover{
color: #ecf0f1;
text-decoration: underline;
}
#menu_open,
#menu_close,
#menu_big,
#menu_small{cursor:pointer;}
#menu_small{
float:left;
height:15px;
padding:3px;
padding-top:5px;
padding-bottom:5px;
}
#productmenu_con{float: left;}
#mainmenu1_ul{padding:0;}
/************************************************************************************
PRODUKTER
*************************************************************************************/
#produkter{
overflow:auto;
flex:1;
padding: 40px;
padding-top:0;
padding-top:20px;
}
.produktgrpoversigt #produkt_grp_grupper, #produkt_grp__produktliste_oversigt, .produktgrpoversigt.niv4 #produkt_grp_grupper{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap:.3rem;
padding:0;
}
.produkt_grp__produktliste_oversigt {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
#produkt_grp__produktliste_oversigt{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.produktgrpoversigt .produkt_oversigt_element {width:unset;}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper){grid-template-columns: 1fr 1fr 1fr;}
.produktgrpoversigt.niv2 .grupper{width:unset !important;}
.brugte-farver:not(h2.slide, p.slide){
background-color:#e6462c;
overflow:auto;
}
.brugte-tekst{color:#e6462c;}
.brugte-farver a{color:#ffffff;}
.gray-farver{
background-color:#4e525b;
overflow:auto;
}
.gray-tekst{color:#4e525b;}
.gray-farver a{color:#ffffff;}
.hvid-farver:not(h2.slide, p.slide){
background-color:#fff;
color: #000 !important;
overflow:auto;
}
.nye-farver:not(h2.slide, p.slide){
background-color:#0073CF;
color: white!important;
overflow:auto;
}
.nye-tekst{color:#0073CF;}
.nye-farver a{color:#ffffff;}
.opkoeb-farver:not(h2.slide, p.slide){
background-color:#2B3D4F;
color: white;
overflow:auto;
}
.opkoeb-tekst{color:#2B3D4F;}
.opkoeb-farver a{color:#ffffff;}
.traktor-farver:not(h2.slide, p.slide){background-color:#178d3f;}
.traktor-tekst{color:#178d3f;}
.traktor-farver a{color:#ffffff;}
.produkt_oversigt_laesmere{}
.produkt_oversigt_laesmere_con{
margin-bottom:15px;
margin-right:15px;
position:absolute;
text-align:center;
width:100%;
bottom:0;
}
.produkt_oversigt_laesmere_con a{
color:#2c3e50!important;
text-decoration:none;
}
.produkt_oversigt_element{
height: 250px;
background-color: #ffffff;
float:left;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 6px;
border-radius: 10px;
position: relative;
overflow:hidden;
}
.produkt_oversigt_element span{padding-left: 20px;}
.produkt_oversigt_billede{
width: 100%;
overflow: hidden;
max-height: 170px;
position: absolute;
bottom: 45px;
}
.produkt_oversigt_billede img{width:100%;object-fit:cover; object-position:bottom;}
.produkt_oversigt_spacer{display: none;}
.produkt_oversigt_header{
padding-left:5px;
padding-right: 5px;
position: absolute;
top: 0;
background-color: #ffffff;
height: 70px;
opacity: 0.9;
width: 100%;
}
.produkt_oversigt_header h2{
line-height:17px;
text-transform: uppercase;
font-weight: 500;
}
.produkt_oversigt_header h2 a{
color: #000000;
/*color: #2c3e50;*/
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
#mypris{
font-size: 15px;
color: #0271b9;
font-weight: bold;
}
.produkt_oversigt_priser{padding-left:20px;}
#filtrering{
width:22%;
padding-bottom:40px;
font-size:14px;
margin:20px 30px;
margin-top: 100px;
}
span.filterheading i {
margin-right: 10px;
font-size: 16px;
}
.filterheading {
color: white;
display: flex;
align-items: center;
display:none;
}
.filterbund{
color: white;
align-items: center;
margin-top: 1rem;
}
.filter_con{
background-color: white;
border-radius: 10px 10px 10px 10px;
}
.maerker_con{
background-color: white;
border-radius: 10px 10px 10px 10px;
}
.model_con{
margin-top:1rem;
background-color: white;
border-radius: 10px 10px 10px 10px;
}
.komponentgrp_con{
margin-top:1rem;
background-color: white;
border-radius: 10px 10px 10px 10px;
}
.kategori_con{
margin-top:1rem;
background-color: white;
border-radius: 10px 10px 10px 10px;
}
#mycont{
max-width:930px;
float:right;
}
#lagerstatus, #kob_3, #antaltobasket, .knaptilfoj{display:none;}
#produkt_grp_indhold, #produkt_grp_grupper {width:100%;float:left;padding-bottom:40px;}
.produktgrpoversigt #produkt_grp_indhold, #produkt_grp_grupper{}
#produkter h1{
font-size: 36px;
font-weight: 500;
color: #ecf0f1;
text-transform: uppercase;
}
#mypris{
font-size: 30px;
font-weight: bold;
color: #ecf0f1;
}
#billedecontainer{float:right;width:41%;}
#productminipic{
text-align: center;
padding-top: 20px;
margin-left: -10px;
width:103%;
}
#productminipic img{
width: 118px;
height: 100px;
overflow: hidden;
object-fit: cover;
border: 1px solid #080000f0;
border-radius: 4px;
}
.grupper{width: 23%!important;}
.grp-brugte-reservedele .grupper {
width: 31% !important;
background-color:unset;
}
.grp-brugte-reservedele .brugte-farver .grupper .produkt_grp_billeder, .produktgrpoversigt.niv2.grp-traktor-og-maskiner .produkt_grp_billeder,
.produktgrpoversigt.niv2.grp-opkoeb-af-maskiner-maskinhandel .produkt_grp_billeder, .produktgrpoversigt.niv2.grp-ophug .produkt_grp_billeder{
height:200px !important;
width:unset;
}
.grupper .produkt_grp_header{
background-color:unset;
opacity:1;
position:unset;
top:unset;
}
.produkt_grp_header{height:90px;text-transform:uppercase;}
.grupper .produkt_grp_header h2{
margin-top:1rem;
color:#fff;font-size:18px;
text-align:center;
height: 29px;
}
.produkt_grp_element grupper{
background-color:unset;
}
#myslide {
background-color: #fff;
}
.grupper .produkt_grp_billeder{height: 300px!important;
overflow: unset;
position: unset;
bottom: unset;
}
.brugte-farver .grupper .produkt_grp_billeder{
height: 250px!important;
background-color: #e6462c;
}
.opkoeb-farver .grupper .produkt_grp_billeder{background-color: #2B3D4F!important;}
.grp-brugte-reservedele .produkt_grp_element{min-height:260px; max-height:370px;}
.grp-traktor-og-maskiner .produkt_grp_element{min-height:260px; max-height:370px;}
.grp-opkoeb-af-maskiner-maskinhandel .produkt_grp_element, .grp-opkoeb-af-maskiner-maskinhandel .produkt_grp_element_clear{
min-height:300px;
max-height:380px;
height:auto;
}
.grp-ophug .produkt_grp_element, .grp-ophug .produkt_grp_element_clear{
min-height:330px;
max-height:400px;
height:auto;
}
.produkt_grp_element,
.produkt_grp_element_clear{
float: left;
background-color: #fff;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 6px;
border-radius: 10px 10px 10px 10px;
position: relative;
overflow:hidden;
min-height:180px;
max-height:180px;
}
.grupper{background-color: unset;}
.produkt_grp_billeder{
overflow: hidden;
position:absolute;
bottom:-5px;
height:100%;
width:100%;
}
.produkt_grp_billeder img{width:100%;height: 100%;object-fit: cover;object-position: bottom;}
.produkt_grp_element a{text-decoration:none;display:block; height:100%;}
.produkt_grp_header{padding-left: 5px;
padding-right: 5px;
position: absolute;
top: 0;
color:#000000;
background-color: #ffffff;
height: auto;
opacity: 1;
width: 100%;
}
.produkt_grp_header h2{
text-decoration: none;
font-size: 13px;
font-weight: 600;
word-wrap:anywhere;
height:29px;
}
.preview{
display: inline-block;
margin-left: 7px;
}
#produkt_tilbage {
color: #ecf0f1;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
text-decoration: none;
}
#produkt_request {
width:100%;
text-align: center;
vertical-align: middle;
padding: 12px 24px;
border: 1px solid #b3b3b3;
border-radius: 8px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
background: linear-gradient(to bottom, #ffffff, #b3b3b3);
font: normal normal bold 20px arial;
color: #111111;
text-decoration: none;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
}
.dealerlink:hover,
.dealerlink:focus,
#produkt_request:hover,
#produkt_request:focus {
border: 1px solid #ffffff;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
background: linear-gradient(to bottom, #ffffff, #d7d7d7);
color: #111111;
text-decoration: none;
}
.dealerlink:acitve,
#produkt_request:active {
background: #b3b3b3;
background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3));
background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3);
background: linear-gradient(to bottom, #b3b3b3, #b3b3b3);
}
#produkt_request:before{
content: "\0000a0";
display: inline-block;
height: 24px;
width: 24px;
line-height: 24px;
margin: 0 4px -6px -4px;
position: relative;
top: 0px;
left: 0px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACaklEQVRIie2VvWtUQRTFf+exhCCyBD+a92YghRCw8wNSuKCpLOxSWShiESSFjaTxD5BtJI2FhUJIYsBKEJJCBLVIClEbCysR2Z3dRoQQRILIHou8jbsm8SOm01MN7849987vDXfgv34hAcSY77epSQzshanNF4nlZrP9STEWFZunkmtlEGkvimhZYqxiU5Wo2XoDvgS8t//Ke1jSLLhmq1oBZxukPAx6LHnS5n5K7T9yDSEHOA+6bXtAErazrDwQEpMSi8CCxEyMefV3zWPMq5JmgAVgEZh0iaEsIIBV25dsXQaNA89jzE/+RucnbZ6Dx0GXS8yr3XjWXdiQUruTUmsOOGGzarMSYzEVY8h+NI6xyEIopoCVDUMdS6k1l1K7A6DypvQi2lSz2XoLjElMA3XwUgh53tN1DixJ1IFp4HSz2XrXjUvQRVT5jqj/6qTUXo8xXofOY5t50KsQiomNZO7YdCTOZlnlSaPR6MvtvYWVn/G1jWRASFTBD8vkddDqTnkbNIRttrDtwTAouW7rkcRrYMTmCjABjJTfHtlf6yHkg9u0t/MJYiyO2J4HjoOvS9l0o5E6wN2ePedsroFugM/EWFws/12f+gqEkGegC8AtSW2bUym1X27XRLPZ6gA3QyiegebBr0IoroLvlaCAfkRDkmYlZoAHNqMptbY171VKrZeSR0EPwDOgWZuhLiKFkB+S9AH82dYXiXJUtH7l3acQciTO27oNHpDYZ3NYIRQHJD7abA67P3LeqmGJWdBRm4MViTWbZXBN4kV3V+/Y3s0It1mWWNvy4Pxotl2hnYr3xDcfnN1B+Kf0DQHeIHlIJYdfAAAAAElFTkSuQmCC") no-repeat left center transparent;
background-size: 100% 100%;
}
.opkobform > .row {
OVERFLOW: HIDDEN !important;
}
#kontaktformular-opkob .form-input{
margin: 2px 0 2px 0;
min-height: 33px;
float: left;
display: inline-block;
width: 100%;
}
#kontaktformular-opkob label{
width: 10%;
float: left;
}
#kontaktformular-opkob .form-input input {
width: 89%;
float: right;
border: none;
border-radius: 2px;
height: 25px;
}
#kontaktformular-opkob textarea {
width: 89%;
float: right;
border: none;
border-radius: 2px;
}
#kontaktformular-opkob input[name=email_afsenderpostby]{width: 78%!important;}
#kontaktformular-opkob input[name=email_afsenderpostnr]{
width: 10%!important;
margin-right: 10px;
}
#form-beskrivelse{
margin: 2px 0 2px 0;
min-height: 157px;
float: left;
width: 100%;
height: auto;
}
#btnTest {
display: block;
float: right;
padding: 0;
width: 110px!important;
height: 45px;
border: 2px solid #0071B9;
border-radius: 5px;
background-color: #0071B9;
color: #fff;
letter-spacing: 1px;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}
#btnTest:hover {
background: transparent;
color: #fff;
}
#btnTest:focus {
outline: none;
}
#produkt_tilbage:hover {text-decoration: underline;}
#produkt_tilbage img{
vertical-align: middle;
padding-right: 10px;
}
#relateredevarenumre{float:left;width:100%;margin-top:30px;padding-top:30px;padding-bottom:40px;text-align:center;margin-left:15px;}
#relateredevarenumre .produkt_oversigt_element{width:19%;height:275px;}
#relateredevarenumre a{text-decoration:none;}
.relateredemasterhead{width:100%;}
.relateredemasterhead h2{font-size:30px;margin-bottom: 2rem;}
#produkt_enkelt_tilbage{
float:left;
width:55%;
margin-top: 40px;
margin-bottom: 40px;
}
#produkt_enkelt_data{
color: #ecf0f1;
float:left;
line-height:1.6;
}
#produkt_enkelt_right{color:#fff;}
#produkt_enkelt_beskrivelse{float:left;width:55%;padding-top:20px;line-height:1.6;}
/************************************************************************************
MEDARBEJDERE
*************************************************************************************/
.medarbejder_con{
float: left;
width: 20%;
text-align:center;
min-height: 260px;
/* border: 1px solid #d8d7dc;*/
padding-top: 2%;
margin: 1% 2%;
}
#medarbejdere_con{
width: 100%;
float:left;
}
#medarbejdere_con h2{width:100%;background-color:#c2c2c2;}
.medarbejder_img img{max-height: 133px;width:auto;}
.medarbejder_txt{font-size:14px;}
/************************************************************************************
BRØDKRUMMER
*************************************************************************************/
#breadcrumbs_con{
width: 100%;
height: 50px;
padding: 5px 46px;
float: left;
}
#breadcrumbs{
width: 1280px;
font-size: 14px;
color: #0271b9;
margin: 0 auto;
}
#breadcrumbs .container{
width: 1280px;
margin: 0 auto;
}
#breadcrumbs a{
font-size:14px;
color:#003F63;
text-decoration:none;
}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs_text{
float:left;
padding:15px 5px 0 0;
font-style: italic;
}
#breadcrumbs ul{
margin: 0;
list-style: none;
padding: 15px 0 0 0;
font-style: italic;
}
#breadcrumbs ul li{
margin:0;
padding:0 5px;
float:left;
color: #2c3e50;
}
.btn {
margin: .8rem 0 1rem;
border:0px !important;
}
.btn.focus, btn:focus{box-shadow: unset !important;}
.maskineSlider p {
margin: 0;
}
@media screen and (min-width: 768px){
.row.segment{padding:40px 0px;}
.row.segment.nye-farver, .row.segment.nye-farver, .row.segment.hvid-farver, .row.segment.brugte-farver, .row.segment.traktor-farver, .row.segment.opkoeb-farver, .row.segment .hvid-farver{
padding: 40px 40px !important;
}
}
#produkt_enkelt_beskrivelse p:not(.produkt_tekst, .produkt_tekst p) {
display: none;
}
/************************************************************************************
KONTAKT
*************************************************************************************/
.input_left{width:90%;}
.input_right{width:96%;}
.formular{width:98%;}
#contact_form tr td{padding:5px;}
#contact_form tr td table tr td{padding:0px;}
/***********************************************************************************
BRAND LOGOER / TOP SLIDER ***********************************************************************/
.row.brandlogoer {
background: #fff;
align-items: center;
margin-top: -17px;
}
.brandlogo img {
max-width: 100%;
height: 70px;
object-fit: contain;
overflow: hidden;
}
.boksen {
margin-top: -96px;
}
/************************************************************************************
NYHEDER
*************************************************************************************/
.news-oversigt #news {
margin-top: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news-oversigt .newsItem{
flex-basis: 48%;
}
.news-oversigt h2{flex:0 0 100%; width:100%;}
.news-oversigt .newsListFooter {
margin-top: 40px;
}
.news-oversigt .newslinker {
position: relative;
bottom: -40px;
right: 20px;
}
.news_enkelt{
width: 1190px;
margin: 0 auto;
}
.newsenkelt .newstopstor{
display:flex;
flex-basis: 48%;
}
.newsenkelt .newsbilledestor img {
width: 100%;
}
.news_more2{
width: 100%;
float: left;
margin-top: 50px;
}
.newsDate{
width: auto;
background-color: #0071B9;
padding: 0px 4px;
color:#fff;
position: absolute!important;
float: right!important;
}
.newsHeader{
width:72%;
float: left!important;
position: relative;
left: 10px;
top: 5px;
}
.news-oversigt .newsHeader{
width:73%;
display:flex;
flex-direction: column;
}
.newsDate a{
color: #fff;
font-size: 12px;
text-decoration: none;
}
.newsDate_grp{
width: 86px;
background-color: #0071B9;
padding: 0px 4px;
color: #fff;
position: relative;
top: 42px;
text-align: right;
float: right;
right: 2px;
}
.newsDate_grp a{
color: #fff;
font-size: 12px;
text-decoration: none;
}
.news-oversigt .newsindhold{
border: 1px solid #ccc;
width: 100%;
margin-top:20px;
display:flex;
}
.news-oversigt .newsindhold a{
color: #333;
text-decoration: none;
font-weight:bold;
}
.newsenkelt .newsindhold{
flex-basis: 48%;
}
.newsindhold a{
color: #333;
text-decoration: none;
font-weight:bold;
}
.newsindhold_grp{
border: 1px solid #ccc;
float: left;
width: 96%;
padding: 0 2% 0 2%;
min-height: 250px;
}
.newsindhold_grp a{
display: block;
color: #333;
text-decoration: none;
font-size:20px;
font-weight:bold;
}
.newsindhold_grp .newsHeader h3{
font-weight: bold;
width: 72%;
float: right;
}
.newsTxt{
width: 72%;
float: right;
}
.news-oversigt .newsMore{
text-align:right;
}
.newsenkelt #news{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width: 92%;
margin: 0 4%;
}
.newsenkelt #news div:first-child{
flex: 0 0 100%;
margin-bottom: 20px;
}
.newsenkelt .newsItem{
width: 49%;
margin-top: 20px;
float:left;
}
.newsItem:nth-child(even){
margin-right:1%;
}
.newsItem:nth-child(odd){
margin-left:1%;
}
#nyhedsskabelon{
background-color: #2c3e50;
color: #ecf0f1;
height: 482px;
}
#nyhedsskabelon .col2content_div{
margin: 0;
width: 50%;
}
#nyhedsskabelon #nyhed-billede{
height: 482px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
#nyhedsskabelon .col2content_div img{max-width: none!important;}
#newsteaserWrapper{
padding-top: 60px;
width:92%;
padding-left: 45px;
}
.newsteaserGenerelOverskrift01 a{
font-size: 48px;
text-transform: uppercase;
text-decoration: none;
color: #414141;
font-weight: 500;
}
.newsTeaserItem01{padding-top: 30px;}
.newsteaserDateTime01{
font-size: 14px;
font-weight: 500;
}
.newsteaserOverskrift01{
font-size: 16px;
text-transform: uppercase;
}
.news_overskrift_link{
color: #414141;
text-decoration: none;
}
.newsteaserGenerelMere01{
padding-left: 45px;
padding-top: 70px;
}
.newsteaserGenerelMere01 a{
font-weight: 500;
color: #414141;
text-transform: uppercase;
text-decoration: none;
}
.newsteaserGenerelMere01 a img{
width: 20px;
padding-left: 5px;
}
.news_enkelt h1{padding: 1% 0 1% 0;}
.newsbillede{
width: 26%;
overflow: hidden;
float: left;
padding-top: 2%;
padding-bottom: 2%;
object-fit: cover;
max-height: 139px;
min-height: 139px;
}
.newsbillede img{
min-width:100%;
}
.newstopstor i{
display: none;
}
.news-oversigt .newsbillede{
width: 26%;
overflow: hidden;
min-height: 139px;
display:none;
}
/************************************************************************************
REFERENCER
*************************************************************************************/
.referenceliste_reference{
background-color: #ddd;
border-radius: 10px;
border-top: 2px solid #ccc;
float: left;
height: 241px;
margin: 1%;
overflow: hidden;
position: relative;
width: 23%;
}
.referenceliste_billede{
width: 100%;
text-align:center;
overflow:hidden;
}
.referenceliste_billede img{max-width: 100%;}
.referenceliste_tekst{
background-color: #ddd;
border-top: 3px solid #999;
bottom: 0;
height: 32px;
opacity: 0.8;
position: absolute;
text-align: center;
width: 100%;
z-index: 999;
}
.referenceliste_reference:hover .referenceliste_tekst{
opacity: 1;
background-color:#333;
color:#fff;
}
.referenceliste_reference:hover .referenceliste_tekst a{color:#fff;}
.referenceliste_tekst p{display:none;}
.referenceliste_tekst a{
font-size: 16px;
color: #333;
text-decoration: none;
font-weight: bold;
}
.reference_billeder{
margin:0.5%;
float:left;
}
.reference{
background-color: #eee;
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 10px;
padding: 1%;
width: 98%;
}
.refcenter{float:left;}
.refcenter img{
float:left;
max-width:49%;
margin-right:1%;
}
.refcenter p{
float:left;
width:50%;
}
.reftekst{
font-style:italic;
color:#666;
}
.refeksternlink{
float:left;
width:100%;
text-align:right;
margin-bottom:0px;
}
.reflink a{
font-style:italic;
color:#666;
margin:0;
}
.refeksternlink a{
font-size:14px;
color:#666;
}
.modullinks{display:none;}
/**********************/
/* REFERENCER */
/**********************/
.lejlighedliste_lejlighed{
width: 49%;
float: left;
min-height: 470px;
border-bottom: 1px solid #828282;
margin: 2% 0% 1% 0%;
}
.lejlighedliste_lejlighed:nth-child(even){margin-left: 1%;}
.lejlighedliste_lejlighed:nth-child(odd){margin-right: 1%;}
.lejlighedliste_billede {
height:280px;
overflow:hidden;
}
.lejlighedliste_billede img{width: 100%;}
.lejlighedliste_billede a::after{
content: none!important;
}
.lejlighedliste_punkter{margin-left: -2px;}
.lejlighed_gaatil_con {font-size: 17px;}
#lejlighed_billede_con{
width: 50%;
float: left;
}
#lejlighed_billede_teaser a::after{content: none!important;}
#lejlighed_billede_teaser {
overflow: hidden;
width: 98%;
}
#lejlighed_billede_teaser img{
height: 66px;
padding: 2px 4px 2px 0px;
}
#lejlighed_billede{
max-height: 325px;
min-height:325px;
overflow: hidden;
}
#lejlighed_billede img{width: 500px;}
#lejlighedindhold{
width: 50%;
float: right;
padding-bottom: 50px;
}
#lejlighedindhold p{
margin: 0;
padding: 0;
}
.tilbage_til_oversigten{
width: 100%;
float: left;
}
#lejlighed_punkter{
width: 50%;
padding-bottom: 50px;
font-family: 'Montserrat', helvetica, sans-serif;
float: left;
}
#lejlighed_punkter table, #lejlighed_punkter tbody, #lejlighed_punkter tr, #lejlighed_punkter td{font-size: 16px;}
.lejlighed_by_liste {
width: 31%;
float: left;
padding: 1%;
text-align: center;
}
.lejlighed_by_billede a::after{
content: ""!important;
}
.lejlighed_by_tekst h2::before {
width: 100%;
}
.lejlighedliste_tekst h2{
border-bottom: 1px solid #07547b;
}
.lejlighedliste_tekst h2 a{
text-decoration: none;
}
.lejlighedby_img{
width: 330px;
}
.lejlighed_by_tekst h2{
font-weight: bold;
margin: 5px 0;
background-color: #5091c6;
height: 40px;
padding-top: 15px;
}
.lejlighed_by_tekst h2 a{
color: #fff;
text-decoration: none;
}
#indhold{
padding: 50px 0 450px 0;
}
#filterknap{display:none;}
#tabel1 tr, #tabel2 tr, #tabel3 tr, #tabel4 tr{height:auto!important;}
#tabel1 tr:nth-child(even), #tabel2 tr:nth-child(even), #tabel3 tr:nth-child(even), #tabel4 tr:nth-child(even){background-color: #cecece;}
#tabel1 tr:nth-child(1),
#tabel2 tr:nth-child(1),
#tabel3 tr:nth-child(1),
#tabel4 tr:nth-child(1){
background-color: #0071b9;
color:#fff;
}
.nyhedoverview {
display: grid;
grid-template-columns: 1fr auto;
border-bottom:1px solid #0071b9;
}
.nyhedoverviewpage {
display: grid;
border-bottom:1px solid #0071b9;
}
#externnyhedercon {
display: grid;
}
#externnyhedercon h3{font-weight:400;}
#externnyhedercon a{display:flex; align-items:center;text-decoration:none;}
#externnyhedercon a.nyhedsfooter {
display: block;
background: #fff;
padding: 20px;
text-align: center;
font-weight: bold;
}
.nyhedsheader {
font-size:22px;
font-weight:bold;
border-radius: 10px 10px;
background: #0071b9;
padding: 20px;
margin: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 0px;
color: #fff;
margin-bottom: 0;
}
#i0pf6 p, #ixikf > p, #i3iqg > p, #i4fma > p, #iiq2g > p {
display: none;
}
.templateContainer {
max-width: 100% !important;
width: 100% !important;
}
.nyhedsheader {text-decoration:none;}
table.templateContainer{max-width:100% !important;width:100% !important;}
table.mcnImageBlock {
display: block;
}
td#templateFooter > :last-child {
display:none;
}
.anyhedstitel {
display: flex !important;
align-items: center;
margin:10px 0;
}
.forsidenyhdsCon {
background: #fff;
padding: 20px;
display: flex;
flex-direction: column;
border-radius: 10px 10px 0px 0px;
}
.nyhedsreadmore {
font-weight: 500;
}
a.nyhedsfooter{display:block;}
.slick-list{border-radius: 10px;}
.slick-slide{opacity:0.5;}
.slick-current{opacity:1;}
.row.segment a:not(.row.segment.nye-farver a, .row.segment.brugte-farver a, .row.segment.traktor-farver a, .row.segment.opkoeb-farver a){color:#000;}
.row.segment.nye-farver, .row.segment.brugte-farver div{color:#fff;}
.row.segment .nye-farver a, .row.segment .brugte-farver a, .row.segment .traktor-farver a, .row.segment .gray-farver a{color:#fff !important;font-weight:bold;}
.row.segment.nye-farver p, .row.segment.brugte-farver p, .row.segment.traktor-farver p, .row.segment.gray-farver p{color:#fff !important;}
.slider-bundlogoer {
padding: 0;
margin: 0 !important;
}
.slider-bundlogoer .cell{padding:0; margin:0 !important;;}
.slider-bundlogoer {
padding: 0;
margin: 0 !important;
margin-top: 0px;
margin-top: -40px !important;
}
body.grp-traktor-og-maskiner .produkt_grp_billeder img, body.grp-opkoeb-af-maskiner-maskinhandel .produkt_grp_billeder img, body.grp-ophug .produkt_grp_billeder img,body.grp-brugte-reservedele .produkt_grp_billeder img {
height: unset;
width:unset;
}
#produkt_enkelt_data{width:55%;}
/************************************************************************************
OPKOEB FORMULAR
************************************************************************************/
#step-1 {
display: grid;
grid-gap: 1rem;
}
.fgroup1{
grid-column-start: 1;
grid-column-end: 4;
}
.fgroup2{
grid-column-start: 1;
grid-column-end: 2;
}
.fgroup3{
grid-column-start: 2;
grid-column-end: 4;
}
.fgroup4{
grid-column-start: 1;
grid-column-end: 4;
}
.fgroup5{
grid-column-start: 1;
grid-column-end: 2;
}
.fgroup6{
grid-column-start: 2;
grid-column-end: 4;
}
.mybtns {
grid-column-start: 1;
grid-column-end: 4;
}
.mybtns button{width:100%;}
#registration-form button{backround-color:#2e4052 !important;}
#searchResultCon #produkter {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: .3rem;
}
/******************************* BOOTS ********************************************/
/* All Bootstrap buttons */
.btn {
display: inline-block;
text-transform: uppercase;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: #fff;
border: 1px solid #dee2e6!important;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-decoration: none !important;
}
/* Hover and focus state */
.btn:hover,
.btn:focus {
color: #212529;
text-decoration: none;
}
/* Primary button */
.btn-primary {
color: #fff !important;
background-color: #007bff;
border-color: #007bff;
cursor: pointer;
font-weight: bold;
}
.btn-primary:hover,
.btn-primary:focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
/* Secondary button */
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover,
.btn-secondary:focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
/* Success button */
.btn-success {
color: #fff !important;
background-color: #178d3f !important;
border-color: #178d3f !important;
}
.btn-success:hover,
.btn-success:focus {
color: #fff !important;
background-color: #218838;
border-color: #1e7e34;
}
/* Danger button */
.btn-danger {
color: #fff !important;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover,
.btn-danger:focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
/* Warning button */
.btn-warning {
color: #212529 !important;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover,
.btn-warning:focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
/* Info button */
.btn-info {
color: #fff !important;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover,
.btn-info:focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
/* Light button */
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover,
.btn-light:focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
/* Dark button */
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover,
.btn-dark:focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
/* Large button */
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
/* Small button */
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
/* Extra Small button */
.btn-xs {
padding: 0.1rem 0.25rem;
font-size: 0.75rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.produkt_oversigt_beskrivelse{display:none;}
.soeg_grp_element {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 10px;
}
.soeg_grp h3{padding:10px;}
#searchResultCon h2 {
padding: 10px;
}
.search_result_con {
display: flex;
flex-direction: column;
}
.search_sider_result {
order: 3;
padding: 10px;
}
.search_produktgrp_result {
order: 2;
}
.produkt_grp_header p {
color:#fff;
position: absolute;
text-shadow: 0 0 10px black;
font-size: 16px;
text-transform: none;
text-align:center;
}
}
p:empty {
display: none;
}
.forsporgsel_div_con{ position: fixed;
bottom: 0px;
background: #2c3e50d1;
width: 100%;
left: 0;
z-index: 9999;
padding:.5rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.forsporgsel_div{
gap:1rem;
display: grid;
grid-template-columns: 1fr 1fr;
max-width:700px;
margin:0 auto;
}
#produkt_request {
border:0;
width: 330px;
margin-top: 10px;
margin:0 auto;
}
a.dealerlink{color:#000;}
.dealerlink{ border:0;
width: 330px;
margin-top: 10px;
margin:0 auto;
text-align: center;
vertical-align: middle;
padding: 12px 24px;
border: 1px solid #b3b3b3;
border-radius: 8px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
background: linear-gradient(to bottom, #ffffff, #b3b3b3);
font: normal normal bold 20px arial;
color: #111111;
text-decoration: none;
cursor: pointer;
}
#produkt_request:hover, #produkt_request:focus{border:0;}
#registration-form h1 {
text-align: center;
margin-bottom:2rem;
}
.form-group.fgroup6 {
text-align: left;
}
.form-group.fgroup7{text-align:left;}
.col-3-entry{background-color:#f3f6f7;}
.col-3-entry .col-md-4 img {
max-height: 250px;
object-fit: cover;
object-position: top;
aspect-ratio: 3/2;
}
.col-3-entry .col-md-4 p, .col-3-entry .col-md-4 h2{
padding: 1rem 2rem 0px 2rem;text-align:center;
}
.col-3-entry .col-md-4 a {
margin-left: 2rem;
color: #fff !important;
margin:0 auto;
margin-top:1rem;
border-radius: 20px;
margin-top:auto;
display: inline-table;
margin-top:2rem;
}
.col-3-entry .col-md-4 h2{color: #2b3d4f;}
.col-3-entry .col-md-4 .cell{flex-basis:unset;}
.col-3-entry .col-md-4 {
background: #fff;
text-align:center;
padding-bottom: 2rem;
display:flex;
flex-direction:column;
flex:1;
max-width: unset;
}
.col-3-entry .col-md-4 p:first-child{margin-top:0;}
.col-3-entry .row {
gap: 1rem;
}
/************************************************************************************
RESPONSIVE KODE
*************************************************************************************/
@media screen and (max-width: 1280px){
.blank_content_produkt, #top .container, .blank_content{width: 100%;}
}
@media screen and (max-width: 1200px){
#logo img{width: 53%;}
#trekant{margin-top:45px;}
}
@media screen and (max-width: 1024px) {
#menu li.menuChosen:hover a{background-color:unset;}
#salgspointallesider .container {
height: 33px;
}
#nyeste_produkter .slick-list{padding: 0px 15% 0px 15% !important;}
#senestophugmaskine .slick-list{padding: 0px 15% 0px 15% !important;}
.slick-list{
padding: 0px;
}
.brugte-farver .grupper .produkt_grp_billeder {
height: 210px !important;
}
.grupper .produkt_grp_billeder{height:210px !important;}
.produkt_grp_element, .produkt_grp_element_clear{max-height:220px; min-height:150px;}
.grp-brugte-reservedele .brugte-farver .grupper .produkt_grp_billeder{
height:280px !important;
}
#kontakt-top{top:28px;}
#standLogo{width: 240px;}
.blue_slider_box p {font-size: 1em;padding:0;margin: 0;}
#lukket{width: 100%!important;}
body{
background-color: #ecf0f1;
background-image: none;
}
#top .container, .roulette_jacob, .roulette_jacob2, #content_overskrift, #bund .container {width: 100%;}
#produkter{
padding-left: 1%;
padding-right: 1%;
}
.search .search-input-elm{width: 564px;}
#logo img{
width: 119px;
margin-left: 64px;
}
#trekant{margin-top: 43px;}
#menu li ul{
width: 1024px;
margin-left: 20px;
}
.newsbilledestor img{width: 100%;}
.newstopstor{width: 28%;}
.roulette_jacob2{
max-height: 450px;
height: 360px !important;
}
/************************************************************************************
SKABELONER
*************************************************************************************/
.blank_content_white, .blank_content{width: 98%;}
.col4content_div-farvet, .col4content_div{width: 48%;}
}
@media screen and (max-width: 1100px) and (min-width: 970px){
nav{overflow-y: auto;}
#menu li.menuChosen:hover a{background-color:unset;}
#menu li a:hover, #productMenu ul li a:hover{background-color:unset;color:#2c3e50;}
.menuChosen a{background-color:unset;color:#2c3e50 !important; font-weight:bold;}
.menuNotChosen a{background-color:unset;color:#2c3e50 !important; font-weight:normal;}
#menu li ul li a{color:#fff !important;}
ul ul .menuChosen a{color:#fff !important;}
}
@media screen and (max-width: 980px) {
/************************************************************************************
NYHEDER
*************************************************************************************/
.newsteaserGenerelOverskrift01 a{font-size: 24px;}
#newsteaser_con{min-height:482px;}
#newsteaserWrapper{
padding-top: 45px;
padding-left: 20px;
}
.newsDate_grp{clear:both;}
.newsindhold_grp{padding-bottom: 2%;}
.newsteaserGenerelMere01{
padding-left:20px;
padding-top:55px;
}
.news_enkelt{margin-top:75px;}
.newsDate{top:41px;}
/************************************************************************************
INDHOLD
*************************************************************************************/
#content{padding-top: 0;}
#content_overskrift{padding-top: 75px;}
#content_overskrift h1{
font-size:24px;
padding-top: 15px;
}
#produkt_overskrift{width:100%; }
#produkt_overskrift h1{
font-size:24px;
padding-top: 25px;
}
#contentslider{width:98%;}
.site_boxes_con{width:98%;}
.boks_table{
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
#site_boxes{height:auto;}
h1.stor {font-size: 40px;}
h1 {font-size: 22px;}
#topbaggrund{height: 60px;width:100%;}
.Left50prc{width:98%;}
#produkt_enkelt_tilbage{top: 25px;}
#produkter h1{position: relative;}
#produkt_enkelt_right{
width: 31%;
float: right;
}
.blank_content_produkt{top: 15px;}
/************************************************************************************
TOP
*************************************************************************************/
#afdelingslogo{
top:45px;
z-index:0;
width:125px;
display: none;
}
#afdelingslogo img{width:115px;}
#logo{width: 35%;}
#logo img{margin-left: 14px;}
#trekant{
margin-top: -7px;
margin-left: 0;
border-width: 20px 70px 0 70px;
}
#top_tekst{
height:auto;
top: 100px;
}
#kontakt-top{display:none;}
#login-boks{
top: 60px;
width: 100%;
}
.close-login-btn{
height: 60px;
width: 60px;
background-position: 16px 14px;
background-size: 30px;
}
.search-btn{
width: 60px;
height: 60px;
color: transparent;
background-position: 12px 12px;
}
.search .search-input-elm{
right: -60px;
z-index: 2147483647;
top: 60px;
min-height: 568px;
width: 768px;
}
.search form .search-input{height: 80px;}
.search .search-input-elm{width:unset;max-width:980px;}
.login-btn{
width: 60px;
height: 60px;
background-position: 12px 9px;
padding-top: 5px;
font-size:10px;
}
#username-input{
max-width: 555px;
width: 100%;
}
/************************************************************************************
NAVIGATION
*************************************************************************************/
#menu{
width: 100%;
height: auto;
position: relative;
left: 0;
top: 60px;
min-height: 80vh;
background-color: var(--traktorfarver ) !important;
background-color: #178d3f !important;
display: none;
}
#menu ul{
padding: 0;
margin: 0;
}
#menu li{
width: 100%;
height: auto;
}
#menu li a{
color: #ecf0f1;
font-size: 22px;
padding-left: 20px;
}
#menu li a:hover{background-color: transparent;}
#productmenu_con li a::after,
#menu li a::after,
#menu li a::before{
padding:0;
border:none;
}
#menu_responsive{display: block;}
#menu_responsive_open, #menu_responsive_close{
display: block;
padding: 2px 5px;
position: absolute;
right: 5px;
top: 50px;
z-index: 999;
}
#menu li ul li a.firstElementAndMenuChosen, #menu li ul li a.menuChosen{font-weight:bold;}
#menu li.firstElementAndMenuChosen ul, #menu li.menuChosen ul{display:block !important;}
#menu li.firstElementAndMenuChosen ul, #menu li.menuChosen ul{display:block !important;}
#menu li.firstElementAndMenuChosen ul ul, #menu li.menuChosen ul ul{display:none !important;}
#menu li ul li ul li a.firstElementAndMenuChosen, #menu li ul li ul li a.menuChosen{font-weight:bold;}
#menu li ul li a{color: #ebf0f1;}
#menu li ul li ul {
display:none !important;
left: 0px;
margin-top: 0px;
position: relative;
width: 100%;
}
#menu li ul li.firstElementAndMenuChosen ul, #menu li ul li.menuChosen ul{display:block !important;}
#menu li ul li ul li a{
color: #333;
padding-left: 5%;
width: 94%;
}
#menugroup1_con{
display: none;
background-color: var(--traktorfarver ) !important;
width: 100%;
}
#menu li:last-child > a::after{display: none;}
#menu li a::before{padding: 0;}
#menu li ul{
background-color: var(--traktorfarver ) !important;
display: block;
margin-left: 30px;
margin-top: -5px;
height: auto;
position: relative;
width: 100%;
}
nav{
top: 0;
right: 0px;
width: 100%;
left:0;
text-align: left;
}
#open_close_con{
display: block;
width: 60px;
right: 120px;
height: 60px;
z-index: 999999999999999999;
background-color: var(--traktorfarver ) !important;
background-color: #178d3f !important;
position: absolute;
}
#menu_open{display:block;}
#menu_open #menu_big{
background-image:url(https://www.sjorupgroup.com/images/nav.png);
background-repeat:no-repeat;
background-position:center;
background-size:45px auto;
display:block;
height: 60px;
}
#menu_close #menu_big{
background-image:url(https://www.sjorupgroup.com/images/nav.png);
background-repeat:no-repeat;
background-position:center;
background-size:45px auto;
display:block;
height: 60px;
visibility: hidden;
}
#menu li a{height: auto;}
#menu li a:hover, #productMenu ul li a:hover{background-color: transparent;}
.menuChosen a, .firstElementAndMenuChosen a{background-color:transparent;}
#menu .menuChosen ul {
margin-top: 0;
position: relative;
width: 100%;
margin-left: 0;
height: auto;
padding: 0 0 0 33px;
display: block;
}
#menu li ul li{
float:left;
display:block;
padding-top:0;
height: auto;
text-align: left;
}
#forhandler-login{font-size: 22px;}
.slider_content_text{
font-size: 1em;
padding-top: 43px;
}
.produkt_oversigt_billede{height: 170px;}
.roulette_jacob h2{font-size: 22px;}
.roulette_jacob{top: 60px;}
.roulette_jacob2{top: 60px;}
#breadcrumbs{
width:98%;
padding:1%;
}
#bund{bottom: 0px;}
#bund_kontakt, #bund_quicklinks{
width:92%;
margin:1%;
text-align:left;
padding-left: 20px;
}
#mainmenu1_bund ul{padding:0;}
#productmenu_con{
display: none;
background-color: var(--traktorfarver ) !important;
margin-top: 30px;
}
#bund .container{background-image: none;}
#filterknap{
display:none;
height: 30px;
width: 30px;
margin-top:-25px;
margin-left: -10px;
}
#produkt_enkelt_right{width: 100%;}
#produkter h1{font-size: 32px;}
#produkt_enkelt_tilbage{left: 0;}
#myDiv{width: 595px;top:-116px;}
#blue{top:120px;}
.roulette_jacob2{height:330px !important;}
.boksen {
margin-top: 38px !important;
}
.boksen h2 {
font-size: 28px !important;
}
}
@media screen and (min-width: 768px){
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding:0;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding:0;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
padding-left:50px;
}
.col-md-4 {
-ms-flex: 0 1 33.333333%;
flex: 0 1 33.333333%;
flex-basis: 33.3333%;
max-width: 33.333333%;
}
}
@media screen and (max-width: 768px){
.forsporgsel_div{
display: grid;
grid-template-columns: 1fr;
max-width:100%;
}
#externnyhedercon{margin:1%;}
.slidecon{display:block !important;}
.row {
padding:20px 20px;
margin:0;
}
.filterheading {
color: white;
display: flex;
align-items: center;
display: block;
width: 120px;
margin-left: auto;
padding-right: .4rem;
padding-top:60px;
display:flex;
font-size:16px;
}
.filterheading:hover{cursor:pointer;}
#produkt_grp__produktliste_oversigt{grid-template-columns: 1fr 1fr 1fr;}
.produktgrpoversigt.niv4 #produkt_grp_grupper{grid-template-columns:1fr 1fr 1fr;}
#filtrering {
display:none;
width:35%;
min-height: 370px;
padding-bottom: 40px;
margin-left: 45px;
float: left;
margin-top: -28px;
font-size: 14px;
position: absolute;
left: -40px;
top: 120px;
background: inherit;
z-index: 999;
padding: 20px;
height: 100%;
}
.kategori_con h2, .maerker_con h2, .model_con h2, .komponentgrp_con h2{font-size:12px;}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper) {
grid-template-columns: 1fr;
}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper){grid-template-columns: 1fr;}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper) .produkt_grp_element{min-height:unset;}
.grupper .produkt_grp_billeder {
height: 150px !important;
}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper) .grupper .produkt_grp_billeder{height:unset !important}
.produktgrpoversigt.niv2 #produkt_grp_grupper:not(.grp-nye-reservedele #produkt_grp_grupper) .produkt_grp_element{
max-height:unset !important; padding:0; margin:0;aspect-ratio: unset;
}
#menu{max-height: 300px;
overflow-y: scroll;}
.brugte-farver .grupper .produkt_grp_billeder{
height:150px !important;
}
.grp-ophug .produkt_grp_element, .grp-ophug .produkt_grp_element_clear {
max-height: 200px;
min-height: 200px;
}
.grp-traktor-og-maskiner .produkt_grp_element, .grp-traktor-og-maskiner .produkt_grp_element_clear {
min-height: 250px;
max-height: 200px;
}
.produkt_grp_element, .produkt_grp_element_clear{aspect-ratio:1;}
.grp-brugte-reservedele .brugte-farver .grupper .produkt_grp_billeder{
height:200px !important;
}
.medarbejder_con{width:45%}
#produkt_enkelt_beskrivelse{width:100%;}
#productminipic img{width:97px;}
#produkter h1{font-size:28px;padding:0;}
.newsDate{top:37px;}
.filter_con, .maerker_con, .model_con, .kategori_con, .komponentgrp_con{display: block;}
#filtrering{
width:auto;
margin-left:25px;
}
.produkt_oversigt_header h2{line-height:17px;}
.produkt_oversigt_billede{height:120px;}
.produkt_oversigt_element{height:250px;}
#news{margin-top: 90px;}
.newsItem{width: 100%;}
.news_enkelt{width: 100%;}
.newsbilledestor img{width: 100%;}
.newsDate{right:0;}
.newsItem:nth-child(2n){margin: 0;}
.newsItem:nth-child(2n+1){margin-left: 0;}
.roulette_jacob{max-height: 300px;}
.slide01{height: 300px;}
#productmenu_con{
margin-top: 30px;
}
#breadcrumbs_con{
height:auto;
padding:10px 15px;
padding-top:10px;
margin-top: 10px;
}
#relateredevarenumre {
margin-left: auto;
width:100%;
margin-top:0;
padding-top:0;
}
#relateredevarenumre .produkt_oversigt_element{
width:98%;
height:328px;
}
.relateredemasterhead h2{font-size:20px;}
#support .formular{width: 96%;}
#support h2{font-size: 20px;}
#kontaktformular-opkob .form-input input{width: 84%;}
#kontaktformular-opkob label {width: 14%;}
#kontaktformular-opkob textarea{width: 84%;}
#kontaktformular-opkob input[name="email_afsenderpostby"]{width: 72%!important}
#kontaktformular-opkob input[name="email_afsenderpostnr"]{margin-right: 13px;}
.roulette_jacob2{
margin-top: 0;
max-height: 432px;
}
.roulette_jacob2{top:125px;}
.brandlogoer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 646px){
.mc-modal{top:60px !important;}
.brandlogo.special {
width: 114px;
padding-left: 18px;
}
.brandlogo.special{width:unset;}
#iwukm1{background-attachment:unset !important;}
#registration-form h1 {
text-align: center;
}
.kontaktoplysninger, .kontaktoplysningermaskine {
margin-bottom: 0;
margin-top: 1.5rem;
}
#kontaktside-captcha{
webkit-transform: scale(0.67) !important;
transform: scale(0.67) !important;
-webkit-transform: scale(0.67) !important;
transform-origin: 0 0 !important;
-webkit-transform-origin: 0 0 !important;
}
.fgroup7 h6 {
display: inline-block;
}
.fgroup01, .fgroup02, .fgroup03{
margin-bottom:.4rem !important;
}
.fancybox-slide--iframe{padding:0 !important;}
.fgroup7 {
grid-column-start: 3 !important;
grid-column-end: 4 !important;
align-self: center;
}
.fgroup6{
grid-column-start: 1 !important;
grid-column-end: 2 !important;
align-self: center;
}
.fgroup01, .fgroup02, .fgroup03, .fgroup8, .fgroup1, .fgroup2, .fgroup3, .fgroup5, .fgroup9{
grid-column-start: 1 !important;
grid-column-end: 4 !important;
margin-bottom: .4rem;
}
#searchResultCon #produkter {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .3rem;
}
#menu {height: 100vh;}
#produkt_grp__produktliste_oversigt {
grid-template-columns: 1fr 1fr
}
.produktgrpoversigt #produkt_grp_grupper{grid-template-columns:1fr 1fr 1fr;}
.grp-nye-reservedele .produkt_grp_billeder img{height:unset;}
.news-oversigt .newsItem{flex-basis:100%;}
.grp-brugte-reservedele .brugte-farver .grupper .produkt_grp_billeder{
height:140px !important;
}
#lang{width: 25%;}
.blue_slider_box a{font-size: 20px;}
.blue_slider_box{font-size: 20px;}
#mainmenu1_ul ul{display:block;position:relative;top:0;}
.brugte-reservedele01 .grupper {
width: 48% !important;
}
iframe{height:165px;}
.brugte-reservedele01 .brugte-farver .grupper .produkt_grp_billeder{
height:auto !important;
}
.grupper .produkt_grp_header h2{font-size:14px;}
#content_overskrift {
padding-top: 15px;
}
#bund .container{flex-direction:column;}
#bund .container #bund_kontakt{width:100%;flex-basis:100%;}
.brandlogoer{display:grid; grid-template-columns:1fr 1fr 1fr;}
.brandlogo{width:100%;}
.boksen h2{font-size:26px !important;}
.brandlogo img {
height: 55px;
object-fit: contain;
}
.grupper .produkt_grp_header{height:120px;}
#produkter{padding-top:60px;}
}
@media screen and (max-width: 414px){
.grupper .produkt_grp_header{height:120px;}
.produkt_oversigt_billede img{min-height:120px;}
.produktgrpoversigt #produkt_grp_grupper{grid-template-columns:1fr 1fr;}
.produktgrpoversigt.niv2.grp-nye-reservedele #produkt_grp_grupper{gap:1rem;margin-bottom:1rem;}
.produktgrpoversigt.niv2.grp-nye-reservedele #produkt_grp_grupper .produkt_grp_element{width: 100% !important;max-height: 174px;}
.slidecon{padding:0 !important;}
.col-lg-6.first-col {
display: none;
}
.sliderrow{grid-template-columns:1fr !important;}
.skjul-mobil{
display:none;
}
#produkt_request, .dealerlink{width:100%;margin-left:0;}
#produkt_enkelt_tilbage{margin-left:40px;}
#produkter{margin:0 3%;}
.grp-nye-reservedele .produkt_grp_element{
width: 31% !important;
max-height: 114px;
min-height: 114px;
}
.newsenkelt .newsDate{left:unset; width:unset !important;margin-top:20px;right:unset;}
.newsenkelt #news div {
flex-basis: 100%;
}
.newsenkelt #news{margin: 80px 4%;}
#produkt_overskrift h1 {
font-size: 24px;
}
#content_overskrift {
padding-top: 45px;
}
.grp-brugte-reservedele .brugte-farver .grupper .produkt_grp_billeder{
height:140px !important;
}
.newsenkelt #breadcrumbs_con{
margin-top:unset;
}
#standLogo{width:175px;}
.blue_slider_box p {
font-size: 0.5em;
padding: 0;
margin: 0;
}
.newsenkelt .newsDate{
margin-top: 20px;
width: 100%;
}
.newsenkelt .newstopstor{flex-basis: 100%;
}
#rc-imageselect,
.g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
#postby_kontakt{
width: 60% !important;
margin-left: 2%;
}
#postnr_kontakt{
width: 22%!important;
float: left;
}
.newsindhold {
width: 97% !important;
padding: 0 1% 0 1%;
margin: 0;
float: left;
}
#lang{
width: 32px;
position: absolute;
top: 370px;
z-index: 99999999;
right: 0;
margin: 0;
background-color: #fff;
border-radius: 5px;
padding: 6px;
}
.flag{padding-top: 5px;}
.flag img{padding: 0; margin: 0;}
#menu .menuChosen ul{padding: 0 0 0 17px;}
.brugte-farver .grupper .produkt_grp_billeder{height: 150px!important;}
#produkter{padding:0;}
#ajaxresultcount{
position:absolute;
top:8px;
font-size:20px;
position: fixed;
z-index: 1000;
top:105px;
left:0;
right: 0;
text-align: right;
padding-right: 26px;
}
.grupper{width:48% !important;}
.produkt_grp_header h2{
padding-left:5px;
font-size:13px;
}
.produktgrpoversigt.niv4 .produkt_grp_element{width:unset;}
.produkt_grp_billeder{}
.produkt_oversigt_billede{height:120px;}
.produkt_oversigt_element{width:98%;}
.grupper .produkt_grp_billeder{height: auto!important;}
#login-boks form{padding-top: 24px;}
#username-input, #password-input{width: 265px;}
#login-boks form{
text-align: center;
padding-left: 0;
}
#husk-login{48%;}
#login-knap{
margin: 20px 0 0 0;
float: none;
}
#trekant{margin-top: -7px;}
.search .search-input-elm{
right: -60px;
z-index: 2147483647;
top: 60px;
min-height: 568px;
width: 414px;
}
#produkt_enkelt_right{
width: 100%;
text-align: left;
}
#produkter h1{width: 98%;}
#produkt_enkelt_data{width: 100%;}
#billedecontainer{
width: 100%;
top: 0;
margin-top: 50px;
float:left;
}
#productstorimage img{
border: 1px solid #080000f0;
border-radius: 4px;
}
#billedecontainer img{max-width: 100%;}
#filtrering{
width: 65%;
min-height:auto;
box-shadow: 8px 14px 30px -24px;
}
.filter_con, .kategori_con, .maerker_con, .model_con, .komponentgrp_con{width: 100%;}
#nyhedsskabelon .col2content_div{width: 100%; background-color: #2c3e50;}
#productmenu_con{height: auto;}
#myDiv{width: 390px;}
#kontaktformular-opkob .form-input input{width: 99%;}
#kontaktformular-opkob label {width: 99%;}
#kontaktformular-opkob textarea{
width: 98%!important;}
#kontaktformular-opkob input[name="email_afsenderpostnr"]{
width: 25%!important;
margin-right: 8px;
}
#btnTest{
margin-top: 25px;
margin-right: 1%;
}
#kontaktformular-opkob .form-input{width: 99%;}
.roulette_jacob2{max-height: 210px !important;}
#produkter.brugte-farver{padding-top: 60px;}
#bund .container{flex-direction:column;}
#bund .container #bund_kontakt{width:96%;flex-basis:96%; padding:0;margin:0 2%;}
}
@media screen and (max-width: 550px){
#content_overskrift {
padding-top: 65px;
}
.grp-opkoeb-af-maskiner-maskinhandel #produkt_overskrift{margin-block-start:5rem;}
.boksen.slick-initialized{overflow:hidden;}
.niv3 #produkter, .niv4 #produkter {
padding-top: 20px;
}
#produkter.nye-farver {
padding-top: 80px;
}
.carlisle img {
text-align: center;
}
.brandlogo img {
height: 55px;
object-fit: contain;
}
.container1280{max-width:100%;}
.row.brandlogoer {
flex-direction: row;
padding: 2%;
gap:1rem,
}
.boksen {
margin-top: 38px;
}
}
@media screen and (max-width: 375px){
html, body {
max-width: 100%;
overflow:unset;
}
/******* SKABELON *********/
.col4content_div-farvet, .col4content_div, .col2content_div, .col_2x3_div{width: 98%;}
.col_1x3_div{
width: 98%;
text-align: center;
}
#trekant{margin-top: -7px;}
.search .search-input-elm{
right: -60px;
z-index: 2147483647;
top: 60px;
min-height: 568px;
width: 375px;
}
#myDiv{width: 335px;}
#postby_kontakt {width: 70%!important;}
.myButton2{margin-top:0;}
#kontaktformular-opkob input[name="email_afsenderpostnr"] {
width: 24% !important;
margin-right: 9px;
}
.roulette_jacob2{max-height: 190px !important;}
}
@media screen and (max-width: 320px){
.search .search-input-elm{
right: -60px;
z-index: 2147483647;
top: 60px;
min-height: 568px;
width: 320px;
}
#lang {top: 370px;}
#myDiv{width: 300px;}
#support h2{font-size: 15px;}
#kontaktformular-opkob input[name="email_afsenderpostnr"] {
width: 23% !important;
margin-right: 10px;
}
.roulette_jacob2{max-height: 182px;}
}
.nopadding{padding:0;}
body.grp-traktor-og-maskiner .produkt_grp_billeder img, body.grp-opkoeb-af-maskiner-maskinhandel .produkt_grp_billeder img, body.grp-ophug .produkt_grp_billeder img,body.grp-brugte-reservedele .produkt_grp_billeder img {
height: unset;
width:unset;
width: 50%;
margin: 0 auto;
display: block;
}
.produktgrpoversigt.niv2 .produkt_grp_billeder img:not(.niv2.grp-nye-reservedele .produkt_grp_billeder img{width:unset; display:block; margin:0 auto;width:70%;}