/* fjalla-one-regular - latin-ext_latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fjalla-one-v6-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fjalla One'), local('FjallaOne-Regular'),
       url('../fonts/fjalla-one-v6-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fjalla-one-v6-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fjalla-one-v6-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fjalla-one-v6-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fjalla-one-v6-latin-ext_latin-regular.svg#FjallaOne') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v16-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/** style für 100% Höhe **/
html, body{
margin:0;
padding:0;
height:100%;
}
#wrapper{
min-height:100%;
position:relative;
margin-top:0;
margin-bottom:0;
}
#container{
padding-bottom:5em;
}
.namn{
	background-image:url("../img/exempelbild.jpg");
	/**background-size:contain;**/
	background-repeat:no-repeat;
}
#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
}
/** ENDE style für 100% Höhe **/

/** Schrift **/
html {-webkit-text-size-adjust:none}/**verhindert im iphone ungewollte textvergroesserungen**/
/**html {font-size: 100%;}**/
body {font-family:'Open Sans';color: #111;}
h1 {font-size: 2.2rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.6rem;}
h1,h2,h3,h4 {color:#9F176A; font-weight:400}
p {font-size: 1.1rem;line-height:1.7rem;}
a {color:#111;}
a:active, a:focus{
background-color:rgba(0,0,0,0);/**um ungewollte hintergundfarbe beim antippen zu vermeiden**/
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:none;/**um eine Outline um den angeklickten Link zu vermeiden**/
}

/** ENDE Schrift **/
.hn {
	color: white;
	text-transform: uppercase;
	font-size:1rem;
}
.hn strong, .mod_changelanguage strong{
	font-weight:normal;
}
.hn a, .mod_changelanguage a{
	color:white;
	text-decoration:none;
}
.mod_changelanguage a{
	color: rgba(0, 0, 0, 0);
}

.bg_blue{
	background-color:#5461A4;
}
.bg_violett{
	background-color:#9F176A;
}
.nowr{
	white-space: nowrap;
}
.hide{
	display:none;
}
td {
	vertical-align: top;
	padding:6px;
}
/**Kontaktformular**/
input, textarea, .submit{
	border:1px solid #5461A4;
	margin-bottom:1rem;
	font-family: 'Open Sans';
	font-size:1rem;
	padding:.5rem;
}
.checkbox_container{
	border:0px;
}
/**ENDE Kontaktformular**/
#footer{
	background-color:#9F176A;
	border-top:3px solid #5461A4;
}
#footer p{
	margin-top:0;
	color:white;
	text-align:center;
	font-size:0.7rem;
}
#footer a{
	color: white;
	text-decoration:none;
}
.cookiebar{
	background-color:#4b4b4b;
	background-color:rgba(75,75,75,.95);
	font-family:'Open Sans';
}
.cookiebar__button{
	font-weight: 400;
	background-color:#5461A4;
}
.slider-control{
	display:none;
}
.mod_changelanguage span, .mod_changelanguage strong{
	display: none;
}
.mod_changelanguage a{
	display: block;
}
.mod_changelanguage li.lang-en{
	background-image: url("../hg/en_30x18.svg");
}
.mod_changelanguage li.lang-de{
	background-image: url("../hg/de_30x18.svg");
}
.mod_changelanguage li.lang-sv{
	background-image: url("../hg/sv_30x18.svg");
}
.mod_changelanguage li{
	height: auto;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width:767px){
	h1,h2,h3,h4,p,.ce_form{
		margin-left:10px;
		margin-right:10px;
}
#header .inside{
	min-height: 120px;
}
#container{
	padding-bottom: 7rem;
}
#hb{
	margin:10px;
	max-width:70vw;
}
#hb figure{
	width: 30%;
	min-width:200px;
	max-width:400px;
}
textarea{
	max-width:85vw;
}
.cookiebar__text{
	margin-top:3rem;
	margin-right:0;
}
.cookiebar__link{
	display:block;
	margin-bottom:1rem;
}
.bar1, .bar2, .bar3 {
  width: 22px;
  height: 4px;
  background-color: #5461A4;
  margin: 3px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}

.nav--horizontal ul {
  margin: 0;
  padding: 0;
}
.nav--horizontal li {
  padding: 0;
  list-style-type: none;
  float: left;
}
.nav--horizontal a,
.nav--horizontal span.active,
.nav--horizontal span.trail {
  display: block;
  padding: 1rem;
  margin: 0;
  /**text-transform: uppercase;
  text-decoration: none;
  color: orange;**/
}
.nav--mobile {
    max-height: 0;
    visibility: hidden;
    transition: max-height 0s 3s, background 0.3s;
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 2rem;
    /**text-shadow: 0.025rem 0.025rem 2rem rgba(0, 0, 0, 0.7);**/
  }
.nav--mobile ul.level_1 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    overflow-y: scroll;
    max-height:100%;
  }
.nav--mobile li {
    float: none;
    transition: opacity 0.3s;
    opacity: 0;
}
.nav--mobile a,
.nav--mobile li.active,
.nav--mobile span.trail {
    padding: 0.5rem;
    margin: 0.5rem;
    text-align:center;
}
.nav--mobile li.active{
	color:#777;
}
.nav-toggler {
  /**font-family: sans-serif;**/
  float: right;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index:9;
  display:inline-block;
}
.nav-toggler__button {
  background: none;
  border: 2px solid #9F176A;
  outline: none;
  color: #5461A4;
  padding: 0.25rem;
  cursor:pointer;
  font-size:1rem;
}
.nav--mobile--active {
    max-height: 100%;
    transition: max-height 0s, background 0.3s;
    background: rgba(0, 0, 0, 0.8);
    visibility: visible;
}
.nav--mobile--active li {
    opacity: 1;
}
.namn{
	margin-top:1rem;
	background-size:cover;
}
#startarticle h1{
	background-color:rgba(255,255,255,.8);
	padding:1rem 0;
	/**margin:0 80px;**/
	border-radius: 10px;
	font-size:2rem;
	margin: 5rem 10px;
}
.mod_changelanguage{
	position: absolute;
	right: 0.5rem;
	top: 40px;
	z-index: 9;
}
.mod_changelanguage ul{
	padding-left: 0;
}
.mod_changelanguage li{
	/**display: block;
	padding: 5px;**/
	margin-top: 15px;
	width: 34px;
	/**border: 2px solid #9F176A;**/
}
.mod_changelanguage a{
	width: 34px;
	height: 22px;
}

}
@media screen and (min-width:768px){
/** Grid Definition **/
/**.gr1 {width:6.292517006803%}
.gr2 {width:14.625850340136%}
.gr3 {width:22.959183673469%}
.gr4 {width:31.292517006803%}
.gr5 {width:39.625850340136%}
.gr6 {width:47.959183673469%}
.gr7 {width:56.292517006803%}
.gr8 {width:64.625850340136%}
.gr9 {width:72.959183673469%}
.gr10 {width:81.292517006803%}
.gr11 {width:89.625850340136%}
.gr12 {width:97.959183673469%}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11, .gr12{
float: left;
margin-right: 1.020408163265%;
margin-left: 1.020408163265%;
margin-top:1rem;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}**/
.gr1 {width:4.166666666667%}
.gr2 {width:12.500000000000%}
.gr3 {width:20.833333333333%}
.gr4 {width:29.166666666667%}
.gr5 {width:37.500000000000%}
.gr6 {width:45.833333333333%}
.gr7 {width:54.166666666667%}
.gr8 {width:62.500000000000%}
.gr9 {width:70.833333333333%}
.gr10 {width:79.166666666667%}
.gr11 {width:87.500000000000%}
.gr12 {width:95.833333333333%}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11, .gr12{
float: left;
margin-right: 2.083333333333%;
margin-left: 2.083333333333%;
margin-top:1rem;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
#main{
margin:0;
}/** ENDE Grid Definition**/
#wrapper{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.39);
}
#header{
	height:15rem;
}
#container{
	min-height:603px;
}
#hb{
	height:9rem;
}
#hb figure{
	width: 40%;
	min-width:200px;
	max-width:400px;
	padding:20px;
}

.hnbg{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	
}
.hn{
	text-align:right;
}
.nav--horizontal{
	background-color:#5461A4;
}
.hn ul{
	margin:.5rem 1rem;
	padding:0;
}
.hn li{
	padding:0 .5rem;
	display:inline-block;
}
.hn li.active, .mod_changelanguage li.active{
	color:#a2a2a2;
}
.mod_changelanguage{
	position: absolute;
	top: 11.6rem;
}
.mod_changelanguage ul{
	margin: 0;
}
.mod_changelanguage li{
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 18px;
	opacity: .6;
}
.mod_changelanguage li:hover{
	opacity: 1;
}
.mod_changelanguage li.first{
	margin-right: 10px;
}
.mod_changelanguage li.active{
	cursor: inherit;
}
.mod_changelanguage a{
	width: 30px;
	height: 18px;
}
.nav-toggler {
    display: none;
}
#startarticle{
	display:table;
	width: 100%;
	height:603px;
}
.namn{
	display:table-cell;
	vertical-align: middle;
	font-size:3rem;
	color:#000;
}
#startarticle h1{
	background-color:rgba(255,255,255,.8);
	padding:2rem 0;
	margin:0 80px;
	border-radius: 10px;
	font-size:3rem;
}
}