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)}} /**************************** OVERORDNET - HH **********************/ /*TEMPLATECSS START */ /*ingen aktive css blocktemplate moduler*/ /*TEMPLATECSS end */ /**************************** OVERORDNET - JACOB **********************/ iframe{width:100%;} .cell { flex-basis: 100%; } .formular input, .formular textarea { display: block; } .formular input { width: 300px; height: 40px; } .formular textarea{ width:300px; height:100px; } .formular h2 { margin-bottom: 2rem; } .col3content_div img, .col4content_div img, .col2content_div img, .col_2x3_div img, .col20procent img, .col60procent img, .col1_6_div img, .col1_5_div img, .cell img{width:100%;} .panel { width: 90%; max-width: 700px; border-radius: 3px; padding: 30px 20px; margin: 150px auto 0px; background-color: #d983a6; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25); color:rgba(255,255,255,0.75); font: caption; font-weight: 100; } .welcome { text-align: center; font-weight: 100; margin: 0px; } .logo { width: 70px; height: 70px; vertical-align: middle; } .logo path { pointer-events: none; fill: none; stroke-linecap: round; stroke-width: 7; stroke: #fff; } .big-title { text-align: center; font-size: 3.5rem; margin: 15px 0; } .description { text-align: justify; font-size: 1rem; line-height: 1.5rem; } .dynTopbilledebg{ min-height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .dynBilledebg{ background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide-right { width: 100%; overflow: hidden; } .slide-right { animation: 1s slide-right 0.3s forwards; transform:translateX(-200%); } @keyframes slide-right { to { transform:translateX(0); } } .slide-left { width: 100%; overflow: hidden; } .slide-left { animation: 1s slide-left 0.3s forwards; transform:translateX(200%); } @keyframes slide-left { to { transform:translateX(0); } } .slide-up { width: 100%; overflow: hidden; } .slide-up { animation: 1s slide-left 0.3s forwards; transform:translateY(-200%); } @keyframes slide-up { to { transform:translateY(0); } } .opacityAnimation { width: 100%; overflow: hidden; } .opacityAnimation { animation: 1s opacityAnimation 0.3s forwards; opacity:0; } @keyframes opacityAnimation { to { opacity:1; } } /***** MEDARBEJDER MODUL *****************/ /* Container styling */ .employee-container { border: 2px dashed #ccc; padding: 20px; border-radius: 8px; background-color: #f9f9f9; margin: 20px 0; display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap:1rem; } /* Medarbejderkort styling */ .employee-card { border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 15px; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; flex-direction:column; } /* Billedet */ .employee-image { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 2px solid #ddd; } /* Medarbejderoplysninger */ .employee-name { font-size: 18px; font-weight: bold; margin: 0; } .employee-title { font-size: 14px; color: #555; margin: 5px 0; } .employee-email, .employee-phone { font-size: 12px; color: #777; } /* Slet-knappen */ .employee-delete { margin-left: auto; padding: 8px 12px; border: none; border-radius: 4px; background-color: #e74c3c; color: white; font-size: 14px; cursor: pointer; transition: background-color 0.3s; } .employee-delete:hover { background-color: #c0392b; } .nymedarbejdertool.gjs-toolbar-item { width: auto; } .fa-user::before { content: "\f007"; padding-right: 5px; } /*NYE COLUMNS*/ /*templates til ny pagebuilder*/ .row{ display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items:stretch; -ms-flex-wrap: nowrap; flex-wrap:nowrap; padding:10px; } .cell.col2{-ms-flex-preferred-size: 49%; flex-basis:49%;} .procent20{-ms-flex-preferred-size: 20%; flex-basis:20%;} .procent25{-ms-flex-preferred-size: 25%;flex-basis:25%;} .procent50{-ms-flex-preferred-size: 50%; flex-basis:50%;} .procent60{-ms-flex-preferred-size: 60%; flex-basis:60%;} .col2_3_del_div{ width:64.3%; float:left; text-align:left; margin:1%; } .col_1_3_del_div{ width:31.4%; float:left; text-align:left; margin:1%; } /**Kolonner: 1/5+3/5+1/5**/ .col20procent{ width:18%; float:left; text-align:left; margin:1%; } .col60procent{ width:58%; float:left; text-align:left; margin: 1%; } /****** Kolonner: 1/3 + 1/3 + 1/3 *******************/ .col3content_div { width: 31%; float: left; text-align: left; margin: 1%; } /****** Kolonner: 1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6 *******************/ .col1_6_div{ width:14.6%; float:left; text-align:left; margin:1%; } /****** Kolonner: 1/5 + 1/5 + 1/5 + 1/5 + 1/5*******************/ .col1_5_div{ width:18%; float:left; text-align:left; margin:1%; } .col4_space{ justify-content:space-between; } .col4_space .cell { flex-basis: 24%; } /************************************************************************************/ /****** Header 1 med sticky menu*******************/ header{ background:#fff; height:100px; width:100%; display: -webkit-box; display: -ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sticky { position: fixed; top: 0; width: 100%; height:65px; } #headerCon{ flex:1; width:96%; margin:0 2%; display: -webkit-box; display: -ms-flexbox; display:flex; } #header-logo{ float:left; width: 10%; font-weight:bold; font-size:27px; flex:1; } .img_left{display:block !important;} .img_center{ display:block !important; margin-right: auto !important; margin-left: auto !important; } .img_right{ display:block !important; margin-left: auto !important; } /************************************************************************************/ /*************************************** BAGGRUND FIXED MED OVERLAY *******************/ .baggrund-fixed{ height: 440px; background-image: url("///userfiles/image/2020//slider-bg.png"); background-attachment: scroll; background-size: auto; background-attachment: fixed; background-size: cover; background-color:none; -ms-flex: 1; flex: 1; border-radius:3px; } .bgOverlay{ height: 100%; width: 100%; top: 0; left: 0; position: absolute; background: red; background-color:#000000; opacity: 0.75; -webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .container1200 { width: 1200px; margin: 0 auto; position: relative; } .cell.container1200 { max-width: 1200px; margin: 0 auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-pack: space-arround; -ms-flex-pack: space-arround; justify-content:space-arround; } .container1200 h2{ text-align:left; } .container1200 p{text-align:left;} .container1280 { max-width: 1280px; margin: 0 auto; position: relative; } .big-image-content { position: relative; top: 310px; } /*3 kolonner med ikoner og overskrifter*/ .kolonne-ikon-tekst{ text-align: center; } .kolonne-ikon-tekst img{ width:120px !important; } .col3content_div.kolonne-ikon-tekst h3{ text-align:center; } /****************************PRISTABEL *****************************/ .forside_sektion_priser { margin: 80px 0 160px; flex:1; } /*********PRIS SKABELON ***************/ .priceCon{ width:100%; display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; } .priceCon .column{ -ms-flex-preferred-size: 30%; flex-basis:30%; width:33.33%; float:left; padding: 0 0 20px; margin:0 15px; box-sizing:border-box; background:#fff; overflow:hidden; box-shadow: 0 10px 10px rgba(0,0,0,.2); transition: .5s; margin:10px 0; } .priceCon .column h4{ font-size:18px; font-family: 'Titillium Web', sans-serif; } .column.popular-column {margin: 0;} .price{ text-align:center; color:#cf4520; } .title h2{ color:#252525; text-align:center; } .titleIntro { background: #252525; padding: 18px; color:#fff; font-size:18px; text-align:center; } .titleIntro.popular { background: #cf4520; padding: 20px; color:#fff; font-weight:bold; } .forside_sektion_priser {margin: 80px 0 160px;} #imyt{width:100% !important;} .option {margin: 0 auto;} .option ul li { list-style: none; font-size:18px; margin:5px 0 0; padding:0 0 5px; } .option ul li span { margin-right: 10px; font-size:18px; font-family: 'Titillium Web', sans-serif; } .option ul li span i{ color:#cf4520; font-size:18px; } .column a{text-align:center;} .tilmeld a{ background: #cf4520; font-family: 'Titillium Web', sans-serif; } .container1200 .column:hover{ transform:scale(1.05); } /*********************************** TIMELINE - PRIDANA ********************************************/ .dynamicTimeline{position:relative;} .dynamicTimeline::before { content: ''; position: absolute; top: 0px; left: 50%; bottom: 0px; transform: translateX(-50%); width: 2px; background-color: #000; } body .timelineEntries { width: calc(100% - 80px); max-width: 800px; margin: auto; position: relative; left: -5px; } body .timelineEntries .timelineEntry { width: calc(50% - 80px); float: left; padding: 20px; clear: both; text-align: right; background: #f4f4f4; border-radius: 10px 10px; margin-bottom: 20px; } body .timelineEntries .timelineEntry:not(:first-child) { margin-top: -60px; } body .timelineEntries .timelineEntry .title { font-size: 32px; margin-bottom: 12px; position: relative; color: #000; text-align: left; } body .timelineEntries .timelineEntry .title:before { content: ''; position: absolute; width: 8px; height: 8px; border: 4px solid #000; background-color: #fff; border-radius: 100%; top: 50%; transform: translateY(-50%); right: -113px; } body .timelineEntries .timelineEntry .title.big:before { width: 24px; height: 24px; transform: translate(8px, -50%); } body .timelineEntries .timelineEntry .body { color: #aaa; } body .timelineEntries .timelineEntry .body p { line-height: 1.4em; color: #000; } body .timelineEntries .timelineEntry:nth-child(2n) { text-align: left; float: right; } body .timelineEntries .timelineEntry:nth-child(2n) .title:before { left: -103px; } body .timelineEntries .timelineEntry:nth-child(2n) .title.big:before { transform: translate(-8px, -50%); } /******** TABLE STYLE **************/ .styledTable { border-collapse: collapse; font-size: 0.9em; font-family: sans-serif; min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .styledTable thead tr { background-color: #009879; color: #ffffff; text-align: left; } .styledTable th, td { padding: 12px 15px; } .styledTable tbody tr { border-bottom: 1px solid #dddddd; } .styledTable tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .styledTable tbody tr:last-of-type { border-bottom: 2px solid ; } /******************************* PRIDANA SELLINGBOXES ***************************/ .sellingBoxes { margin: 60px 0; } .cell.sellingBox { display: flex; flex-basis: 31%; justify-content: space-between; } .sellingIcon { display: flex; align-items: center; } .sellingIcon img { height: 90px; width:auto; } .sellingText { flex-basis: 66%; } .sellingText h3{ font-size:17px; } /************************ CALLTOACTION SEKTION NY *********************************************************/ .actionSection { color: #fff; padding: 80px; } .actionSection h2 { font-size: 32px; color:#fff; } /***********************************BLÅ CTA SEKTION MED KNAP OG TEKST*****************************************/ .call_to_action_button{ color: #fff; text-align: center; min-height: 300px; position: relative; float: left; width: 100%; } .cta-button { color: #fff; border: 5px solid white; padding: 20px 50px; border-radius: 10px; position: relative; top: 62px; text-transform: uppercase; } .cta-button a{ color: #fff; text-decoration: none; } .cta-button2 { color: #fff; padding: 20px 50px; border-radius: 10px; text-transform: uppercase; background-color:#da045a; font-weight: bold; text-decoration:none; -webkit-transition:0.2s; /* Safari prior 6.1 */ transition:0.2s; text-align:center; margin-top: 45px; } .cta-button2 a{ color: #fff; text-decoration: none; font-weight:bold; } .cta-button2:hover{ border:4px solid #da045a; color:#000000; background-color:#ffffff; } .call_to_action_button h2{ margin-top: 65px; margin-bottom: 50px; } /******************************* 3 x hover boxe - cards ******************************************/ * { box-sizing:border-box; } .cards { padding: 20px 0; display: flex; justify-content: space-around; flex-flow: wrap; width:1200px; margin:0 auto; } .cardsmodul .card { background-color: #f7e4dc; } .cards .card:hover { transform: scale(1.05); cursor: pointer; } .cardHeader { height: 215px; overflow: hidden; } .cardHeader img{ max-height:200px; object-fit:cover; width:100%; } .cardDesc { min-height: 80px; } .fox{background-image: url("img/heste.jpg");} .tiger{background-image: url("img/fox.jpg");} .cardBody { padding: 15px 15px 5px 15px; color: #555; height:135px; } .cardTitle { font-size: 1.4em; margin-bottom: 5px; } .cardSubTitle{ color: #b3b3b3; font-size: 1em; margin-bottom: 15px; } .cardDisc{ font-size: 0.85rem; line-height: 17px; } .cards .cta-button2{display:block;} .cards .cta-button2:hover{ border:none; background-color:#da045a; color:#fff; } .badges .cell{ min-height:none; } .cell.card{ -ms-flex-preferred-size: 30%; flex-basis:30%; } .cell.badge{ -ms-flex-preferred-size: 49%; flex-basis:30%; } /**************** CARDS 2 template ******************************************/ .card1container { display: flex; max-width: 1200px; justify-content: space-between; flex-wrap: wrap; } .card1 { margin: 10px 0px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); overflow: hidden; width: 32%; } .card1-header img { width: 100%; height: 200px; object-fit: cover; } .card1-body { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 20px; height: auto; } /****************************** 3 x 3D bokse ********************************/ /*********************************** EFFEKT 2 *************************************************/ .item-hover2 { position: relative; width: 31%; height: 300px; float:left; margin:0 1%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .item-hover2 .img2 { position: relative; width: 100%; height: 300px; } .item-hover2 .img2::before { position: absolute; display: block; content: ''; width: 100%; height: 100%; box-shadow: inset 0 0 0 10px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .item-hover2, .item-hover2 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .item-hover2 .info2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .item-hover2 img { width: 100%; height: 100%; } .item-hover2.effekt2 { -webkit-perspective:900px; -moz-perspective:900px; perspective:900px; } .item-hover2.effekt2 .img2 { -webkit-transition:all 0.35s linear; -moz-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; transform-origin:50% 0%; } .item-hover2.effekt2 .info2 { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; } .item-hover2.effekt2 .info2 .info-back { opacity:1; visibility:hidden; width:100%; height:100%; background:#333; -webkit-transition:all 0.35s linear; -moz-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .item-hover2.effekt2 .info2 h3 { color:#fff; text-transform:uppercase; position:relative; font-size:20px; margin:0 30px; padding:85px 0 0 0; height:110px; } .item-hover2.effekt2 .info2 p { color:#bbb; margin:0 30px; font-size:14px padding-top:10px; } .item-hover2.effekt2 a:hover .img2 { opacity:0; } .item-hover2.effekt2 a:hover .info2 .info-back { opacity:1; visibility:visible; } .item-hover2.effekt2.topTilBund .info2 .info-back { -webkit-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-220px) rotate3d(1,0,0,90deg); } .item-hover2.effekt2.topTilBund a:hover .img2 { -webkit-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -moz-transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg); transform:translate3d(0,280px,0) rotate3d(1,0,0,-90deg); } .item-hover2.effekt2.topTilBund a:hover .info2 .info-back { -webkit-transform:rotate3d(1,0,0,0deg); -moz-transform:rotate3d(1,0,0,0deg); transform:rotate3d(1,0,0,0deg); } /*******************************************************************************************/ /*****************NISS SØRENSEN MODULER******************/ /*** sellingFront sektion ****/ .sellingFront{display:flex;justify-content: space-around;padding-top:30px;} .sellingFront .cell{flex-basis:18%;text-align:center;} .sellingFront .cell img { width: 100px; } /******************************* TEAMS ****************************************/ .badges { padding: 20px 0; display: flex; justify-content: space-around; flex-flow: wrap; width:1200px; margin:0 auto; } .badge { background-color: #fff; height: 300px; width: 333px; margin-bottom: 30px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; transition: all 0.5s ease; font-weight: 100; overflow: hidden; text-align:center; } .badges .badge:hover { transform: scale(1.05); cursor: pointer; } .badgeHeader { height: 110px; background-color:#7b3b7b; background-size: cover; background-position: center center; } .badgeBody { padding: 15px 15px 5px 15px; color: #555; } .badgeTitle { font-size: 24px; margin-bottom: 5px; } .badgeSubTitle{ color: #b3b3b3; font-size: 1em; margin-bottom: 15px; } .badgeDesc{ font-size:18px; line-height: 24px; margin-top:10px; } .badgeAvatar{ width: 100px; height: 100px; border-radius: 100%; border: 5px solid #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); margin-top: -75px; } /************************* OVERFLOW HIDDEN BILLEDE ********************************/ .overflowHiddenbillede img{ overflow-x: hidden; max-height: 350px; object-fit: cover; } /******************************* Topbanner ****************************************/ .topbanner{ width:100%; height:400px; } .topbanner img{ width:100%; overflow:hidden; object-fit:cover; max-height: 400px; } /*** TOPBANNER HAVNÆR **/ .topbannerHH{ height: 440px; background-position:center center !important; background-image:url(/userfiles/image/2020/103733928_167361828084496_6398120458178407194_o.jpg); background-repeat:no-repeat !important; background-size:cover !important; } /********************************* KOLONNER *****************************************/ .col2content_div{ width:48%; float:left; text-align:left; margin:1%; } .col4content_div{ width: 23%; float: left; text-align: left; margin: 1%; font-size: 18px; } .blank_content_white { background-color: #fff; margin: 0 auto; position: relative; width: 1200px; min-height: 285px; padding: 0; } .blank_content{ margin:0 auto; width:100%; position:relative; } #content_text_left_padding { position:relative; width:100%; margin-left:0px; } .col4content_div{ width: 23%; float: left; text-align: center; margin: 1%; font-size: 18px; } .col4content_div_billede{ width:100%; float:left; text-align:center; } .col4content_div_billede img{max-width:100%;} .col3content_div{ width:31%; float:left; text-align:left; margin:1%; } .col3content_div_billede{ width:100%; float:left; text-align:center; } .col3content_div_billede img{ width:100%; height:auto; } .col2content_div{ width:48%; float:left; text-align:left; margin:1%; } .col2content_div img{ max-width:100% !important; height:auto !important; } .col3_div_long{ width:33.3%; float:left; text-align:center; overflow:hidden; } .col3_div{ width:33.3%; float:left; text-align:center; min-height: 297px; } .col_1x3_div{ width:31%; float:left; text-align:left; margin:1%; font-size:18px; } .col_1x4_div{ width:25%; float:left; text-align:left; margin:1%; font-size:18px; } .col_2x3_div{ width:64%; float:left; text-align:left; margin:1%; } /********************************FLEXBOX ****************************************/ .flexContainer{ display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:space-between; } .flex-col2{margin:0;} a.cta-button2.knap{ font-size:12px; display:block; } /********************************** SPACER *************************************/ .row.spacer{padding:10px;} /********************************* MENUKORT ****************************************/ .menuType { margin-bottom: 4rem; } .menuHeader{ text-align: center; } .headerLinjer{ text-align: center; display: flex; justify-content: center; margin: 10px 0; } .menuHeader p{ color: #333; font-size:1.2rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0px 0px 6px 0px; font-weight: normal; text-align: center; } .linjer{ display: inline-block; width: 200px; border-top: 1px solid black; } .retHead{ font-style: normal; font-size: 1rem; font-weight: 500; letter-spacing: .03em; line-height: 1.6em; text-transform: none; color: #333; display: flex; justify-content: center; } .beskrivelse-ret{ font-weight: 400; font-style: normal; font-size: 0.9rem; letter-spacing: .03em; line-height: 1.6em; text-transform: none; color: #333; text-align: center; width:92%; margin: 0 4% 30px; } .seperater{ margin-left: 4px; margin-right: 4px; } /****** BIGHERO HAVNÆR **********/ .cards{display:flex; justify-content:space-between; max-width:1200px;} .cards .card{flex-basis:30%; min-height:200px; display:flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;justify-content:center;color:#fff;font-size:24px;} .bigHero{display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .heroCard{flex:1;display:flex; justify-content:center;min-height: 100vh;} .heroCard h2{color:#fff; font-size:36px;} .heroCard{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ } .heroCard:hover { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; cursor:pointer; } .heroCard h2{margin-top:50vh;} .centrer{text-align:center;} .heroCard a { color: #fff; text-decoration: none; padding: 20px; background-color: #080d08; border-radius: 50px; } .heroCard a:hover{color:#ff8809;cursor:pointer;} .decorated{ overflow: hidden; text-align: center; } .decorated > span{ position: relative; display: inline-block; } .decorated > span:before, .decorated > span:after{ content: ''; position: absolute; top: 50%; border-bottom: 2px solid var(--footerstreg); width: 100vw; margin: 0 20px; } .decorated > span:before{ right: 100%; } .decorated > span:after{ left: 100%; } /******************************* MENUKORT SLUTTER ****************/ /************* TOP HERO BANNER ************/ .topHero{ background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,107,161,1) 60%, rgba(0,107,161,1) 100%), url('/images/office.jpg'); height: 60vh; display: flex; flex-direction: column; align-items:center; } .bannerHeader{ margin-top: 20vh; text-align:center; } .bannerTxt{ margin: 0 auto; } .bannerHeader h1{ text-align: center; color: #fff; font-weight: 700; font-size: 4rem; } .bannerHeader h2{ text-align: center; color: #fff; font-weight: 700; font-size: 4rem; } .bannerTxt p{ text-align: center; color: #fff; width: 92%; margin:0 4%; font-size: 1.2rem; } /******************TOP HERO BANNER SLUT***********************/ /****** HOVERBOX MED FADE OG TEKST *****/ .hoverboxCon { position: relative; width: 100%; } .hoverboxImage { display: block; width: 100%; height: 300px; object-fit:cover; } .fadeOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #008CBA; background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,107,161,1) 60%, rgba(0,107,161,1) 100%); } .hoverboxCon:hover .fadeOverlay { opacity: 1; } .hText { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .hText h1 { font-size: 30px; margin-bottom: 10px; text-align: center; color:#fff; } .hText h2 { font-size: 30px; margin-bottom: 10px; text-align: center; } /************************SEPERATOR MED IKON **************************/ hr.hrStyle1 { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); } hr.hrStyle1:after { content: '˅'; font-family: FontAwesome; font-style: normal; font-weight: normal; display: inline-block; position: relative; top: -15px; left:50%; padding: 0 10px; background: #fff; color: #8c8b8b; font-size: 18px; } .hrSeperator .spacer { min-height: 80px; } @media only screen and (max-width: 1024px) { .card1{ width:31.2%; } .badges { width:100%; height:100px; } .cardHeader img{width:100% !important;} .container1200{ width:96%; margin:0 2%; } .container1200 .container1200{ margin:0; width:100%; } .container1200 h2, .container1200 p{ padding:10px 0 !important; } .col2content_div{ width:49%; } .segment .col2content_div:first-child{ margin-left: 0px; } .segment .col2content_div:last-child{ margin-right:0px; } .call_to_action_button{ max-height: 300px; } .cta-button2{ margin:0; } .calltoactionCon{ margin-top: 65px; } .call_to_action_button h2{ margin-top: 70px; } } @media only screen and (max-width: 768px) { .badges { width:100%; } .backgroundColor_grey .container{ width:96% !important; margin:0 2% !important; } #mainmenu1_submenudiv{ width:100% !important; } .badge{ width:240px; } .container1200{ width:96%; margin: 0 2%; } .container1200 .container1200{ width:100% !important; margin:0 !important; } .col4content_div{ width:48%; height:400px; } .col2content_div{ width:50% !important; } .segment .col2content_div:first-child{ padding-right: 1%!important; padding-left:0px!important; } .segment .col2content_div { padding-left: 1%; } .col3content_div{ justify-content: normal!important; width:100%; } .container{ width:100%; margin: 0; } .bigHero{flex-direction:column; align-items:unset;} .heroCard{min-height:33vh;} } @media only screen and (max-width: 550px) { .cell.col2{flex-basis:100%;} } @media only screen and (max-width: 440px) { .sellingIcon{ width:70px; } .sellingIcon img{ height:unset; width:100%; } .sellingText h3{ font-size:14px; } .sellingText p { font-size: 12px; } .card1container{ flex-direction:column; } .card1{width:100%;} .heroCard a {padding:0; background-color:unset;} .card{ width:96%; } .col4content_div{ width:100%; } .col2content_div{ width: 100%!important; } .col4content_div p{ float:none; } .segment .col2content_div:first-child{ padding:0 !important; } .item-hover2 { position: relative; width: 100%; height: 300px; } .cards{ width:100%; } .topbanner{ height:192px; } .row{ flex-direction:column; } .flexContainer{ flex-direction:column; } #logo{ width:36%; } } @media only screen and (max-width: 375px) { } /**************************** OVERORDNET - BODY **********************/ /*********************************************************************/ /**************************** OVERORDNET - BODY **********************/ /*********************************************************************/ html{overflow-x:hidden;} body { font-family: 'Nunito', sans-serif; font-size: 14px; margin:0px; line-height:1.5; display:flex; flex-direction:column; background-color:#f5f5f5; } .menuNiv0 a{color:#004b78;} a {color: #004b78;text-decoration:none;} a:hover {color: #000;text-decoration:underline;} #content_wrapper{ background-image:none; text-align: left; padding:5px; } p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; color: #3b3b3b; } h1, h2, h3, h4 { font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 1.15; padding-bottom: 15px; } h1 { font-size: 1.802em; margin: 5px 0; } h2 { font-size: 1.602em; margin: 0 0 20px 0; font-weight: 600; padding-bottom: 15px; } h3 { font-size: 18px; } .opacityFade{opacity:0;} .sliderFade{ animation-name: sliderHeading; animation-duration: 4s; } @keyframes sliderHeading { 0% {opacity: 0;} 100% {opacity: 1;} } .container{ width:100%; margin:0 auto; position:relative; } .rowsecondary{background-color:#ececec !important;} .rowCta{background-color:#e05432; color:#fff;} .backgroundColor_grey .container{min-height:29px;} #content{ width: 100%; min-height: 530px; order: 3; } #content_overskrift{ padding: 10px 0; color:#000; width: 1200px; margin: 0 auto; } #content_overskrift h1{ font-weight: bold; font-size: 35px; } #content_overskrift h2{ font-weight: bold; font-size: 30px; padding-top: 5px; } .h2farve{color: #6A6E71;} #content_tekst{padding:20px 0;} #top{ position: relative; order: 2; top: 0; width: 100%; z-index: 1; height: 100px; background-color: #fff; } #topbar{ order:1; background-color:#032d46; color:#fff; border-bottom:1px solid #e4e4e4; height:80px; display: none; align-items: center; } #topbar a{color:#fff;} #topbar .container1200 { display: flex; align-items:center; } #top-sellingpoints { display: flex; justify-content: space-between; width: 100%; height: 48px; } #top-sellingpoints a:hover{ color:#fff; } #top .container{ width: 1200px; } #topMenu{ font-size:13px; color:#666; order:2; margin-left:auto; margin-right:20px; } #topmenuUl{ list-style-type: none; margin: 0; padding: 0; } .topmenuLi{display:inline;} .topmenuLi a { padding: 8px; color:#666; } #site_boxes{ top:0px; height:445px; position:absolute; width:100%; margin-top:160px; } .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; } .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%; } #tophilsen{ position:absolute; z-index:1000; text-align:center; top:50px; width:100%; } .site_boxes_text p {margin:0;} .bokse_top_img, .bokse_bottom_img{width:100%;} #logo{ order:1; height:60px; flex: 0 0 26%; } #logo img{max-width:100%;} #topTelefonknap{order:2; margin-left:auto;} #topTelefonknap p{margin:0; padding:0; color:#fff;} #topTelefonknap a{color:#fff; font-weight:bold;} #bund{ float: left; width: 100%; padding: 10px 0; background-color:#000000; color:#fff; bottom: 0px; clear: both; position: relative; min-height: 200px; margin-top: 0px; order: 4; background-image:url("/images/pe-jeppesen-footer.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 580px -430px; } #bund h3{margin-bottom:15px; color:#F2EBCC; font-size:16px;} #bund .container{ width: 1200px; margin: 0 auto; } #bund_kontakt{ float: left; width: 50%; } #bund i{margin-right:5px;} #bund_kontakt p{margin:15px 0;} #bund_quicklinks{ float: left; width: 50%; } #bund a{ color: #fff; text-decoration: underline; } #bund a:hover{text-decoration:underline;} .flex-row-item{line-height:1.6; align-self: baseline;} #madebyruler{ width: 100%; background-color:#0A0F0D; bottom: 0; z-index: 1000; text-align: center; float: left; clear: both; position: relative; height: 60px; margin-top: 0px; z-index:0; order:6; } #madebyruler img { opacity: 0.2; } #madebyruler img:hover { opacity: 1; } /***************/ /*************************************************************************************/ /************************************ SEARCH *****************************************/ /*************************************************************************************/ #search-container { position: relative; top: 25px; color: #fff; margin-left: 20px; flex: 0 0 4%; } .searchCon i { font-size: 26px; } .search-input-elm { display: none; width: 100%; border-radius: 15px; position: relative; z-index: 999; } .search .search-input { width: 100%; background: #fff; color: #4E4E4E; height: 40px; margin: 0; padding: 0; font-size: 18 px; font-weight: bold; padding-left: 8px; border-radius: 5px; border: 1px solid #707070; } .search input::placeholder { font-size: 18px; font-weight: 500; color: #4E4E4E; font-family: 'Roboto', sans-serif; } .searchCon { position: relative; display: flex; align-items: center; justify-content: flex-end; margin-left: 10px; } .fas.fa-search:hover { cursor: pointer; } .search { position: absolute; top: 181px; margin: 0 auto; height: 50px; width: 100%; } .search .container1200 { padding: 0; } #searchResultCon .pris_con { width: 100%; text-align: center; font-size: 24px; font-weight: bold; order: 3; } #searchbox { order:3; display: block; } #searchForm #qg { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); color: #666; font-weight: 400; height: 35px; padding: 0 15px; } #searchForm input::placeholder{ } #result { background-color: #fff; } #result .sliding_product img { width: 100%; height: auto; } #searchForm input[type="submit"] { display: none; } .search__submit { position: absolute; right: 7px; top: 6px; } .search__submit img { height: 15px; } /************************/ .sprog a{color:#b5b5b5;} a.aktiv{font-weight:bold; color:#555;} li.aktiv{color:#000000;} #top_tekst{ position: absolute; top: 160px; width: 100%; text-align:center; } #telefon_forside{text-decoration: none;} .bokslink:hover{ background-color: #6A6E71; color: white; } .bokslink:hover a{color: white;} #bund #menuBund ul{margin:0;} #bund #menuBund ul li ul li { background: red; color:white; margin-left: 20px; } .bund_right_label img { max-width: 100%; height: auto; } .bund_white_label img { height: 120px; } .bund_white_label{margin-top:30px;} .bundLogo{flex-basis:19% !important;} /************************************************************************************ SKABELONER//TEMPLATES *************************************************************************************/ .sortable-list p{ font-size:16px; margin:1.12em 0; } #content_ie_100percent_fix, .sortable-list{ padding:0px; width:100%; text-align:left; color:#333; font-size: 16px; font-family: 'Open Sans Condensed', sans-serif; } .sortable-list td{ font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; height:auto !important; } #content_ie_100percent_fix a, .sortable-list a{ text-decoration: none; text-decoration:none; } #content_ie_100percent_fix p{ display:block; margin: 1.12em 0; } .valgt_skabelon { border: 2px dotted #ccc; clear: both; float: left; margin-top: 5px; padding: 3px 0; text-align: center; width: 70px; } .segment{ width:100%; float:left; } .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; } .blank_content table{width:100%;} #content_text_left_padding { position:relative; width:100%; margin-left:0px; } /************************************************************************************ COOKIES ************************************************************************************/ .cookies{ background-position: 5px center; background-repeat: no-repeat; background:#fff !important; color: #000; font-family: verdana; font-size: 10px; left: 0; padding: 10px 2%; position: fixed; text-align: left; bottom: 0; width: 100% !important; z-index: 99999999; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items:center; border-top:1px solid #1d1d1d !important; } #cookieKnap { padding: 20px; background-color: #2aac2a; color: #fff; border-radius: 15px; font-size: 16px; display: block; width: 120px; display: flex; align-items: center; justify-content: center; } .cookieTeksten{flex-basis: 76%;} .cookieTeksten p { font-size: 16px; margin:0; padding: 0 !important; } .cookieContent{width:100%;} .cookieFlex{ display:flex; justify-content: space-between; align-items: center; } .cookiecell { flex-basis: 22%; } .cookieContent .container1200 { margin-top: 0; padding-top: 0; min-height: 75px; } /************************************************************************************ MENU *************************************************************************************/ .top-links{ float: right; margin-top: 10px; } .top-links a{ font-size:14px; color:#4e4e4e; text-decoration:none; } #mainmenu1_submenudiv{ width: 1200px; margin: 0 auto; display:flex; } #mainmenu1_ul li:last-child .link { padding-right: 0px; } #mainmenu1_submenudiv .submenu {background:none;width:100%; list-style:none;} #mainmenu1_submenudiv ul{display:flex;} #mainmenu1_submenudiv ul li{flex:basis;} nav{ width: 1200px; margin: 0 auto; display:flex; justify-content:flex-end; order:1; } #menu{ padding:0; display: block; } #menu a{text-decoration: none;} #mainmenu1_ul{ width:100%; display:block; left:0; position:relative; margin:0; } #mainmenu1_ul li {float:left;} #menu_responsive{display:none;} #open_close_con{ display:none; width:100%; z-index:99; } #menu_open, #menu_close, .menu_big, #menu_small{ float:left; display:block; } #menu_open, #menu_close{margin-right:10px;} .menu_big{ font-size:18px; height:auto; padding:28px; width:auto; } #menu_open, #menu_close, .menu_big, #menu_small{cursor:pointer;} #menu_small{ float:left; height:15px; padding:3px; padding-top:5px; padding-bottom:5px; } #menu_small{width:22px;} #menu_undermenuer{ float: left; position: absolute; width: 100%; z-index: 1; } #menu_undermenuer ul{ margin: 0; padding: 0; } #menu_undermenuer ul li{float:left;} #menu_undermenuer li a:hover{text-decoration:underline;} #menu_undermenuer li a{ font-size:14px; display:block; color:#fff; text-decoration:none; padding:5px 18px; font-family: 'Open Sans', sans-serif; } .undermenu3{ display:block; position:relative; margin-bottom:20px; padding-top:20px; height:auto; margin-right:40px; } .undermenu3 ul { list-style: none; line-height: 1.8; } .undermenu3 a{text-decoration:none;font-size:14px;} .produktsideCon { margin-top: 20px; display:flex; } .kategorisub h2 { margin: 0; padding: 0; } .submenu a, .menuChosen a, .submenu link, .menuChosen .firstElementAndMenuSiblingChosen a, .menuChosen .menuSiblingChosen a, .submenu li.menuParentChosen a, .menuChosen .submenu a{font-weight: normal;} .btn-group { position: relative; display: table; margin: 40px auto; } .btn { background: none; border: 2px solid #fff; padding: 10px 20px; border-radius: 4px; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; cursor: pointer; } .btn:hover { background: #fff; color: #4D4D4D; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion { position: absolute; width: 100%; background: #FFF; width: 300px; } .open .accordion {display: block;} .accordion .link { cursor: pointer; display: block; padding: 15px 45px 15px 42px; color: #4D4D4D; font-size: 12px; font-weight: 700; border-bottom: none; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .menuChosen{font-weight:bold !important;} .accordion ul .link:hover i{color:#fff;} .submenu .link .menuChosen{font-weight:bold; color:#fff;} .link .menuChosen { font-weight: bold; color: #F15025; } .link .firstAndMenuChosen { font-weight: bold; color: #F15025; } .accordion li:last-child .link { border-bottom: 0; } .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #004b78; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; } .accordion li.open .link { color: #F15025; } .accordion li.open i, .accordion li.open li.open i { color: #004b78; } .accordion li.open li.open i { color: #fff; } /** close pil **/ .accordion li.open li i.fa-chevron-down, .accordion li.open li.open li i.fa-chevron-down, .accordion li.open li.open li.open li i.fa-chevron-down, .accordion li.open li.open li.open li.open li i.fa-chevron-down { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /** open pil**/ .accordion li.open i.fa-chevron-down, .accordion li.open li.open i.fa-chevron-down, .accordion li.open li.open li.open i.fa-chevron-down, .accordion li.open li.open li.open li.open i.fa-chevron-down, .accordion li.open li.open li.open li.open li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /*SUBMENU*/ .submenu { display: none; background: #fff; font-size: 14px; padding:0; width: 30%; position: absolute; z-index:22; } .submenu .submenu{width: 100%;position: relative;} .submenu li { border-top: 1px solid #202024; width: 100%; } .submenu a { display: block; text-decoration: none; color: #666; padding: 8px; /*padding-left: 42px;*/ padding-left:20px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; width:90%; } .submenu li.currentHover { background: #F15025; color: #FFF; } .hasNotChild:hover{ background-color: #fff; color: #fff; transition: all 0.25s ease; } .submenu li:hover .submenu a{color:#fff;} .submenu .link{padding: 0px 43px 0px 0px;} .submenu .submenu a{padding-left:30px;} .submenu .submenu .submenu a{padding-left:50px;} #mainmenu1_ul .show{display: none;} .backgroundColor_grey .show{display: block;} .backgroundColor_grey .submenu a {width:auto;} .accordion ul li.link{padding: 15px 15px 15px 0px;} /*.accordion ul li{padding: 0 15px 0 0px;}*/ .accordion ul .link:hover{ background: #F15025; color: #FFF; } .accordion ul .link ul:hover{background-color:#292929;} .accordion ul li.link i, .accordion ul li.link i:hover {color:#fff;} .accordion ul li.link i{top:30px;} .accordion ul li.link a:hover{background:none;} .accordion ul li.link ul{} .accordion ul li ul li.submenu li { padding: 20px 50px; color: #fff; cursor:pointer; } a.menuChosen, a.firstElementAndMenuChosen{text-decoration:underline;} #mainmenu1_ul li {list-style-type:none;} .menuParentChosen.open:hover { background-color: #292929; } .menuParentChosen.open .link i:hover { color: #fff; transition:none; } /************************************************************************************ BRØDKRUMMER *************************************************************************************/ #breadcrumbs{ background-color: #020100; float: left; padding: 5px 0; width: 100%; font-size: 14px; top: 533px; color: #fff; height: 50px; order:5; display:flex; } #breadcrumbs .container{ width: 1200px; margin: 0 auto; display:flex; align-items:center; } #breadcrumbs a{ color: #fff; font-size:14px; } #breadcrumbs_text{ float:left; font-style: italic; } #breadcrumbs ul{ margin: 0; list-style: none; font-style: italic; padding:0; } #breadcrumbs ul li{ margin:0; padding:0 5px; float:left; } /******************* CARDS ******************/ .cards{justify-content:space-between;} .cardDesc{margin-bottom:10px;} .cardHeader{height:130px;} .cell.card{flex-basis:24%; flex-grow:0; margin:0 !important;border-radius:10px;} .card{height:auto !important;margin: 10px 20px !important;} .cardBody{color:#222; height:auto;} .cards .cta-button2:hover{background-color:#F15025;} /********************** CARDS SLUT ***********************/ .container.flex-it{display:flex; align-items:center;} /************************************************************************************ SLIDER *************************************************************************************/ .boksen h2{font-size:61px;} .slick-list{ height:400px; } .slick-next{right:10px !important;} .slick-prev{left:10px !important;} .slick-prev, .slick-next{z-index:1;} /************************************************************************************ KONTAKT *************************************************************************************/ .input_left{width:90%;} .input_right{width:96%;} .formular{width:98% !important;} #contact_form tr td{padding:5px;} #contact_form tr td table tr td{padding:0px;} /************************************************************************************ NYHEDER *************************************************************************************/ .newsDate{ width: auto; float: right; background-color: #004B7D; padding: 0px 4px; color:#fff; } .newsDate a{ color: #fff; font-size: 12px; text-decoration: none; } .newsindhold{ border: 1px solid #ccc; width:98%; margin-bottom:10px; background-color:#eee; float: left; padding:1%; } .newsindhold a{ color: #333; text-decoration: none; font-size:20px; font-weight:bold; margin-right: 15px; } /************************************************************************************ IKONER I HØJRE SIDE *************************************************************************************/ #support{ position:fixed; top:0px; right:0px; width:45px; z-index:99999; } #blue { position:absolute; top:88px; right:0px; width:45px; z-index:99999; } .blue { float:right; margin-right:-8px; background-image:url(../images/blue.png); background-repeat:no-repeat; } .blue:hover{margin-right:0px;} .green { float:right; margin-right:-8px; margin-bottom:40px; background-image:url(../images/green.png); background-repeat:no-repeat; } .green:hover{margin-right:0px;} /************************************************************************************ 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; } .tilbage_til_oversigten{ width: 100%; float: left; } #lejlighed_punkter{ width: 50%; padding-bottom: 50px; font-family: 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; } .fa-caret-down::before{content: ''!important;} .flex-row-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; justify-content: space-between; align-items: flex-start; } .provenImg img { width:260px; opacity: 0.3; margin-top:12px; } .provenImg { text-align: center; } .container1200.centertext h2{text-align:center;} .container1200 h2, .container1200 p{ padding: 10px 0px; margin-bottom:0px; } .overlay .container1200 { position: relative; top: 349px !important; } .bundLogo img{height:90px; opacity:1;} .socialIcons{ display:flex; justify-content: flex-end; padding: 0px 9px; } .socialIconsCon img { height:45px; padding: 5px; } .search-input-elm{ position: absolute; right: 50px; display: none; width: 830px; z-index: 999; top: 0px; background:#F15025; padding: 5px; } .search .search-input { width: 100%; background: #fff; color:#F15025; border: 0; height: 40px; margin: 0; padding: 0; font-size: 18 px; font-weight: bold; padding-left:8px; } .search input::placeholder { font-size: 18px; font-weight: 500; color: #F15025; font-family: 'Montserrat', Open Sans, Sans-serif; } .search-btn{ width: 50px; height: 50px; background-color:#F15025; background-image: url('/images/search.png'); border: none; background-repeat: no-repeat; background-position: 9px 9px; color: #fff; font-family: 'Montserrat', Open Sans, Sans-serif; float: right; font-size: 15px; padding-top: 47px; font-weight: 500; } #underundermenu .container1200 { height: 0; min-height:0 } #menu_undermenuer li a.menuChosen { color: #fff; font-weight: bold; background-color: #939393; } /*********** FLEX **********/ .flex-top{display:flex;} #bund .segment{background:none;} #bund .row.segment{padding:0;} .cta-button2{margin:0 0 10px 0; padding:20px 20px; background-color:#fff;} .cta-button2 a.link{color:#fff;} button.cta-button2 a.link:hover{color:#F15025;} a.link{color:#F15025;} .cta-button2:hover{border:0px solid #F15025;} cta-button2.knap{padding:20px 20px !important;} a.cta-button2.knap{width:220px; color:#e05432; font-size:20px;} .cta-button2.knap i { margin-right: 10px; } /************* PREDEFINEREDE STYLES *********/ .centertext{text-align:center;color:#000;} #content .cell ul { margin-left: 30px; margin-top: 10px; } #frifragttekst_mangler { color: black; padding: 10px 5px; font-weight: bold; letter-spacing: 0px; background-color: yellow; border: 1px dashed; margin-bottom: 20px; } .cell.col2 h2 { margin: 0; } .row.segment .row { margin: 0; padding: 0; } .googleKort{height:350px;} /*********************** HAMBURGER MENU NY *****************************************/ #nav-icon { width: 60px; height: 45px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display:none; } #nav-icon span { display: block; position: absolute; height: 9px; width: 100%; background: #004b78; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } /* Icon */ #nav-icon { } #nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon.openNav span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; } #nav-icon.openNav span:nth-child(2) { width: 0%; opacity: 0; } #nav-icon.openNav span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; } #bund .bundcell { flex-basis: 28% !important; flex-grow: 0; } .openNav{display:block !important;} /**** EDITOR ELEMENTER ******/ .row.segment { padding: 40px 0; } .row.segment.slidermodul{padding:0;} .ctaSection h2 { color: #fff; margin-bottom:40px !important; } .row.spacer { padding: 10px !important; } /************************************************************************************ RESPONSIVE KODE *************************************************************************************/ @media screen and (max-width: 1366px) { } @media screen and (max-width: 1200px) { .container{ width:98%; padding:0 1%; } #site_boxes .container{width:98% !important;} img{ max-width:100%; height:auto; } #content_tekst iframe{max-width:100%;} } @media screen and (max-width: 1024px) { html {overflow: -moz-scrollbars-vertical;} .cell.container1200{margin: 0 2%; max-width:96%;} .container{ width:96%; padding:0; margin:0 2%; } nav{ width:60px; margin:0; height:60px; order:3; margin-left: auto; } .googlekort{height:300px;} .referenceliste_reference{width: 31%;} #top .container{width: 96% !important; margin:0 2%;} .search-input-elm{right:50px;} /****** SKABELONER *******/ .blank_content_white{width: 98%;} #bund{height:auto;} #bund .container{width:96% !important; margin:0 2% !important; } .card{flex-basis:18% !important; flex-grow:0 !important;} .cards{width:100%; justify-content: space-between; padding:0;} .searchCon{width:146px;} .search-input-elm{width:540px;} #bund{min-height: 330px;} #logo{top:11px; flex:0 0 35%; position:static;} #menu_responsive{ display: block; } #menu_responsive_open, #menu_responsive_close{ display: block; padding: 2px 5px; position: absolute; right: 5px; top: 50px; z-index: 999; } #open_close_con{ display: block; width: 70px; right: 0; height: 60px; top: 20px; z-index: 999999999999999999; } #menu_open{display:block;} #menu_open .menu_big{ background-image:url(https://www.pejeppesen-son.dk/images/menu_button.svg); background-repeat:no-repeat; background-position:right center; background-size:50px auto; display:block; } #menu_close .menu_big{ background-image:url(https://www.pejeppesen-son.dk/images/menu_button_close.svg); background-repeat:no-repeat; background-position:right center; background-size:50px auto; display:block; } .container{position:static;} .kategorimain h1 { padding-top: 14px; margin: 0; } .searchCon{justify-content: flex-end; } #breadcrumbs .container{ width:96%; margin:0 2%; } #breadcrumbs{ height:auto; } #menu_undermenuer{ display:none; height: 0; } .accordion .link { cursor: pointer; display: block; /*padding: 15px 15px 15px 42px;*/ color: #0A0F0D; font-size: 14px; font-weight: 700; border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #menu{ width:100%; right: 0; } #mainmenu1_ul{ width:100%; display:none; left:0; position: absolute; top:90px; } #mainmenu1_ul li {float:none;} .submenu{ position: relative; width: 100%;} .accordion ul li{padding: 15px 0px 15px 0px;} #menu_close{display: none;} .show{display: block;} .bundLogo { flex-basis: 23% !important; } .cell.slideren { height: 330px; } #nav-icon{display:block;} .card{flex-basis:24% !important;} #top{height:90px;} .container.flex-it{flex-direction:row;align-items:center;} #top{display:flex;} #mainmenu1_ul{padding:0;} } @media screen and (max-width: 768px) { #top .container{ width:100% !important; } #contentslider{width:98%;} #logo{width:auto;} .site_boxes_con{width:98%;} .boks_table{ float: none; margin-left: auto !important; margin-right: auto !important; } #site_boxes{height:auto;} #top_tekst{ height:auto; top: 100px; } #support{display:none;} .bundLogo{flex-basis:33% !important;} .slider_content_text{ font-size: 1em; padding-top: 43px; } h1.stor {font-size: 40px;} #content_overskrift h1, #content_overskrift h2{font-size: 22px;} #bund_kontakt, #bund_quicklinks{ width:98%; margin:1%; text-align:center; } #breadcrumbs{ width:100%; padding:2%; z-index: -3; } #breadcrumbs .container{width:100%;} #lejlighed_billede_con, #lejlighedindhold{ width: 48%; padding: 1%; } /***** Skabelon *****/ .col_1x3_div{ width: 98%; text-align: center; } .col2content_div{ width: 98%; margin: 0 auto; } .referenceliste_reference{width: 48%;} .lejlighedliste_lejlighed{width: 98%;} .roulette_jacob{display: none;} #tophilsen{top:105px;} #open_close_con{top: 19px;} #content_overskrift{padding-top: 20px!important;} .slidercenterbox{margin: 0!important;} .slidercenterbox{top: 116px!important;} .container1200{width:100%; text-align:left; margin:0;} .search-input-elm{ width:400px; } nav{ width:60px;; } #logo{top:0;flex: 0 0 75%;margin-top:10px;} .produktsideCon{ padding-top:30px; } #top{ padding: 0 2%; } #bund .container1200{width:100% !important; margin:0 !important;} } @media screen and (max-width: 500px) { .row .cell.col2 { margin-bottom: 30px; } .row { flex-direction: column; } #top-sellingpoints p { font-size: 13px; } .cell.slideren { height: 130px; } #top-sellingpoints{height:auto; flex-wrap: wrap;} #top-sellingpoints div{flex-basis:40%;} .baggrund-fixed{display:none;} .backgroundColor_grey{display:none;} #content_tekst table tr td{display:block;} .rubrik {width: 98%;} .referenceliste_reference{width: 98%;} .refcenter img{ max-width:100%; margin-right:0%; margin-bottom:10px; width: 100%; } .refcenter p{width:100%;} #lejlighed_billede_con, #lejlighedindhold{ width: 98%; } .slidercenterbox h2{font-size: 24px!important;} .slidercenterbox{min-width: 90% !important;} .bund_white_label img{height:80px;} .baggrund-fixed{height:210px !important;} .flex-row-container > .flex-row-item{flex:1 100%; width:100%; margin: 20px 0;} .flex-row-container{flex-direction:column; text-align:center;} #bund{min-height:280px; height:auto;background-image:none;} #logo{width:165px;} .produktsideCon{padding:0; margin:0;} .undermenu3{padding-top:0;} .kategorimain h1{padding-top:0;} .produktvisning-pris .sparskilt{left:134px; top:-324px;} .slidercenterbox { margin: 0 4% !important; max-width:92% !important; min-width:unset !important; left:0px !important; } .cell.container1200{margin: 0 4%; max-width:92%;} } @media screen and (max-width: 440px) { .socialIcons{justify-content:center;} .socialIconsCon{margin:0;} .call_to_action_button{ min-height: 350px; } #open_close_con{ top: 19px; } #content_overskrift{ padding-top: 20px!important; } .slidercenterbox{ min-width: 425px!important; } .card{ width:100%; } .searchCon{ width:45%; left:0px; } #bund ul{ margin:0; } .socialIcons{ margin:0 auto; } .search-input-elm{ top: 0px; width:254px; } .col2content_div{ width:100%; } #logo{ width:150px; } .produktsideCon{ display:block; padding-top:30px; } .container{ padding: 0 2%; } h1{ font-size:26px; } h2{ font-size:20px; } } @media screen and (max-width: 414px) { .slidercenterbox{min-width: 400px!important;} .blank_content_white{min-height: 350px;} .searchCon{top:0px; left:0px;} #logo{width:170px;} .card{margin: 10px 5px;} #top{height:100px;} .col4content_div{height:auto;} } @media screen and (max-width: 375px){ #open_close_con{top: 19px;} #content_overskrift{padding-top: 20px!important;} .slidercenterbox {min-width: 280px !important;} .slidercenterbox h2{font-size: 20px!important;} #logo{width:125px;} .searchCon{width:38%;} .search-input-elm{width:235px;} } @media screen and (max-width: 347px){ .cta-button{padding: 20px 26px;} } @media screen and (max-width: 320px) { .cta-button { color: #fff !important; border: 5px solid white; padding: 17px 12px; border-radius: 10px; position: relative; top: 62px; text-transform: uppercase; } .call_to_action_button{ min-height: 350px; } #open_close_con{ top: 19px; } #content_overskrift{ padding-top: 20px!important; } #ilyl9m{margin:0 !important;} }