@import url('/admin/contentbuilder/assets/default/content.css');       
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
div#txtContent{background-color:#fff!important;
background:url(/IRMA/gfx/1115/bg_24.jpg)#fff!important;
margin-top:35px; margin-left:30px; }

html {
    position: relative;
    min-height: 100%;
}

* {
 margin: 0;
 padding: 0;
 }
body {
    background: #ffffff;
    color: #532f0e;
font-size:14pt;
    padding: 0px;
    margin: 0;
    margin-bottom: 280px;
    background: url(/IRMA/gfx/1115/sail2.jpg) no-repeat top left fixed;
    background-size: cover;
font-family:"Times New Roman", Georgia, Serif;
font-family: 'EB Garamond', serif;
}




h1 {
    color: #532f0e;
    font-weight: normal;
font-size:2.2em;

}
h1,h2,h3,h4 {
    color: #532f0e;
font-family: 'EB Garamond', serif;
font-weight:bold;
}
.pask h1{
color: #b4c31d;
}
.jul h1 {
    color: #ac2010;
}
.hjartansdag h1{ color:#cc5cad}
.column.full.rubrik {
    background: #b99a75;
    text-align: center;
}
.column.full.rubrik h2 {
    color: #532f0e;

    font-size: 16pt;
    text-transform: uppercase;
    padding: 5px;
}
.colorback{
    background: #fdf2e4;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #f3e5d3;
}
.column.third.pask1, .column.third.jul1, .column.third.hjartansdag1{
    width: 25%;
}
.column.third.pask2, .column.third.jul2, .column.third.hjartansdag2 {
    width: 25%;
}
.column.third.pask3, .column.third.jul3, .column.third.hjartansdag3 {
    width: 50%;
}

a{color: #b99a75;}
hr {
    border: none;
    border-top: rgba(0, 0, 0, 0.18) 1px solid;
    margin-top: 1em;
    margin-bottom: 1em;
}
#navcontainerMobil{background:#000000!important}
#container {
    margin: 0em auto;
    max-width: 100%;
    padding: 0px;
    //height: 100%;
}
#header {
    margin: 0em auto;
    background: #fdf2e4;
    border-bottom: 1px solid #fdf2e4;
 position: fixed;
    height: 150px;
    width: 100%;
    margin: 0em auto;
    background: #fdf2e4;
    top: 0;
    z-index: 10;
}


#header img {
    max-width: 350px;
}

#ExtraDiv1{
    position: fixed;
  width:100%;
    top: 0px;
    z-index: 11;
}
#ExtraDiv4 {
    height: 300px;
    margin-top: 200px;
}

.modal-content {
    max-width: 500px!important;
}

.modal {
padding-top:20px;
    z-index: 12!important;
}
.normal{font-weight:normal}
#ExtraDiv4{

}
.div4{max-width:1000px; margin:0em auto; color:#27bec5}
.div4 h3{color:#fff; font-size:25pt; padding-top:50px;}
.div4 .column > img {
    margin: 0px!important;
   
}

.div4 .column.third {
    padding: 0px;
    width: 20%!important;
}

.div4 .column.two-third{width:80%!important}

#contents {
width:100%; 
max-width:100%;
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 0px 5px 0px;
    font-weight: normal;
    height: 100%;
 margin: 0em auto;
}
.row.clearfix {
max-width:1100px;
margin:0em auto;
}
.row.clearfix.pask{
border: 2px solid #c6d24c;
    border-radius: 5px;
    background: #fdf2e4;
text-align:center;
    border-style: dashed;

}
.row.clearfix.jul{
border: 2px solid #b65247;
    border-radius: 5px;
    background: #fdf2e4;
    text-align: center;
    border-style: dashed;
}
.row.clearfix.hjartansdag{
border: 2px solid #d07cb9;
    border-radius: 5px;
    background: #fdf2e4;
    text-align: center;
    border-style: dashed;
}
.kontakt {
    -webkit-box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    -moz-box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    box-shadow: 10px 10px 38px -2px rgba(0,0,0,0.22);
    color: #27bec5;
    text-align: center;
    padding: 15px;
}


.btn.btn-primary {
    color: #ffffff;
    background-color: #b99a75;
}
.btn.btn-primary:hover {color: #ffffff;background-color: #b99a75; border-color: #b99a75;}

.btn {
    padding: 10px 10px;
    font-size: 1.3em;
    line-height: 1em;
}
a.btn.btn-primary.pask {
    background: #b4c31d;
text-decoration: none!important;
}
a.btn.btn-primary.jul {
background: #b65247;
text-decoration: none!important;
}

a.btn.btn-primary.hjartansdag {
    background: #cc5cad;
    text-decoration: none!important;
}
.btn.btn-primary.pask:hover {color: #ffffff;background-color: #b4c31d; border-color: #b4c31d;}
.btn.btn-primary.jul:hover {color: #ffffff;background-color: #b65247; border-color: #b65247;}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/
ul,
ol {
	list-style:none;
}


.wrapper {
    display: block;
    width: 100%;
    margin: auto;
    background: #b99a75;
    position: fixed;
    top: 150px;
    border-bottom: 1px solid #b99a75;
    padding-top: 5px;
    z-index: 10;
}

.main {
    margin: 0em auto;

    max-width: 900px;
    text-align: center;
}

.nav {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: 'Noto Serif', serif;
    font-family: 'EB Garamond', serif;
    font-weight: bold;
height: 40px;
top: 8px;
}
.nav-list {
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
    background: #b99a75;

}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
    display: block;
    color: #ffffff;
    padding: 8px 25px 18px 25px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: normal;
    font-family: "Times New Roman", Georgia, Serif;
    font-family: 'EB Garamond', serif;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}


li.nav-item.active a {
    color: #532f0e;
}
.nav-item > a:hover {

}

.nav-item ul li a {
    color: #fff;
    font-weight: normal;
    padding: 8px 20px 8px 20px;
} 

.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
    display: none;
    position: absolute;
    left: 0;
    width: 240px;
    background: #dbba93;
    border-top: 0px solid #666;
    top: 40px;
}
.nav-submenu li {
    width: 100%;
    border-bottom: 1px solid #b99a75;
    padding: 5px 0px 5px 0px;
}
.nav-submenu-item a {
	
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:url(/IRMA/gfx/1115/menu-white.png) no-repeat center center;
	background-size:100px;
	height:50px;
	width:100%;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #fff;
	height:45px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(/commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
#navcontainerMobil #menu-button {
font-size:12pt!important;
}

#footer {
    background-color: #fdf2e4;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 200px;
    width: 100%;
}
#footer .div4{max-width:1000px; margin:0em auto; color:#fff; margin-top:20px;}
#footer .column.third{width:33%!important;}
#footer2{display:none; }
.thumbnail {
    float: left;
    width: 200px;
    background-color: #fdf2e4;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 200px;
    width: 100%;
    margin: 0 16px 15px 0;
    padding: 10px;
border: 1px solid #27bec5;

font-weight:bold;
}

.bildarkivrubrik{background: #27bec5; color:#fff}
.bilder_lightbox{
   width: 180px;
    border:5px solid #fff;
    overflow: hidden;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 100%!important;
    height: auto!important;
}
.lb-container {
    padding: 10px;
 
}
.lb-outerContainer {
    position: relative;
    background-color: white;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 800px!important;
    height: auto!important;
    max-width: 100%!important;
}
.lb-dataContainer {
    max-width: 800px;
    width: 70%!important;
}
.lb-dataContainer{max-width: 800px;}
.lb-image{min-width: 300px;}



/*------------------------------------*    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 120px) and (max-width: 1600px), @media only screen and (min-device-width : 120px) and (max-device-width : 1600px) {
body {
    background-size: 1600px;
    background-position-y: 50px;
}
}
@media only screen and (min-width: 120px) and (max-width: 1500px), @media only screen and (min-device-width : 120px) and (max-device-width : 1500px) {
body {
    background-size: 1500px;
    background-position-y: 80px;
}
}
@media only screen and (min-width: 120px) and (max-width: 1024px), @media only screen and (min-device-width : 120px) and (max-device-width : 1024px) {
body {
    background-size: 1100px;
    background-position-y: 100px;
}
}

@media only screen and (min-width: 120px) and (max-width: 768px), @media only screen and (min-device-width : 120px) and (max-device-width : 768px) {


#ExtraDiv4{display:block; height:200px!important;}
.div4 h3{padding-top:20px;}
.wrapper{padding:0px!important;}
li.nav-item.active a {
    color: #fff;
    border-bottom: 0px solid #27bec5;
}
.main{margin-top:0px;}
.nav {
	position:relative;
	display:inline-block;
	font-size:15px;

font-family: 'Noto Serif', serif;
font-family: 'Economica', sans-serif;

font-style: italic;

margin-left:0px;
top:0px;
}
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		
	}
	.nav-list {
		display:none;
    margin-top: 50px;
	}
	.nav-item {
		width:100%;
		float:none;
border-top:1px solid #fff;
	}
	.nav-item > a {
		padding:15px;
color:#fff;
text-align: center;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }
ul li li.nav-item {
    background: #dbba93;
}



}

@media only screen and (min-width: 120px) and (max-width: 568px), @media only screen and (min-device-width : 120px) and (max-device-width : 568px) {

body{margin-bottom: 0px!important;}

#ExtraDiv4{
    display: block;
    height: 200px;
    margin-top: 0px!important;
    background: url(/IRMA/gfx/1115/sail2.jpg) no-repeat top left;
    background-size: cover;

}
#ExtraDiv1{position:absolute;}
#header{position:relative; top:0px;}
.wrapper{position:relative; top:0px; }
//#ExtraDiv4{display:none;}
#header img {
    max-width: 100%;
}

h1 {    font-size: 1.3em;}
.pask1{display:none;}
.column.pask2{width:100%!important;}
.column.pask3{width:100%!important;}
.jul1{display:none;}
.column.third.jul2 img {max-width: 200px;margin: 0px;}
.column.jul2{width:100%!important;}
.column.jul3{width:100%!important;}

.hjartansdag1{display:none;}
.column.third.hjartansdag2 img {max-width: 200px;margin: 0px;}
.column.hjartansdag2{width:100%!important;}
.column.hjartansdag3{width:100%!important;}

figure img { max-width: 200px;}
.column.third.pask2 > img {
    max-width: 200px!important;
}
figure.hdr {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #6c4f2e;
}

figure.hdr h2 {
    font-weight: 800;
    font-size: 30pt!important;
}
figure.hdr img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
figure.hdr:hover img {
	opacity: 0.4;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#footer{display:none}
#footer2 .column.third {width: 100%!important;}
#footer2{
display:block; 
height:350px; 
text-align:center; 
background-color: #fdf2e4;
bottom: 0;

width: 100%;}
#footer2 p{font-size:10pt;}
}

/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */
/* hemsideid = 1115
   hid = 1115 */
/* hemsidesidid = 23278
   hsid = 23278
   sessiohnhsid = 23278 */
/* referer =  */