/* ----------------------------------------- */ /* View slug: erbjudanden - start */ /* ----------------------------------------- */ #erbjudanden { width: 100%; padding: 0 0; } #erbflow { float: left; width: 80%; height: 100%; padding: 0 0%; } .erbpilwrap { float: left; width: 10%; } .erbpil { display: table; width: 100%; height: 100%; } #erbflowLeft, #erbflowRight { display: table-cell; vertical-align: middle; text-align: center; height: 400px; } #erbflowLeft img, #erbflowRight img { width: 15%; } #erbflow ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #erbflow ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; } #erbflow ul li:nth-child(2) { margin: 0 2%; } #erbflow ul li:nth-child(3) { margin-right: 2%; } #erbflow ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #erbflow { font-size: 15px; } #erbflowLeft, #erbflowRight { height: 270px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #erbflow { width: 90%; padding: 0 5%; } #erbflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #erbflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #erbflow ul li:nth-child(even) { padding-left: 2%; } #erbflow ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } .erbpilwrap { display: none; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #erbflow { width: 90%; padding: 0 5%; } #erbflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #erbflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #erbflow ul li:nth-child(even) { padding-left: 2%; } #erbflow ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } .erbpilwrap { display: none; } } /* ----------------------------------------- */ /* View slug: erbjudanden - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: footer-logos - start */ /* ----------------------------------------- */ #footerLogos { } #footerLogos ul { margin: 0; padding: 0; text-align: center; display: table; margin: 0 auto; } #footerLogos li { list-style-type: none; padding-right: 15px; display: table-cell; vertical-align: middle; } #footerLogos li:nth-child(last) { padding-right: 0px; } #footerLogos li img { max-height: 55px; max-width: 125px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #footerLogos li img { max-height: 35px; max-width: 105px; } } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { #footerLogos li { float: left; display: inline-block; width: 75px; height: 35px; padding-right: 5px; margin-bottom: 20px; } #footerLogos li img { max-height: 35px; max-width: 75px; } } /* ----------------------------------------- */ /* View slug: footer-logos - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Erbjudanden - start */ /* ----------------------------------------- */ #erbtop { height: 100vh; background: #9B9B9B; } #erbtopCont { position: absolute; bottom: 60px; font-size: 20px; color: #000; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; left: 0; right: 0; } #erbtopline { border-bottom: 1px #000 solid; padding-top: 110px; } #erbtopText { width: 30%; margin-top: 7px; } #erbtitle { width: 49%; float: right; } #erbCont { padding: 160px 0 110px 0; background: #e5e4df; height: 100%; } #erbjudande { width: 80%; margin: 0 auto; } .minititleborder { margin-bottom:10px } .erbstycke { margin-bottom: 80px; } #erbsecOne { } #erbsecOneL { float: left; width: 49%; padding-right: 2%; min-height: 10px; } #erbsecOneL img { float: right; width: 49%; } #erbsecOneR { float: left; width: 49%; } #erbsecOneR img { width: 100%; margin-bottom: 50px; } #erbsecTwo { } #erbsecTwoL { float: left; width: 49%; padding-right: 2%; } #erbsecTwoL img { width: 100%; margin-top: 80px; } #erbsecTwoR { float: left; width: 49%; font-family: "Neuzeit Grotesk"; font-size: 16px; letter-spacing: 0.7px; text-transform: uppercase; font-weight: 300; } #erbdetaljer { margin-top: 80px; } #erbsecThree { } #erbsecThreeL { float: left; width: 49%; padding-right: 2%; min-height: 10px; } #erbsecThreeR { float: left; width: 49%; } .storbildthree { margin-top: 160px; width: 100%; } .litenbildtwo { margin-top: 20px; width: 49%; } #prisboka { width: 49%; float: right; } .erbpris { margin-top: 80px; font-size: 16px; } .greenlink { margin-top: 80px; } #andraerb { width: 100%; background: #f5f5f5; padding: 145px 0 70px 0; } #socialmedia { margin-top: 80px; } #socialmedia a:link, #socialmedia a:visited, #socialmedia a:hover { color: #25CD62; font-size: 15px; letter-spacing: 0.7px; text-transform: uppercase; } .osd-sms-wrapper { border-top: 0px; padding: 0; margin: 0; } .osd-sms-title { display: none; } .osd-sms-text-button a:link, .osd-sms-text-button a:visited, .osd-sms-text-button a:hover { background-color: transparent; padding: 0; border: 0px; border-radius: 0px; box-shadow: 0px 0px 0px 0px; } .osd-sms-wrapper div:nth-child(2):after, .osd-sms-wrapper div:nth-child(3):after, .osd-sms-wrapper div:nth-child(4):after { content: " - "; } #erbsecOneR p, #erbsecTwoR p, #erbsecThreeL p { -webkit-margin-after: 1em !important; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #erbtopText { width: 100%; margin-top: 7px; } #erbtitle { width: 100%; float: right; } #erbtopCont { bottom: 0px; } #erbjudande { width: 90%; margin: 0 auto; } #erbsecOneL { width: 100%; padding-right: 0%; min-height: 0px; } #erbsecOneL img { float: auto; width: 100%; margin-bottom: 50px; } #erbsecOneR { width: 100%; } #erbsecOneR img { width: 100%; margin-bottom: 50px; } #erbsecTwoL { width: 100%; padding-right: 0%; } #erbsecTwoL img { width: 100%; margin-top: 0px; } #erbsecTwoR { width: 100%; font-size: 16px; } #erbsecThreeL { width: 100%; padding-right: 0%; min-height: 0px; } #erbsecThreeR { width: 100%; } .storbildthree { margin-top: 0px; width: 100%; } .litenbildtwo { margin-top: 50px; width: 100%; } #prisboka { width: 100%; float: right; } #andraerbLeft, #andraerbRight { width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #erbtopText { width: 100%; margin-top: 7px; } #erbtitle { width: 100%; float: right; } #erbtopCont { bottom: 0px; } #andraerbLeft, #andraerbRight { width: 100%; } } /* ----------------------------------------- */ /* Content Template: Erbjudanden - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Menu black - start */ /* ----------------------------------------- */ #menubutton, #menuclose, #searchbutton, #searchclose { cursor: pointer; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #menuB table tr td:nth-child(1) { display: none; } } /* ----------------------------------------- */ /* Content Template: Menu black - end */ /* ----------------------------------------- */