@font-face {
	font-family: 'Vollkorn';
	src: url(fonts/Vollkorn-Regular.eot);
	src: url('fonts/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
		 url('fonts/Vollkorn-Regular.woff') format('woff');	/* Moderne Browser */
	font-style: normal;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(fonts/Vollkorn-Italic.eot);
	src: url('fonts/Vollkorn-Italic.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
		 url('fonts/Vollkorn-Italic.woff') format('woff');	/* Moderne Browser */
	font-style: italic;
}
@font-face {
	font-family: 'Vollkorn';
	src: url(fonts/Vollkorn-Bold.eot);
	src: url('fonts/Vollkorn-Bold.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
		 url('fonts/Vollkorn-Bold.woff') format('woff');	/* Moderne Browser */
	font-weight: bold;
}
@font-face {
	font-family: 'oswalddemibold';
	src: url('fonts/Oswald-DemiBold-webfont.eot');
	src: url('fonts/Oswald-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Oswald-DemiBold-webfont.woff') format('woff'),
		 url('fonts/Oswald-DemiBold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:Vollkorn;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}

img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* escape now Layout ----------------------------------------------------------------------------------------------------------------------------------- *
 * ----------------------------------------------------------------------------------------------------------------------------------------------------- */


html {
	height: 100%;
}
body {
	line-height:1.6875;
	font-family: Vollkorn;
	font-size: 100%;
	font-weight: 200;
	font-style: normal;
	ext-rendering: optimizeLegibility;

	font-variant-ligatures: common-ligatures discretionary-ligatures;

	font-feature-settings:		"kern" on, "liga" on, "calt" on, "dlig" off, "hlig" off, "swsh" off, "salt" off;
	-webkit-font-feature-settings:	"kern" on, "liga" on, "calt" on, "dlig" off, "hlig" off, "swsh" off, "salt" off;
	-moz-font-feature-settings:	"kern" on, "liga" on, "calt" on, "dlig" off, "hlig" off, "swsh" off, "salt" off;
	-ms-font-feature-settings:	"kern" on, "liga" on, "calt" on, "dlig" off, "hlig" off, "swsh" off, "salt" off;
	-o-font-feature-settings:	"kern" on, "liga" on, "calt" on, "dlig" off, "hlig" off, "swsh" off, "salt" off;
	
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #F8F8FF;
}
h1, h2, h3, h4, h5, .title, .subtitle {
	font-family: oswalddemibold, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	line-height: 1.5;
	font-weight: bold;
	text-decoration: none;
	color: #2f3131;
	display: block;
	padding: 0;
	margin: 0 0 0.4em 0;
}
p {
	font-size: 1.1em;
	font-style: normal;
	padding: 0;
	margin: 0 0 1em 0;
}
strong, b {
	font-weight: 700;
}
h1 {font-size: 2.6em;}
h2 {font-size: 2.3em;line-height: 1.2em}
h3 {font-size: 1.9em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.3em;}
h2.blogPrevTitle {margin-top:0.7em;margin-bottom: 0.2em;}
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) and (orientation:portrait){
	h2.blogPrevTitle {margin-top:0.3em;}
}
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	h2.blogPrevTitle {margin-top:0;}
	.blogELPrevImgC {margin:0 0 2em 0}
}
ul {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
ol {
	margin: 0px 0px 15px 22px;
}
li {
	margin-bottom: 1em;
}
pre {
	background-color: #F0F0F0;
	font-size: 1.1em;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
code {
	font-size: 1.1em;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	color: #2f9c0a;
}

a, a:link {
	color: #4691BA;
	border: none;
	text-decoration: none;
}
article p a, article p a:link {
	text-decoration: underline;
	text-decoration-style: dotted;;
}

a:focus, a:hover, article p a:hover {
	text-decoration: underline;
    text-decoration-style:solid;
	outline: none;
}

a:visited {
	color: #426e86;
}

a:active {
	outline: none;
}
article p a img {text-decoration: none;}
blockquote {
	font-size: 1.6em;
	font-style: italic;
	margin: 1em 0.5em;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 90px;
	position: absolute;
	left: -5px;
	top: -20px;
	color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	font-size: 0.7em;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}

pre {
	background-color: #F0F0F0;
	font-size: 1em;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
code {
	font-size: 1em;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.cssRow {width:100%;clear:both;}
.cssC33, .cssC40, .cssC50, .cssC60 {margin:0 0 5em 0;padding:0 2em 0 0;float:left;position:relative;min-height:1px;text-align:left;}
.cssC33 {width:33.33%;padding: 0 0.66em 0 0;}
.cssC33 + .cssC33 {padding: 0 0.33em 0 0.33em;}
.cssC33 + .cssC33 + .cssC33 {padding: 0 0 0 0.66em;}
.cssC40 {width:40%}
.cssC50 {width:50%}
.cssC60 {width:60%}
.cssEnd {padding-right:0;float:right!important}
@media only screen and (max-width:768px){
	.cssC33, .cssC40, .cssC50, .cssC60, .cssC33 + .cssC33, .cssC33 + .cssC33 + .cssC33 {width:100%;padding: 0;}
	.cssRow > div:first-child {margin:0 0 2em 0;}
}
div.alert {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.1em;
	display: table;
	width: 100%;
	vertical-align: middle;
	border: 2px solid #CFCDD0;
	border-radius: 3px;
	margin: 0.2em 0 1em;
}
div.alert.success {
	background: #f1f9f7;
	color: #1d9d74;
}
div.alert.error {
	background: #fbeeed;
	color: #d9534f;
}
div.alert.info {
	background: #f0f9ff;
	color: #007dbc;
}
div.alert > div {
	display: table-cell;
	vertical-align: inherit;
	padding: 0.4em 0.6em;
}

*[lang=de] q {
	quotes:'\201E' '\201C' '\2018' '\2019';
}
*[lang=en] q {
	quotes:'\201C' '\201D' '\2018' '\2019';
}

input[type=text], input[type=submit], textarea, button[type=submit] {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.1em;
	width: 100%;
	padding: 0.4em 0.6em;
	margin: 0.2em 0 1em;
	box-sizing: border-box;
	border-radius: 3px;
	border: 2px solid #CFCDD0;
	background: #FFFDF9;
}
input[type=text] {line-height: 1}
textarea {line-height: 1.5;height: 10em;}
textarea:focus, input:focus {
	outline: none;
	background: #fff;
	border-color: #A59FA8;
}
textarea:hover, input:hover {
	outline: none;
	border-color: #A59FA8;
}
form label, form span {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

}
form label {font-weight: bold;}

.btn, a.btn, input.btn, button.btn {
	transition: .4s;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	padding: 0.4em 0.9em;
	font-size: 1.2em;
	line-height: 1.2em;
	cursor: pointer;
	background-color: #F3E8F9;
	color: #426e86;
	border-radius: 3px;
	border: 2px solid #426e86;
}
#blogAlt .btn, #blogAlt input[type=text], #blogAlt input[type=submit], #blogAlt button[type=submit], #blogAlt textarea {
	background-color: #fff;
}
.btn:hover, #blogAlt .btn:hover  {
	background: #426e86;
	color: #fff;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.45);
	box-shadow:         0 0 2px rgba(0,0,0,0.45);
	text-decoration: none;
}
.btn.shadow {
	-moz-box-shadow:    0 0 10px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
	box-shadow:         0 0 10px rgba(0,0,0,0.35);
}

.iBox {display:inline-block;}
.vMiddle {vertical-align: middle;}

a.JGLightThumb {position: relative;display: inline-block;border: none;text-decoration: none;}
a.JGLightThumb span {
	transition: .3s ease;
	opacity: 0;
	position: absolute;
	top: 48%;
	left: 46%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-size: 3em;
	text-decoration: inherit;
	color: #fff;
	text-shadow: 0 0 3px #000;
}
a.JGLightThumb img {
	transition: .3s ease;
}
a.JGLightThumb:hover img {
	opacity: 0.5;
}
a.JGLightThumb:hover span {
	opacity: 1;
}

header {
	display: table-row;
}
.grid{
	margin:0 auto;
	max-width: 1000px;
	width:100%;
}
.grid.padded {
	max-width: 860px;
	width:100%;
}
#desktopNavCell {
	position: absolute;
	top: 70%;
	transform: translateY(-70%);
}
#desktopNav, #mobileNav {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#desktopNav li {
	float: left;
}
#desktopNav li a, #mobileNav li a {
	color: white;
	text-align: center;
	text-decoration: none;
	display: block;
}
#desktopNav li a {
	background-color: rgba(0,0,0,0.5);
	padding: 0.6em 0.8em;
}
#desktopNav li a:hover {
	background: #fff;
	color: #000;
	transition: .5s;

}
#desktopNav li a.active {
	padding-bottom: 0.4em;
	border-bottom: 0.2em solid white;
}
#logoCell {
	padding:35px 15px;
}
#logoCell img {
	float: right;
}
#mobileNavCell {
	display: none;
	background: #2f3131;
	box-shadow: 0 0px 2px 1px #000;
}
#mobileNav {
	color: #fff;
	font-size: 1.3em;
}
#mobileNav li a {
	border-radius: 0.4em;
	margin: 10px;
	padding: 0.4em 0.8em;
}
#mobileNav li a.active {
	padding-bottom: 0.4em;
	background: #fff;
	font-weight: bold;
	color: #3d3c41;
	box-shadow: 0 0px 1px 1px #111018 inset;
}
#mobileNav li a:hover {
	background: #f9ba32;
	color: #2f3131;
	font-weight: bold;
	transition: .3s;
}
#menuBtn {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.6em;
	color: #fff;
	position: relative;
}
#menuBadge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#menuBtn i {
	float: right;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
}
main, #blogAlt {
	display: table-row;
	height: 100%;
}
main > div {
	padding: 3em 0;
}
#blogAlt {
	background: #F3E8F9;
}
#blogAlt > div {
	padding: 4em 0;}
footer {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	display: table-row;
	background: #2f3131;
	color: #dcdcdc;
	font-size: 1em;
	line-height: 1.3em;
}
footer > div {
	padding: 3em 0;
}
footer a, footer a:link, footer a:visited {
	color: #FCE5B4;
	transition: .3s;
}
footer a:not(.footerBtn) {
	text-decoration: underline;
	text-decoration-style: dotted;
}
footer a:hover {
	color: #f9ba32;
	text-shadow: 0 0 10px #000;
	text-decoration: underline;
	text-decoration-style: dotted;
}
footer .row {margin-bottom: 0}
footer .row .c2 {padding: 0 0 0.3em 0;}
a.footerBtn {
	display: inline-block;
	margin-right: 18px;
	text-align: center;
}
a.footerBtn.last{margin-right: 0;}
#beamUp {text-align: center;margin-top:1em;}
#langSel {
	font-size: 1em;
	margin: 0.8em;
	float: right;
}

@media handheld, only screen and (max-width: 980px), only screen and (max-device-width: 980px) and (orientation:portrait){
	#desktopNav {
		font-size: 1.3em;
	}
}
@media handheld, only screen and (max-width: 860px), only screen and (max-device-width: 860px) and (orientation:portrait){
	#desktopNav {
		font-size: 1.2em;
	}
	#desktopNav li a {
		padding: 0.4em 0.6em;
	}
	/*#desktopNav li a.active {
		padding-bottom: 0.4em;
		border-bottom: 0.2em solid white;
	}*/
}
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{
		font-size:90%;
	}
	.row{
		margin-bottom:0!important;
	}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{
		width:100%;margin-right:0;margin-left:0;margin-bottom:20px;
	}
	#desktopNavCell {
		display: none;
	}
	#desktopNav {
		font-size: 1.1em;
	}
	header {
		box-shadow: none;
	}
	#logoCell {
		padding:15px 0px;
		margin-bottom: 0;
	}
	#logoCell img {
		float: initial;
	}
	#mobileNavCell {
		display: table-row;
	}
	footer .row .c2 {padding: 0;}
	footer {text-align: center;font-size: 1em;}
	#beamUp {margin-top:0}
}
#fancybox-wrap, #fancybox-wrap * {
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
      -ms-box-sizing:content-box;
          box-sizing:content-box;
}

/* CSS Ladeanimation für travelmap */
.lds-ring {
	display: inline-block;
	position: relative;
	width: 224px;
	height: 224px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;
	margin: 12px;
	border: 12px solid #b0b0b0;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #b0b0b0 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#map {
	position: relative;
	width: 100%;
	height: 302px;
	border:  1px solid gray;
	background: url('../img/mapBG.jpg?2');
}
#map .center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#mapSpinner {
	display: none;
}
#mapBtn {
	width: 200px;
	display: inline-block;
	margin-top: auto;
	text-align: center;
}
#map > p {
	display: inline-block;
	width: 300px;
}


@charset "UTF-8";
/*!
 * Cookie Bar component (https://github.com/kovarp/jquery.cookieBar)
 * Version 1.1.2
 *
 * Copyright 2018 Pavel Kovář - Frontend developer [www.pavelkovar.cz]
 * Licensed under MIT (https://github.com/kovarp/jquery.cookieBar/blob/master/LICENSE)
 */
/* Settings */
/* Cookie Bar styles */
.cookie-bar__inner {
  background-color: #000;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: .875rem;
  padding: .375rem .5rem;
  text-align: center;
}

@media (min-width: 48rem) {
  .cookie-bar__inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.cookie-bar__buttons {
  display: block;
  margin-top: .375rem;
}

@media (min-width: 48rem) {
  .cookie-bar__buttons {
    display: inline;
    margin-top: 0;
  }
}

.cookie-bar__btn {
  background-color: #0275d8;
  color: #fff;
  border: none;
  margin: 0 .875rem;
  padding: .125rem .875rem;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  cursor: pointer;
}

.cookie-bar__btn:hover {
  background-color: #0267bf;
}

.cookie-bar__btn:active {
  background-color: #0262b5;
}

.cookie-bar a {
  color: #fff;
  text-decoration: underline;
}

.cookie-bar a:hover {
  text-decoration: none;
}

/* Cookie Bar layouts */
.cookie-bar--bottom-left,
.cookie-bar--bottom-right,
.cookie-bar--bottom {
  z-index: 100;
  position: fixed;
}

.cookie-bar--bottom {
  right: 0;
  bottom: 0;
  left: 0;
}

.cookie-bar--bottom-left {
  left: 0.9375rem;
}

.cookie-bar--bottom-right {
  right: 0.9375rem;
}

.cookie-bar--bottom-right,
.cookie-bar--bottom-left {
  bottom: 0.9375rem;
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right,
  .cookie-bar--bottom-left {
    width: 22.5rem;
  }
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right .cookie-bar__inner,
  .cookie-bar--bottom-left .cookie-bar__inner,
  .cookie-bar--bottom-right .cookie-bar__buttons,
  .cookie-bar--bottom-left .cookie-bar__buttons {
    display: block;
  }
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right .cookie-bar__buttons,
  .cookie-bar--bottom-left .cookie-bar__buttons {
    margin-top: .375rem;
  }
}

.cookie-bar--bottom-right .cookie-bar__inner,
.cookie-bar--bottom-left .cookie-bar__inner {
  line-height: 1.3;
}