/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('../fonts/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../fonts/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

body {
	font-family:"Raleway", sans-serif;
	background-color:#fff;
}

figure {
	display:none;
}

strong {
	font-weight:600;
}

h1 {
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-bottom: 0.5rem;
	margin-top: 0;
	color: #6c6d6c;
	font-weight:400;
	letter-spacing:0.15rem;	
}

h2 {
	font-size:1.6rem;
	color: #9B0E51;
	text-transform:uppercase;
	font-weight:500;	
	margin-bottom: 0.5rem;
	margin-top: 1.5rem;	
}

.welcome {
	font-size:1.6rem;
	margin-top: 3.5rem;			
}

h3 {
	font-size:1.4rem;
	color: #6c6d6c;
	font-weight:400;
	margin-bottom: 0.2rem;
	margin-top: 1.8rem;			
}


.title-bar {
	background-color:#a4c72a;
}

.title-bar-title {
	color: #9B0E51;
}

.menu-icon::after, .menu-icon:hover::after {
    background: #9B0E51 none repeat scroll 0 0;
    box-shadow: 0 7px 0 #9B0E51, 0 14px 0 #9B0E51;
}


.off-canvas {
    background-color: #9C0;
	background-image:url(../img/bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:100;
}

.position-left {
    height: 100%;
    transform: translateX(-320px);
    width: 320px;
}

.off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(320px);
    transform: translateX(320px);
}

h1, h2, h3 {
	font-family:"Raleway", sans-serif;	
}

p, ul {
	font-family:"Raleway", sans-serif;	
	color: #333;
	margin-top:1.5rem;
	font-weight:400;
}

ul {
	color:#9B0E51;	
}

ul ul {
	list-style-type:circle;
	margin-top:0.6rem;
	margin-bottom:1rem;
}

ul strong {
	font-weight:600;
}


a {
	color: #9B0E51;
	font-weight:500;	
}

a:hover {
	color: #D9AAC5;
}

p a, p a:visited {
    color: #9B0E51;
}

p a:hover {
	color: #B4548B;
}

.button a, .button a:visited {
    color: #666;
}

.button a:hover {
    color: #FB9700;
}

.off-canvas-wrapper-inner {
}

.menu, .menu a {
	text-transform:uppercase;
	font-size:1.2rem;
	font-weight:400;
	padding-right:2rem;
	text-align:right;
	float:right;
	width:280px;
    display: block;	
}

.menu > li > a, .menu > li.active {
	color:#fff;
    line-height: 1;
    padding: 0.7rem 1rem;
	width:260px;
	background-color:#a4c72a;
	margin-bottom:1.6rem;
}


.menu > li.active {
	color:#a4c72a;	
	background-color:#fff;	
	float:right;	
    box-shadow: -10px 10px 20px -13px rgba(10, 10, 10, 0.25);
			
}


.menu > li > a:hover {
	color:#a4c72a;	
	background-color:#fff;	
    box-shadow: -13px 10px 20px -13px rgba(10, 10, 10, 0.25);	
}

.fltrt {
	float:right;
}

.fltlt {
	float:left;
}

.name { display:none; }

.button {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #666;
    cursor: pointer;
    display: inline-block;

    line-height: 1;
    margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top:0;
	margin-bottom: 2rem;
	padding:1rem;

    text-align: right;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

.button-group .button {
    font-size: 1rem;
}

.button:hover {
	background-color: #fbd184;
	color: #fff;
}

.button.is-checked {
	background-color: #f9b233;
	color: #fff;
}

.button-group {
	text-align:right;
    margin-top: 2rem;
}

.map {
	width:100%;
	height:600px;;
}

.topnavigation {
	margin-top:0rem !important;	
	width:100%;
}

.sign {
	margin:0;
	padding:0;
}

.textsmaller {
	font-size:80%;
}

.accordion-title {
	background-color: #f6fafd;	
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 0px;
    font-size: 1.2rem;
    line-height: 1;
    color: #456393;
	margin-top:1rem;
	font-weight:400;
}

.accordion-title:hover, .accordion-title:focus {
	background-color: #F9F0F5;
    color: #9B0E51;	
}

#content {
	padding-right:5%;
	padding-bottom:10rem;
}

.menu {
	padding-right:0rem;
}

.colored {
	color:#9B0E51;
	font-weight:600;
}

.black {
	color:#000;
}

.grid-padding-x .cell {
	padding-left:0;
	padding-right:1.875rem;
}

#logo {
	background-image:url(../img/logo-alle-sinne.svg);
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	z-index:99;
}	

#contact {
	position:absolute;
	bottom:0;
	right:0;
	padding:0rem;	
	display:block;
}

#contact p, .contactsmall p {
	color:#000;
	text-align:right;
	margin-bottom:0;
	margin-top:0.9rem;
	margin-right:0rem;
	
}

.legal {
	font-size:110%;
	line-height:1.3;
	font-weight:500;
}

#contact p a, .contactsmall a {
	color: #E3C4D6;
	text-decoration:underline;
}


#contact p a:hover, .contactsmall a:hover {
	color: #ECB447;
}
	
.contactsmall {
	margin-top:1rem;
	padding-top:0rem;
	display:none;
	padding:1rem;	
    background-color: #9B0E51;
}

.contactsmall p {
	text-align:left;
	color:#FFF;
}

.mini-logo {

	background-image:url(../img/logo-bluete.svg);
	background-position:0px 2px;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	width:1.2em;
	height:1.2em;
	vertical-align:bottom
}

@media only screen and (max-width: 30em) {

	.button {
		width:260px;
		text-align:center;
	}
	
	#content {
		padding-left:5%;
		padding-right:5%;
	}
	
	.grid-padding-x .cell {
		padding-right:0rem;
	}		

}

@media only screen and (max-width: 39.99em) {
	
	#logo {
		position:fixed;
		top:15px;
		right:15px;
		width:60px;
		height:60px;
	}
	
	h1 {
		margin-top:1.5rem;
	}
	
	.contactsmall {
		display:block;
	}
	
	#content {
		padding-left:5%;
		padding-right:5%;
		padding-bottom:1rem;		
	}		
	
	.grid-padding-x .cell {
		padding-right:0rem;
	}		

}

@media screen and (min-width: 40em) {
	
	#logo {
		position:absolute;
		top:15px;
		right:15px;
		width:60px;
		height:60px;
	}
	
	h1 {
		margin-top:1.5rem;
	}
		
	#content {
		padding-left:5%;
		padding-right:5%;
	}
	
	#contact {
		position:fixed;
		z-index:999;
		width:100%;
		color:#fff;
		background-color:#9B0E51;
		display:block;
		bottom:0;
		padding-left:2rem;
		padding-right:2rem;		
	}
	
	#contact p {
		color: #fff;
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
		text-align: center;
		font-size: 90%;
	}	
	
	.legal {
		font-size:90%;
		line-height:1.3;
		font-weight:500;
	}	
}

@media screen and (min-width: 63em) {
	.position-left {
		transform: translateX(-350px);
		width: 350px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(350px);
		transform: translateX(350px);
	}	

	
	h1 {
		margin-top:1.5rem;
		font-size: 1.7rem;
	}
		
}

@media screen and (min-width: 64em) {
	h1 {
		margin-top:0rem;
	}	

	.menu {
		font-size:1.3rem;
		padding-right:0rem;
	}

	.menu a, .menu > li.active {
		font-size:1.3rem;
	}
	
	.menu > li > a, .menu > li.active {
		padding: 0.5rem 0.7rem;
	}	

	.position-left {
		transform: translateX(-400px);
		width: 400px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(400px);
		transform: translateX(400px);
	}	

	#logo {
		position:absolute;
		top:auto;
		top:55px;
		right:30px;
		width:180px;
		height:180px;
	}	

	.off-canvas-content {
		margin-left:450px !important;
	}	
	
	.off-canvas {
		padding-top:140px;;
	}
		
	.off-canvas-wrapper-inner {
		padding-top:120px;
	}	
	
	.legal {
		font-size:100%;
	}	
}

@media screen and (min-width: 80em) {
	.menu {
		font-size:1.4rem;
		padding-right:0;
	}
	
	.menu a, .menu > li.active {
		font-size:1.5rem;
	}
	
	.menu > li > a, .menu > li.active {
		padding: 0.7rem 1rem;
	}	
	
	#logo {
		top:50px;
		right:100px;
		width:220px;
		height:220px;
	}

	.position-left {
		transform: translateX(-450px);
		width: 450px;
	}

	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(450px);
		transform: translateX(450px);
	}	
	
	p, ul {
		font-size:1.2rem;
	}
	
	.menu {
		font-size:1.5rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	
	h1 {
		font-size: 2.2rem;
		line-height: 2;
		margin-bottom: 0.5rem;
		margin-top: 0;
	}
	
	.welcome {
		font-size:2.1rem;	
	}
	
	.off-canvas-content {
		margin-left:500px !important;
	}			
}

@media screen and (min-width: 100em) {
	#logo {
		top:20px;
		right:100px;
		width:270px;
		height:270px;
	}

	.position-left {
		transform: translateX(-600px);
		width: 600px;
	}	
		
	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(600px);
		transform: translateX(600px);
	}	
		
	p, ul {
		font-size:1.4rem;
	}
	
	.menu {
		font-size:1.6rem;
		font-weight:400;
		letter-spacing:0.05rem;
	}
	
	h1 {
		font-size: 2.5rem;
		line-height: 2;
		margin-bottom: 2.5rem;
		margin-top: 0;
	}
	
	h2 {
		font-size: 1.8rem;
	}
	
	.welcome {
		font-size:2.2rem;	
	}

	.button-group .button {
		font-size:1.3rem;
	}
	
	.off-canvas-content {
		margin-left:650px !important;
	}		
	
	.legal {
		font-size:110%;
	}	
}

@media screen and (min-width: 120em) {
	.position-left {
		transform: translateX(-850px);
		width: 850px;
	}	
	
	.off-canvas-content.is-open-left.has-transition-push {
		-ms-transform: translateX(850px);
		transform: translateX(850px);
	}	
			
	.off-canvas-content {
		margin-left:900px !important;
	}
	h1 {
		font-size: 3.5rem;
		line-height: 3rem;
		margin-bottom: 3.5rem;
		margin-top: 0;
	}
	
	h2 {
		font-size: 2.5rem;
	}

	.welcome {
		font-size:2.5rem;	
	}
					
}