/* ----------------------------------------- */ /* View: Erbjudanden page (hotell) - start */ /* ----------------------------------------- */ #erbflowhot { float: left; width: 100%; height: 100%; padding: 80px 0 60px 0; } #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: Erbjudanden page (hotell) - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Erbjudanden page (restaurang) - start */ /* ----------------------------------------- */ #erbflowres { float: left; width: 80%; height: 100%; padding: 80px 10% 60px 10%; background: #F3F3F3; } #erbflowres ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #erbflowres ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; margin-bottom: 50px; } #erbflowres ul li:nth-child(4n-2) { margin: 0 2%; } #erbflowres ul li:nth-child(4n-1) { margin-right: 2%; } #erbflowres ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #erbflowres { 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) { #erbflowres { width: 90%; padding: 80px 5% 110px 5%; } #erbflowres ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowres ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowres ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowres ul li:nth-child(even) { padding-left: 2%; } #erbflowres 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) { #erbflowres { width: 90%; padding: 80px 5% 110px 5%; } #erbflowres ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowres ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowres ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowres ul li:nth-child(even) { padding-left: 2%; } #erbflowres ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } } /* ----------------------------------------- */ /* View: Erbjudanden page (restaurang) - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Erbjudanden page (spa) - start */ /* ----------------------------------------- */ #erbflowspa { float: left; width: 100%; padding: 80px 0 60px 0; } #erbflowspa ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #erbflowspa ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; margin-bottom: 50px; } #erbflowspa ul li:nth-child(4n-2) { margin: 0 2%; } #erbflowspa ul li:nth-child(4n-1) { margin-right: 2%; } #erbflowspa ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #erbflowspa { 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) { #erbflowspa ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowspa ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowspa ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowspa ul li:nth-child(even) { padding-left: 2%; } #erbflowspa 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) { #erbflowspa ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #erbflowspa ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #erbflowspa ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #erbflowspa ul li:nth-child(even) { padding-left: 2%; } #erbflowspa ul li:nth-child(even) { padding-right: 2%; } .erbBild { margin-bottom: 10px; } } /* ----------------------------------------- */ /* View: Erbjudanden page (spa) - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: 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: Footer logos - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Erbjudanden page - start */ /* ----------------------------------------- */ #konferens { padding-top: 160px; } #hotell, #spa { width: 100%; padding-top: 110px; background: #F3F3F3; } #restaurang { padding-top: 110px; } /* ----------------------------------------- */ /* Innehållsmall: Erbjudanden page - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: 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; } } /* ----------------------------------------- */ /* Innehållsmall: Menu black - slut */ /* ----------------------------------------- */