/* ----------------------------------------- */ /* View slug: hotell - start */ /* ----------------------------------------- */ #startRutor { width: 80%; padding: 0 10%; } #startRutor ul { list-style-type: none; margin: 0; padding: 0; } #startRutor ul li { float: left; width: 49%; margin-bottom: 160px; position: relative; } #startRutor ul li:nth-child(2n) { padding-left: 2%; } #startRutor ul li:nth-child(2n+1) { clear: both; } .rutatitle { font-weight: normal; font-size: 16px; letter-spacing: 0.7px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 9px; font-weight: 300; } .rutatitleM { font-weight: normal; font-size: 16px; letter-spacing: 0.7px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 9px; font-weight: 300; width: 48%; } .rutatitleMr { font-weight: normal; font-size: 16px; letter-spacing: 0.7px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 9px; font-weight: 300; width: 48%; float: right; } .rutaBild { padding-top: 13px; clear: both; } .bredRdiv { max-height: 475px; overflow-y: hidden; } .bredR { width: 100%; } .bredKdiv { max-height: 785px; overflow-y: hidden; } .bredK { width: 100%; } .mindreKdiv { float: left; width: 48%; max-height: 380px; overflow-y: hidden; } .mindreKdivR { width: 48%; max-height: 380px; overflow-y: hidden; float: right; } .mindreKv { width: 100%; } .mindreKr { width: 100%; float: right; } .mindreRdiv { width: 48%; max-height: 230px; overflow-y: hidden; float: left; } .mindreRdivR { width: 48%; max-height: 230px; overflow-y: hidden; float: right; } .mindreRv { width: 100%; } .mindreRr { width: 100%; float: right; } li.liText { // min-height: 550px; } .rutatext { display: block; font-size: 45px; line-height: 55px; font-weight: 700; padding-top: 30px; // position: absolute; // bottom: 0; } .rutatext p { -webkit-margin-before: 0em; -webkit-margin-after: 0em; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { li.liText { min-height: 370px; } .rutatext { font-size: 25px; line-height: 35px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #startRutor { width: 90%; padding: 0 5%; } #startRutor ul li { float: left; width: 100%; margin-bottom: 20px; position: relative; } #startRutor ul li:nth-child(2n) { padding-left: 0; } .mindreKv { width: 100%; } .mindreKr { width: 100%; float: none; } .mindreRv { width: 100%; } .mindreRdiv, .mindreRdivR, .mindreKdiv, .mindreKdivR { width: 100%; float: none; } .mindreRr { width: 100%; float: none; } li.liText { min-height: 150px; } .rutatext { font-size: 28px; line-height: 28px; position: relative; bottom: auto; left: auto; padding: 20px 0; } .rutatitleM { width: 100%; } .rutatitleMr { width: 100%; float: none; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #startRutor { width: 90%; padding: 0 5%; } li.liText { min-height: 150px; } .rutatext { font-size: 28px; line-height: 28px; } } /* ----------------------------------------- */ /* View slug: hotell - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: erbjudanden-page-hotell - start */ /* ----------------------------------------- */ #erbflowhot { float: left; width: 100%; height: 100%; padding: 80px 0 60px 0; background: #F3F3F3; } #erbflowhot ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #erbflowhot ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; margin-bottom: 50px; } #erbflowhot ul li:nth-child(4n-2) { margin: 0 2%; } #erbflowhot ul li:nth-child(4n-1) { margin-right: 2%; } #erbflowhot ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #erbflowhot { font-size: 15px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #erbflowhot ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowhot ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowhot ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowhot ul li:nth-child(even) { padding-left: 2%; } #erbflowhot ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #erbflowhot ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowhot ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowhot ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowhot ul li:nth-child(even) { padding-left: 2%; } #erbflowhot ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } } /* ----------------------------------------- */ /* View slug: erbjudanden-page-hotell - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: hotellrum - start */ /* ----------------------------------------- */ #hotellrummen { } #hotellrummen ul { list-style-type: none; margin: 0; padding: 0; } #hotellrummen li { width: 100%; margin-bottom: 15px; } .hotellrum { display: none; margin-top: 10px; margin-bottom: 50px; } .hotellrum a:link, .hotellrum a:visited, .hotellrum a:hover { color: #25CD62 !important; } .rumstorbild { width: 100%; margin-top: 30px; margin-bottom: 6px; } .rumstorbild img { width: 100%; } .rumimgL { float: left; width: 49%; padding-right: 1%; } .rumimgR { float: left; width: 49%; padding-left: 1%; } .rumimgL img, .rumimgR img { width: 100%; } /* ----------------------------------------- */ /* View slug: hotellrum - 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: Hotell - start */ /* ----------------------------------------- */ #hotell { } #hotelltop { padding-top: 160px; margin-bottom: 0px; } #startRutor ul li { margin-bottom: 0px; } #erbflowhot { background: #E5E4DF; } #hotellkontakt { float: right; width: 39%; padding-right: 10%; padding-bottom: 160px; padding-top: 0px; } #hotellkontaktL { float: left; width: 48%; } #hotellkontaktR { float: left; width: 48%; padding-left: 4%; } #hotellkontakt a:link, #hotellkontakt a:visited, #hotellkontakt a:hover { font-family: "Lyon Display Web"; font-weight: 300; text-transform: none; } #hotellrum { padding-top: 20px; margin-bottom: 40px; } #hotellrum a:link, #hotellrum a:visited, #hotellrum a:hover { color: #000; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #hotellLeft { float: left; width: 100%; margin-bottom: 50px; } #hotellRight { float: left; width: 100%; margin-bottom: 50px; } #hotellkontakt { float: none; width: 90%; padding-left: 5%; padding-right: 5%; margin-bottom: 100px; } #hotellkontaktL { float: left; width: 100%; } #hotellkontaktR { float: left; width: 100%; padding-left: 0%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #hotellLeft { float: left; width: 100%; margin-bottom: 50px; } #hotellRight { float: left; width: 100%; margin-bottom: 50px; } #hotellkontakt { float: none; width: 90%; padding-left: 5%; padding-right: 5%; margin-bottom: 20px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------------------------------------- */ /* Content Template: Hotell - 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 */ /* ----------------------------------------- */