@font-face {font-family: "Oswald";src: url(../fonts/Oswald-VariableFontwght.eot);src: url(../fonts/Oswald-VariableFontwght.eot?#iefix) format("embedded-opentype"), url(../fonts/Oswald-VariableFontwght.otf) format("opentype"), url(../fonts/Oswald-VariableFontwght.svg) format("svg"), url(../fonts/Oswald-VariableFontwght.ttf) format("truetype"), url(../fonts/Oswald-VariableFontwght.woff) format("woff"), url(../fonts/Oswald-VariableFontwght.woff2) format("woff2");font-weight: 400;font-style: normal;font-display: swap;}html, body {width: 100%;height: 100%;margin: 0;padding: 0;font-family: Oswald, helvetica;}h1, ul {color: #ff1d15;font-size: 2.5em;text-align: center;}li {color: #ff1d15;}p {color: #272d2d;font-size: 1.5em;}header {width: 100%;flex: 1;text-align: center;}nav {text-align: center;width: 100%;height: 100%;background: #00529c;border-bottom: 5px solid #000;}nav ul li:hover > ul {display: block;}nav ul {background: #00529c;padding: 0 5%;list-style: none;position: relative;display: table;margin: 0 auto;}nav li img {height: 100px;left: 0;margin-right: 5rem;}#logo a {padding: 12px 20px;}#logo:hover {background: #00529c;}#logo {grid-area: logo;}#startsida {grid-area: startsida;}#galleri {grid-area: galleri;}#bilakuten {grid-area: bilakuten;}#batakuten {grid-area: batakuten;}nav ul li {float: left;font-size: 32px;}nav ul li:hover {background: red;}nav ul li a {display: block;padding: 25px 40px;color: #fff;text-decoration: none;}nav ul li:hover > ul, nav ul li:focus-within > ul, nav ul li ul:hover {display: block;}main {width: 100%;min-height: 80%;}.important {font-size: 1.75em;font-weight: 700;}#nattklubb {border: 2px solid #000;border-radius: 1rem;}#nattklubb p {-webkit-margin-before: 0.5em;margin-block-start: 0.5em;-webkit-margin-after: 0.5em;margin-block-end: 0.5em;}article {display: -ms-grid;display: grid;margin-bottom: 3rem;grid-gap: 1rem;-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;grid-template-columns: repeat(4, 1fr);-ms-grid-rows: 0.25fr 1rem auto 1rem 0.5fr 1rem 0.75fr 1rem 1fr;grid-template-rows: 0.25fr auto 0.5fr 0.75fr 1fr;grid-template-areas: "välkommen välkommen välkommen välkommen" "text1 text1 information information" "nattklubb nattklubb latitud latitud" "priserBåt priserBåt priserBil priserBil" ". maps_start maps_start .";}#text1 .blue_link, #text1 .blue_link a, #text1 .blue_link a:visited, #text1 .blue_link a:hover, #text1 .blue_link a:active {color: #00529c;}article #välkommen {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;grid-area: välkommen;}article #text1 {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: text1;}article #nattklubb {grid-area: nattklubb;display: flex;flex-wrap: wrap;align-content: space-around;justify-content: space-around;text-align: center;}article #information {-ms-grid-row: 3;-ms-grid-column: 5;-ms-grid-column-span: 3;grid-area: information;width: 100%;height: auto;}article #latitud {grid-area: latitud;display: flex;justify-content: center;margin: auto;width: 90%;height: auto;}#latitud img {border: 2px solid #ff0000;border-radius: 1rem;}picture img {width: inherit;height: inherit;-o-object-fit: cover;object-fit: cover;}article #priserBil {-ms-grid-row: 5;-ms-grid-column: 5;-ms-grid-column-span: 3;grid-area: priserBil;margin-bottom: 1rem;}article #priserBåt {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: priserBåt;}#maps_start {-ms-grid-row: 7;-ms-grid-column: 3;-ms-grid-column-span: 3;grid-area: maps_start;}#maps_start iframe {width: 100%;height: 100%;}main .priser {padding: 0.2rem;}main .priser th {font-size: 2em;padding: 0.5rem;color: red;border: 2px solid #000;border-radius: 1rem;white-space: nowrap;}main .priser td {font-size: 1.5em;padding: 0.5rem;text-align: center;}.green {color: green;}#text1 .red, #text1 .red a, #text1 .red a:visited, #text1 .red a:hover, #text1 .red a:active {color: red;}article {margin-left: 10%;margin-right: 10%;width: 80%;background-color: #fff;}article p {text-align: center;}footer {margin-top: 0;border-top: 5px solid #000;position: relative;bottom: 0;width: 100%;background-color: #000e1a;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);-ms-grid-rows: 2fr auto;grid-template-rows: 2fr auto;grid-template-areas: "footer-information-wrapper footer-information-wrapper footer-information-wrapper" ". footer-copyright-wrapper .";}footer p {color: #fff;font-size: unset;}footer a {color: #fff;}#footer-information-wrapper {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;display: flex;justify-content: space-around;grid-area: footer-information-wrapper;}footer #footer-information-wrapper #footer-time-wrapper {height: 100%;}footer #footer-information-wrapper #footer-time-wrapper .footer-time {flex: 1;padding: 5px;border: 1px solid #fff;}footer #footer-information-wrapper #footer-kontakt-wrapper {height: 100%;}footer #footer-information-wrapper #footer-kontakt-wrapper .footer-kontakt {flex: 1;padding: 5px;border: 1px solid #fff;}footer #footer-information-wrapper #footer-kontakt-wrapper .footer-kontakt img {height: 2rem;width: 2rem;}footer #footer-information-wrapper #footer-adress-wrapper {height: 100%;}footer #footer-information-wrapper #footer-adress-wrapper .footer-adress {flex: 1;padding: 5px;border: 1px solid #fff;}footer #footer-copyright-wrapper {-ms-grid-row: 2;-ms-grid-column: 2;grid-area: footer-copyright-wrapper;text-align: center;margin-bottom: 0.5rem;}#galleri_left {-ms-grid-row: 1;-ms-grid-row-span: 5;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: galleri_left;}#galleri_top_right {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 3;grid-area: galleri_top_right;}#facebook {width: 500px;height: 600px;}#galleri_bottom_middle {-ms-grid-row: 3;-ms-grid-row-span: 3;-ms-grid-column: 5;grid-area: galleri_bottom_middle;}#galleri_bottom_right {-ms-grid-row: 3;-ms-grid-row-span: 3;-ms-grid-column: 7;grid-area: galleri_bottom_right;}#galleri_content {width: 100%;display: -ms-grid;display: grid;grid-gap: 1rem;-ms-grid-columns: minmax(300px, 1fr) 1rem minmax(300px, 1fr) 1rem minmax(300px, 1fr) 1rem minmax(300px, 1fr);grid-template-columns: repeat(4, minmax(300px, 1fr));-ms-grid-rows: minmax(250px, 1fr) 1rem minmax(250px, 1fr) 1rem minmax(250px, 1fr);grid-template-rows: repeat(3, minmax(250px, 1fr));grid-template-areas: "galleri_left galleri_left galleri_top_right galleri_top_right" "galleri_left galleri_left galleri_bottom_middle galleri_bottom_right" "galleri_left galleri_left galleri_bottom_middle galleri_bottom_right";}#social_media {margin-top: 3rem;margin-bottom: 3rem;display: flex;height: 100%;width: 100%;justify-content: space-around;flex-direction: row;flex-wrap: wrap;align-items: center;}.card {display: flex;flex-direction: column;justify-content: center;align-items: center;background: #353535;font-size: 3rem;color: #fff;box-shadow: rgba(3, 8, 20, 0.1) 0 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0 0.075rem 0.175rem;height: 100%;width: 100%;border-radius: 4px;transition: all 500ms;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}.card:hover {box-shadow: rgba(2, 8, 20, 0.1) 0 0.35em 1.175em, rgba(2, 8, 20, 0.08) 0 0.175em 0.5em;-webkit-transform: translateY(-3px) scale(1.1);transform: translateY(-3px) scale(1.1);}main #bilder {width: 100%;height: 100%;max-height: 500px;box-sizing: border-box;}main #bilder img {width: 45%;height: 20rem;}@media screen and (max-width: 1700px) {article {grid-gap: 2rem;-ms-grid-rows: 0.25fr 2rem auto 2rem auto 2rem 0.5fr 2rem 0.75fr 2rem 1fr;grid-template-rows: 0.25fr auto auto 0.5fr 0.75fr 1fr;grid-template-areas: "välkommen välkommen välkommen välkommen" "text1 text1 information information" "text1 text1 nattklubb nattklubb" "latitud latitud latitud latitud" "priserBåt priserBåt priserBil priserBil" ". maps_start maps_start .";}}@media screen and (max-width: 1100px) {article {grid-gap: 2rem;-ms-grid-rows: 60px 2rem auto 2rem auto 2rem auto 2rem auto 2rem 300px 2rem 300px 2rem 300px;grid-template-rows: 60px auto auto auto auto 300px 300px 300px;grid-template-areas: "välkommen välkommen välkommen välkommen" "text1 text1 text1 text1" "nattklubb nattklubb nattklubb nattklubb" "information information information information" "latitud latitud latitud latitud" "priserBåt priserBåt priserBåt priserBåt" "priserBil priserBil priserBil priserBil" "maps_start maps_start maps_start maps_start";}#maps_start {margin-top: 1.5em;}main .priser th, main .priser td {font-size: 1.5em;}#galleri_content {max-width: 100vw;-ms-grid-columns: 5px 1rem auto 1rem auto 1rem 5px;grid-template-columns: 5px auto auto 5px;-ms-grid-rows: minmax(200px, 1fr) 1rem minmax(200px, 1fr);grid-template-rows: repeat(2, minmax(200px, 1fr));grid-template-areas: ". galleri_left galleri_top_right ." ". galleri_bottom_middle galleri_bottom_right .";}#social_media {flex-direction: column;align-content: space-around;}#facebook, #facebook iframe {margin-bottom: 3rem;}article #välkommen {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #text1 {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #information {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #latitud {width: 100%;}article #priserBil {-ms-grid-row: 9;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #priserBåt {-ms-grid-row: 7;-ms-grid-column: 1;-ms-grid-column-span: 7;}#maps_start {-ms-grid-row: 11;-ms-grid-column: 1;-ms-grid-column-span: 7;}#galleri_left {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;}#galleri_top_right {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 1;}#galleri_bottom_middle {-ms-grid-row: 5;-ms-grid-row-span: 1;-ms-grid-column: 1;}#galleri_bottom_right {-ms-grid-row: 7;-ms-grid-row-span: 1;-ms-grid-column: 1;}}@media all and (max-width: 1000px) {nav li img {margin-left: 5%;margin-right: 5%;height: auto;width: 90%;}nav ul {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);-ms-grid-rows: 0.25fr 0.5fr 0.5fr;grid-template-rows: 0.25fr 0.5fr 0.5fr;grid-template-areas: ". logo logo ." "startsida startsida galleri galleri" "bilakuten bilakuten batakuten batakuten";}header {font-size: 1.5em;}nav {min-height: clamp(75px, 10%, 200px);}main {min-height: 60%;}p {font-size: 2em;}article {margin-left: 5%;margin-right: 5%;width: 90%;}article #information, article #latitud {height: unset;}footer #footer-information-wrapper #footer-kontakt-wrapper .footer-kontakt img {height: 4rem;width: 4rem;margin: 1rem;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}#logo {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;}#startsida {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#galleri {-ms-grid-row: 2;-ms-grid-column: 3;-ms-grid-column-span: 2;}#bilakuten {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;}#batakuten {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}}@media all and (orientation: landscape) and (max-width: 1000px) {nav ul li {font-size: 0.5em;}nav ul li a {padding: 12px 20px;}nav li img {margin: 0;}#logo {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;width: auto;}#logo a {padding: 0;}#logo img {height: 17.5vh;width: auto;margin-top: 2.5vh;}}@media all and (max-width: 750px) {header ul li {font-size: 0.8em;}main {min-height: 60%;}ul {font-size: 0.8em;}h1 {font-size: 1.5em;}p {font-size: 1em;}main .priser th, main .priser td {font-size: 1em;}article {grid-gap: 3rem;-ms-grid-rows: 60px 3rem auto 3rem auto 3rem auto 3rem auto 3rem 300px 3rem 300px 3rem 300px;grid-template-rows: 60px auto auto auto auto 300px 300px 300px;grid-template-areas: "välkommen välkommen välkommen välkommen" "text1 text1 text1 text1" "nattklubb nattklubb nattklubb nattklubb" "information information information information" "latitud latitud latitud latitud" "priserBåt priserBåt priserBåt priserBåt" "priserBil priserBil priserBil priserBil" "maps_start maps_start maps_start maps_start";}#maps_start {margin-top: 3em;}#facebook, #facebook iframe {width: 90vw;margin-bottom: 3rem;}.maps {width: 90vw;height: 350px;}#footer-time-wrapper {display: flex;flex-direction: row;flex-wrap: wrap;grid-area: footer-time-wrapper;border-bottom: 1px solid #fff;}footer #footer-information-wrapper #footer-time-wrapper .footer-time {flex: 1;padding: 5px;border: 0;}#footer-kontakt-wrapper {grid-area: footer-kontakt-wrapper;height: 100%;}footer #footer-information-wrapper #footer-kontakt-wrapper .footer-kontakt {border: 0;}#footer-adress-wrapper {grid-area: footer-adress-wrapper;height: 100%;border-left: 1px solid #fff;}footer #footer-information-wrapper #footer-adress-wrapper .footer-adress {border: 0;}footer {grid-template-areas: "footer-information-wrapper footer-information-wrapper footer-information-wrapper" "footer-copyright-wrapper footer-copyright-wrapper footer-copyright-wrapper";}#footer-copyright-wrapper {border-top: 1px solid #fff;}#footer-information-wrapper {border-top: 0;bottom: unset;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);-ms-grid-rows: (1fr)[2];grid-template-rows: repeat(2, 1fr);grid-template-areas: "footer-kontakt-wrapper footer-kontakt-wrapper footer-adress-wrapper" "footer-kontakt-wrapper footer-kontakt-wrapper footer-adress-wrapper";}footer p {font-size: 0.75em;}footer #footer-information-wrapper #footer-kontakt-wrapper .footer-kontakt img {height: 2rem;width: 2rem;}article #välkommen {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #text1 {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #information {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #priserBil {-ms-grid-row: 9;-ms-grid-column: 1;-ms-grid-column-span: 7;}article #priserBåt {-ms-grid-row: 7;-ms-grid-column: 1;-ms-grid-column-span: 7;}#maps_start {-ms-grid-row: 11;-ms-grid-column: 1;-ms-grid-column-span: 7;}#footer-information-wrapper {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;}footer #footer-copyright-wrapper {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 3;}#footer-kontakt-wrapper {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}#footer-adress-wrapper {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 3;}}@media all and (max-width: 1050px) and (max-height: 1300px) {footer {margin-top: 1rem;position: relative;}}@media all and (min-width: 1000px) and (max-height: 900px) {footer {position: relative;}}