/* ----------------------------------------- */ /* View: Aktiviteter - start */ /* ----------------------------------------- */ #aktiviteter { width: 100%; padding: 0 0; } #aktflow { float: left; width: 80%; height: 100%; padding: 0 0%; } .aktpilwrap { float: left; width: 10%; } .aktpil { display: table; width: 100%; height: 100%; } #aktflowLeft, #aktflowRight { display: table-cell; vertical-align: middle; text-align: center; height: 400px; } #aktflowLeft img, #aktflowRight img { width: 15%; } #aktflow ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #aktflow ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; } #aktflow ul li:nth-child(2) { margin: 0 2%; } #aktflow ul li:nth-child(3) { margin-right: 2%; } #aktflow ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #aktflow { font-size: 15px; } #aktflowLeft, #aktflowRight { 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) { #aktflow { width: 90%; padding-left: 5%; padding-right: 5%; } #aktflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #aktflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(even) { padding-left: 2%; } #aktflow ul li:nth-child(even) { padding-right: 2%; } .aktBild { margin-bottom: 10px; } .aktpilwrap { 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) { #aktflow { width: 90%; padding-left: 5%; padding-right: 5%; } #aktflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #aktflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(even) { padding-left: 2%; } #aktflow ul li:nth-child(even) { padding-right: 2%; } .aktBild { margin-bottom: 10px; } .aktpilwrap { display: none; } } /* ----------------------------------------- */ /* View: Aktiviteter - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 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 - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Aktiviteter - start */ /* ----------------------------------------- */ #akttop { height: 100vh; background: #9B9B9B; } #akttopCont { position: absolute; bottom: 60px; font-size: 20px; color: #000; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; left: 0; right: 0; } #akttopline { border-bottom: 1px #000 solid; padding-top: 110px; } #akttopText { width: 30%; margin-top: 7px; } #akttitle { width: 49%; float: right; } #aktCont { padding: 160px 0 110px 0; background: #e5e4df; height: 100%; } #aktivitet { width: 80%; margin: 0 auto; } .minititleborder { margin-bottom:10px } .aktstycke { margin-bottom: 80px; } #aktsecOne { } #aktsecOneL { float: left; width: 49%; padding-right: 2%; min-height: 10px; } #aktsecOneL img { float: right; width: 49%; } #aktsecOneR { float: left; width: 49%; } #aktsecOneR img { width: 100%; margin-bottom: 50px; } .aktpris { font-size: 16px; } .greenlink { margin-top: 80px; } .greenlink, .greenlink a:link, .greenlink a:visited, .greenlink a:hover { font-size: 19px; } #andraakt { width: 100%; background: #f5f5f5; padding: 145px 0 70px 0; } #aktsecOneR p { -webkit-margin-after: 1em !important; } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { h1.storytitle { font-size: 50px; margin-bottom: 30px; } #behandtopText { width: 100%; margin-bottom: 50px; } } /* ----------------------------------------- */ /* Content Template: Aktiviteter - 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 */ /* ----------------------------------------- */