/*--------------------------------------------------
Basscss Base Buttons
---------------------------------------------------*/
button,
.button {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.125;
	padding: 0.5em 1rem;
	margin: 0;
	letter-spacing: 0.09rem;
	height: auto;
	/*border: 1px solid transparent;*/
	-webkit-appearance: none;
}

::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.button:hover {
	text-decoration: none;
}

/*--------------------------------------------------
Basscss Base Forms
---------------------------------------------------*/
input,
select,
textarea,
fieldset {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

input[type=text],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
	box-sizing: border-box;
	height: 2.25em;
	padding: 0.25em 1rem;
	-webkit-appearance: none;
}

select {
	box-sizing: border-box;
	line-height: 1.75;
	padding: 0.25em 1rem;
}

select:not([multiple]) {
	height: 2.25em;
}

textarea {
	box-sizing: border-box;
	line-height: 1.75;
	padding: 0.25em 1rem;
}

.fieldset-reset {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	border: 0;
}

.fieldset-reset legend {
	padding: 0;
}

/*--------------------------------------------------
Basscss Base Reset
---------------------------------------------------*/
body,
button {
	margin: 0;
}

button,
input,
select,
textarea {
	font-family: "UniversNextPro-Regular", Helvetica, sans-serif;
	font-size: 100%;
}

img {
	max-width: 100%;
}

svg {
	max-height: 100%;
}

figure {
	margin: 0;
}

/*--------------------------------------------------
Basscss Base Tables
---------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	width: 100%;
}

th {
	text-align: left;
	font-weight: bold;
}

th,
td {
	padding: 0.25em 1rem;
	line-height: inherit;
}

th {
	vertical-align: bottom;
}

td {
	vertical-align: top;
}

/*--------------------------------------------------
Basscss Base Typography
---------------------------------------------------*/
body {
	font-family: "UniversNextPro-Regular", Helvetica, sans-serif;
	line-height: 1.875;
	font-size: 100%;
	letter-spacing: 0.02rem;
	background: #702781;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "UniversNextPro-LightCond", Helvetica, sans-serif;
	font-weight: lighter;
	line-height: 1.25;
	margin-top: 1em;
	margin-bottom: .5em;
	text-transform: uppercase;
}
@media (max-width: 500px){
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		/* hyphenate */
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}


p,
dl,
ol,
ul {
	font-size: 1.125rem;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

ol,
ul {
	padding-left: 2rem;
}

pre,
code,
samp {
	font-family: "Source Code Pro", Consolas, monospace;
	font-size: inherit;
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow-x: scroll;
	padding: 1rem;
}

hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

blockquote {
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	border-left: 8px solid;
}

blockquote,
blockquote p {
	font-size: 1.75rem;
	font-style: italic;
}

img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

h1,
.h1 {
	font-size: 3rem;
}

h2,
.h2 {
	font-size: 2.25rem;
}

h3,
.h3 {
	font-size: 1.75rem;
}

h4,
.h4 {
	font-size: 1.125rem;
}

h5,
.h5 {
	font-size: 1rem;
}

h6,
.h6 {
	font-size: 0.875rem;
}

.list-reset {
	list-style: none;
	padding-left: 0;
}

/*--------------------------------------------------
 Basscss Color Base
---------------------------------------------------*/
body {
	color: #fff;
}

a {
	color: #fff158;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

pre,
code {
	background-color: #eee;
	border-radius: 3px;
}

hr {
	border: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

/*--------------------------------------------------
Basscss Color Borders
---------------------------------------------------*/
.border {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}

.border-top {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ccc;
}

.border-right {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ccc;
}

.border-bottom {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

.border-left {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ccc;
}

.rounded {
	border-radius: 3px;
}

.circle {
	border-radius: 50%;
}

.rounded-top {
	border-radius: 3px 3px 0 0;
}

.rounded-right {
	border-radius: 0 3px 3px 0;
}

.rounded-bottom {
	border-radius: 0 0 3px 3px;
}

.rounded-left {
	border-radius: 3px 0 0 3px;
}

.not-rounded {
	border-radius: 0;
}

/*--------------------------------------------------
Basscss Color Buttons
---------------------------------------------------*/
.button-blue {
	color: white;
	background-color: #143893;
	border-radius: 0;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-blue:hover {
	opacity: .875;
}

.button-blue:active,
.button-blue.is-active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.125), inset 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-blue:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(20, 56, 147, 0.5);
}

.button-blue:disabled,
.button-blue.is-disabled {
	opacity: .5;
}

.button-blue-outline {
	line-height: 1;
	color: #143893;
	background-color: transparent;
	border-radius: 0;
	border: 2px solid #143893;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-blue-outline:hover,
.button-blue-outline.is-active {
	color: white;
	background-color: #143893;
}

.button-blue-outline:active {
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-blue-outline:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(20, 56, 147, 0.5);
}

.button-blue-outline:disabled,
.button-blue-outline.is-disabled {
	color: #143893;
	background-color: transparent;
	opacity: .5;
}

.button-gray {
	color: white;
	background-color: #777;
	border-radius: 0;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-gray:hover {
	opacity: .875;
}

.button-gray:active,
.button-gray:is-active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.125), inset 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-gray:focus {
	outline: none;
	box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(20, 56, 147, 0.5);
}

.button-gray:disabled,
.button-gray.is-disabled {
	opacity: .5;
}

.button-red {
	color: white;
	background-color: #f95020;
	border-radius: 0;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-red:hover {
	opacity: .875;
}

.button-red:active,
.button-red.is-active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.125), inset 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-red:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(249, 80, 32, 0.5);
}

.button-red:disabled,
.button-red.is-disabled {
	opacity: .5;
}

.button-red-outline {
	line-height: 1;
	color: #f95020;
	background-color: transparent;
	border-radius: 0;
	border: 2px solid #f95020;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-red-outline:hover,
.button-red-outline.is-active {
	color: white;
	background-color: #f95020;
}

.button-red-outline:active {
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-red-outline:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(249, 80, 32, 0.5);
}

.button-red-outline:disabled,
.button-red-outline.is-disabled {
	color: #f95020;
	background-color: transparent;
	opacity: .5;
}

.button-green {
	color: white;
	background-color: #00cf26;
	border-radius: 0;
	transition-duration: .1s;
	transition-timing-function: ease-out;
	transition-property: box-shadow, background-color;
}

.button-green:hover {
	opacity: .875;
}

.button-green:active,
.button-green.is-active {
	box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.125), inset 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.button-green:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 1px 4px rgba(0, 207, 38, 0.5);
}

.button-green:disabled,
.button-green.is-disabled {
	opacity: .5;
}

.button-nav-light:hover {
	background-color: rgba(0, 0, 0, 0.0625);
}

.button-nav-light:active,
.button-nav-light.is-active {
	color: #333;
}

.button-nav-dark {
	color: white;
}

.button-nav-dark:hover {
	background-color: rgba(0, 0, 0, 0.125);
}

.button-nav-dark:active,
.button-nav-dark.is-active {
	background-color: rgba(0, 0, 0, 0.125);
}

.button-nav-tab {
	margin-bottom: -1px;
	border-radius: 0 0 0 0;
	border-bottom: 1px solid #ccc;
}

.button-nav-tab:hover {
	background-color: rgba(0, 0, 0, 0.0625);
}

.button-nav-tab.is-active {
	background-color: white;
	border-bottom: 1px solid white;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*--------------------------------------------------
 Basscss Color Forms Dark
---------------------------------------------------*/
.field-dark {
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.0625);
	border-radius: 3px;
}

.field-dark::-moz-placeholder {
	color: rgba(255, 255, 255, 0.75);
}

.field-dark:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.75);
}

.field-dark::placeholder {
	color: rgba(255, 255, 255, 0.75);
}

.field-dark:focus {
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.field-dark:-moz-read-only:not(select) {
	background-color: rgba(255, 255, 255, 0.25);
}

.field-dark:read-only:not(select) {
	background-color: rgba(255, 255, 255, 0.25);
}

.field-dark:invalid {
	border-color: #f95020;
}

.field-dark.is-success {
	border-color: #00cf26;
}

.field-dark.is-warning {
	border-color: #efcc00;
}

.field-dark.is-error {
	border-color: #f95020;
}

/*--------------------------------------------------
Basscss Color Forms
---------------------------------------------------*/
.field-light {
	background-color: white;
	transition: box-shadow .2s ease;
	border-style: solid;
	border-width: 1px;
	border-color: #EFEBD5;
	border-radius: 0px;
}

.field-light:focus {
	outline: none;
	border-color: #143893;
	box-shadow: 0 0 2px rgba(20, 56, 147, 0.5);
}

.field-light:disabled {
	color: #777;
	background-color: rgba(0, 0, 0, 0.125);
}

.field-light:-moz-read-only:not(select) {
	background-color: rgba(0, 0, 0, 0.125);
}

.field-light:read-only:not(select) {
	background-color: rgba(0, 0, 0, 0.125);
}

.field-light:invalid {
	border-color: #f95020;
}

.field-light.is-success {
	border-color: #00cf26;
}

.field-light.is-warning {
	border-color: #efcc00;
}

.field-light.is-error {
	border-color: #f95020;
}

.radio-light,
.checkbox-light {
	transition: box-shadow .2s ease;
}

.radio-light {
	border-radius: 50%;
}

.radio-light:focus,
.checkbox-light:focus {
	outline: none;
	box-shadow: 0 0 2px rgba(20, 56, 147, 0.5);
}

/*--------------------------------------------------
Basscss Color Tables
---------------------------------------------------*/
th,
td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

/*--------------------------------------------------
Basscss Colors
---------------------------------------------------*/
.dark-gray {
	color: #333;
}

.white {
	color: white;
}

.blue {
	color: #143893;
}

.mid-gray {
	color: #777;
}

.light-gray {
	color: #ccc;
}

.lighter-gray {
	color: #eee;
}

.red {
	color: #f95020;
}

.green {
	color: #00cf26;
}

.yellow {
	color: #efcc00;
}

.bg-dark-gray {
	background-color: #333;
}

.bg-white {
	background-color: white;
}

.bg-blue {
	background-color: #143893;
}

.bg-mid-gray {
	background-color: #777;
}

.bg-light-gray {
	background-color: #ccc;
}

.bg-lighter-gray {
	background-color: #eee;
}

.bg-red {
	background-color: #f95020;
}

.bg-green {
	background-color: #00cf26;
}

.bg-yellow {
	background-color: #efcc00;
}

.bg-darken-1 {
	background-color: rgba(0, 0, 0, 0.0625);
}

.bg-darken-2 {
	background-color: rgba(0, 0, 0, 0.125);
}

.bg-darken-3 {
	background-color: rgba(0, 0, 0, 0.25);
}

.bg-darken-4 {
	background-color: rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------
404 Page
---------------------------------------------------*/
.error-page-container .big-error-number {
	font-size: 6.5rem;
	line-height: 6.5rem;
}

.error-page-container h2 {
	font-size: 1rem;
}

@media (min-width: 40em) {
	.error-page-container .big-error-number {
		font-size: 14.5rem;
		line-height: 14.5rem;
	}

	.error-page-container h2 {
		font-size: 2rem;
	}
}

/*--------------------------------------------------
Back To Top
---------------------------------------------------*/
.backtotop {
	height: 48px;
	width: 48px;
	border-radius: 50%;
	bottom: 1rem;
	right: 1rem;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/backtotop.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.backtotop.is-visible,
.backtotop.fade-out,
.no-touch .backtotop:hover {
	transition: opacity .3s 0s, visibility 0s 0s;
}

.backtotop.is-visible {
	visibility: visible;
	opacity: 1;
}

.backtotop.fade-out {
	opacity: .7	;
}

@-webkit-keyframes jump {
  0%   {transform: translate3d(0,0,0);}
  10%  {transform: translate3d(0,-4px,0);}
  50%   {transform: translate3d(0,0,0);}
  70%  {transform: translate3d(0,-4px,0);}
  100% {transform: translate3d(0,0,0);}
}

@keyframes jump {
  0%   {transform: translate3d(0,0,0);}
  10%  {transform: translate3d(0,-4px,0);}
  50%   {transform: translate3d(0,0,0);}
  70%  {transform: translate3d(0,-4px,0);}
  100% {transform: translate3d(0,0,0);}
}

.backtotop:hover {
	background-color: #333;
	opacity: 1;
	-webkit-animation: jump .7s ease-in-out;
	animation: jump .7s ease-in-out;
	padding-bottom: 4px;
	margin-bottom: -2px;
}


/*--------------------------------------------------
Blog
---------------------------------------------------*/
.blog h2 a:hover {
	text-decoration: none;
	color: #efcc00;
}

.blog .button:hover {
	color: #efcc00;
}

.blog .item {
	max-width: 640px;
}

.blog-item .pagination .button {
	padding: 0;
}

.blog-item .pagination .button:hover {
	color: #efcc00;
}

/*--------------------------------------------------
Columns for article
---------------------------------------------------*/
ul.columns {
	overflow: hidden;
	list-style: none;
	padding: 0;
	min-height: 280px;
}

ul.columns li:last-child {
	margin-right: 0;
}

.column {
	float: left;
	box-sizing: border-box;
	margin-right: 4%;
}

.columns-1 .column,
.columns-2 .column,
.columns-3 .column,
.columns-4 .column,
.columns-5 .column {
	width: 100%;
}

@media (min-width: 52em) {
	.columns-1 .column {
		width: 100%;
	}

	.columns-2 .column {
		width: 48%;
	}

	.columns-3 .column {
		width: 30.6%;
	}

	.columns-4 .column {
		width: 22%;
	}

	.columns-5 .column {
		width: 16.8%;
	}
}

.columns img{
	margin-bottom: 1em;
}

/*--------------------------------------------------
Contact
---------------------------------------------------*/
.contact .prefix {
	width: 120px;
	display: inline-block;
}

.contact .email {
	transition: all 0.5s ease;
}

.contact .email:hover {
	color: #efcc00;
	text-decoration: none;
}

/*--------------------------------------------------
Footer
---------------------------------------------------*/
footer {
	height: auto;
	line-height: 80px;
	background: #000;
    margin-top: 10rem;
    color: #8fa5d5;
}

footer .social {
  float: right;
}
footer a {
	color:  #8fa5d5;
}
footer .social a {
	float: left;
    line-height: 75px;
    text-decoration: none;
    color: white;
    cursor: pointer;
    font-size: 2.2em;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 5px;

    background: transparent !important;
	color:  #8fa5d5;
}
footer .social a[href^="https://www.instagram.com"]{
	padding-left: 0.3rem;
	background: #d6249f;
 	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

footer .social a:hover {
	/*background-color: #333;*/
	opacity: .7;
}




footer .copyright {
  float: left;
  width: calc( 100% - 140px);
  min-width: 320px;
}

footer .copyright p {
	font-size: 1rem;
	/*line-height: 80px;*/
	letter-spacing: 1px;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

footer .copyright p .made {
	display: none;
}
footer .impressum{
	
}

@media (min-width: 52em) {
	footer .copyright p {
		text-align: left;
	}

	footer .copyright p .made {
		display: inline-block;
	}
	footer .copyright p {
		padding-left: 15px;
		padding-right: 15px;
	}
	footer .impressum {
	    float: right;
	}
}

@media (max-width: 590px){
	footer .copyright{
		width: 100%;
		line-height: 2rem;
	}
	footer .social {
	    float: none; 
	    width: 260px;
	    margin: 0 auto;
	    display: block;
	}
}
@media (max-width: 590px){
	footer{

	}
}

/*--------------------------------------------------
Header  f7f2da f2c853 bbd9cc
---------------------------------------------------*/
/* 1. General */
.header {
	background: #fff158;
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23FF003FFF' stroke-width='2' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");*/
	background-size: 102% 102%;
    background-position: bottom center;

	height: 80px;
	width: 100%;
	z-index: 9999;
	/*border-bottom: 1px dashed #ff003f;*/
}
.header.is-fixed{
	background-color: #fff158;
}

/* @media (min-width: 52em) {
	.header {
		background: #fff158;
	}
} */
.ishome .header{
	background-color: transparent;
}

/* 2. Logo */
/*
.logo {
	filter:brightness(0);
}
 @media (min-width: 52em) {
	.logo {
		filter:none;
	}
} */
.logo a {
	color: #1c343f;
	text-decoration: none;
}
.header .logo a img{
	height: 80px;
    padding: 5px 10px 9px;
    box-sizing: border-box;
}
.ishome .header .logo{
	display: none;
}


/* 3. Menu */
.main-nav {
	max-width: 58em;
    height: 80px;
    margin: 0 auto;

    padding: 0 5rem 0 0;
    box-sizing: border-box;
}

.main-nav a {
	color: #702781;
	text-decoration: none;
	font-size: 1.1rem;
	display: block;
    height: 34px;
    padding: 23px 13px;
}

.main-nav a:hover {
	box-shadow: inset 0 0 0px 1px #702781;
	color: #702781;
}

.responsive-nav-trigger {
	right: 1rem;
	top: 15px;
	height: 48px;
	width: 48px;
	/* background: rgba(0, 0, 0, 0.5); */
	border: 1px solid #702781;
}

.responsive-nav-trigger .menu-icon {
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	transform: translateX(-50%) translateY(-50%);
	width: 26px;
	height: 2px;
	background-color: #702781;
	transition: background-color 0.3s;
}

.responsive-nav-trigger .menu-icon::before, .responsive-nav-trigger .menu-icon::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #702781;
	right: 0;
	transition: transform .3s, top .3s, background-color 0s;
}

.responsive-nav-trigger .menu-icon::before {
	top: -8px;
}

.responsive-nav-trigger .menu-icon::after {
	top: 8px;
}

.responsive-nav-trigger .menu-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0);
}

.responsive-nav-trigger .menu-icon.is-clicked::before,
.responsive-nav-trigger .menu-icon.is-clicked::after {
	background-color: white;
}

.responsive-nav-trigger .menu-icon.is-clicked::before {
	top: 0;
	transform: rotate(135deg);
}

.responsive-nav-trigger .menu-icon.is-clicked::after {
	top: 0;
	transform: rotate(225deg);
}

.responsive-nav {
	list-style: none;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.9);
	padding: 50px 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateY(-100%);
	transition-property: transform;
	transition-duration: 0.4s;
}

.responsive-nav li {
	margin: .2em 0;
	text-transform: capitalize;
}

.responsive-nav li:first-child {
	padding-top: 40px;
}

.responsive-nav li a {
	color: white;
	text-decoration: none;
}
.responsive-nav li a.active {
	color: #702781;
}

.responsive-nav li a:hover {
	color: #702781;
}

.responsive-nav.is-visible {
	transform: translateY(0);
}

/* 4. Hero */
.pagehero{
	background: linear-gradient(180deg, transparent 0px, transparent 80px, #33004a 80px, #33004a 100%);
}
.pagehero h1{
	/* letter-spacing: 16px; */
    -webkit-font-smoothing: antialiased;
	text-transform: none;
	color: #8fa5d5;
    background: #33004a;
    box-shadow: 35vw 0 0 0 #33004a, -35vw 0 0 0 #33004a;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
@media (max-width: 767px) {
	.pagehero h1{
		font-size: 30px;
	}
}
.homehero {
	/* min-height: 340px; */
	margin-bottom: calc(-3vw - 100px);
}
#hero .hero-container{
	width: 100%;
	max-width: 65.3em;
	height: 100%;
    margin: 0 auto;
	margin: 0 7vw;
}
#hero .hero-container .artwork{
	width: 100%;
	height: auto;
}
#hero .hero-container .artwork_desktop{
	display: none;
}
#hero .logo2021{
	visibility: hidden;
}

#hero .home-header{
	margin-bottom: 120px;
}
.home-header .hero-title{
	top: 52vw;
}
@media (max-width: 550px){
	.home-header .hero-title{
		padding: 0;
	}
	.home-header .hero-title h1{
		font-size: 44px;
		text-align: left;
	}
	.home-header .hero-title h2{
		font-size: 19px;
		text-align: left;
		margin: 0;
		padding: 0;
	}
}
@media (min-width: 52em){
	
	#hero .home-header{
		margin-bottom: 0;
	}
	.home-header .hero-title{
		top: 43vw;
	}

	#hero .hero-container{
		margin: 0 auto;
	}

	#hero .logo2021{
		top:85px;
		left: 15px;
		max-width: 60vw; 
		visibility: visible;
	}
	#hero .hero-container .artwork_desktop{
		display: inline;
	}
	#hero .hero-container .artwork_mobile{
		display: none;
	}
}


.large-header {

	box-sizing: border-box;
	width: 100%;
	padding: 0;
	position: relative;
	display: flex;
}
#hero .home-header{
	/*height: 450px;*/
	background: url(../images/wedge2.svg) no-repeat;
    background-size: cover;
    background-position: center;
}
/* @2x Images (Pixel Ratio of 1.25+) */
/*@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {

    #hero .home-header{
		background-size: 96px 96px, cover;
	}
}*/

.bg-blue,
.bg-red,
.bg-green,
.bg-yellow,
.bg-dark-gray,
.bg-mid-gray,
.bg-light-gray,
.bg-lighter-gray {
	-webkit-animation: color-pulse 10s infinite;
	animation: color-pulse 10s infinite;
	/*background-image: url("../images/noise.png");*/
}

.hero-title {
	padding: 0 5px;
    top: 43vw;
    right: 0;
    max-width: 100%;
    box-sizing: border-box;
    text-align: right;
}
@media (min-width: 62em) {
	.hero-title, 
	.home-header .hero-title{
		top: 456px;
	}
}
.hero-title h1{
	font-size: 65px;
	line-height: 57px;
    margin: 0 10px 0 0;
    color: #fff;
}
.hero-title h2{
    font-size: 40px;
    line-height: 38px;
    padding-left: 5px;
    margin: 0 10px 0 0;
    color: #8fa5d5;
}
@media (max-width: 479px) {
	.hero-title h1{
		/*font-size: 40px;*/
	}
	.hero-title h2{
		font-size: 39px;
	}
}

.hero-title p {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.page-title {
	font-size: 2rem;
	color: #fff;
}

.breadcrumb {
	padding: 0;
}

.breadcrumb li:before {
	content: "/";
	color: #efcc00;
}

.breadcrumb li:first-child .button-narrow {
	padding-left: 0;
}

.breadcrumb li:first-child:before {
	display: none;
}

.breadcrumb a {
	color: #efcc00;
}

.breadcrumb a:hover {
	color: #fff;
}

/* 5. Responsive */
@media (min-width: 40em) {
	.header {
		box-shadow: none;
	}

	.hero-title p {
		font-size: 4rem;
		line-height: 4rem;
	}

	.responsive-nav-trigger {
		right: 2rem;
	}

	.logo {
		left: 5rem;
	}

	.page-title {
		font-size: 2.5rem;
		color: #fff;
	}
}

@media (min-width: 64em) {
	.header {
		transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.header.is-fixed {
		position: fixed;
		top: -80px;
		transition: transform 0.3s;
	}

	.header.is-visible {
		background: #fff158;
		transform: translate3d(0, 100%, 0);
	}

	.header.menu-is-open {
		background: #f7f2da;
	}

}

/*--------------------------------------------------
Main
---------------------------------------------------*/

#main{
	position:relative;
	padding-top: 0rem;
}
.ishome #main{
	padding-top: 3rem;
}
@media (max-width: 52em) {
	#main.sd-no-skew {
		transform: none;
		padding-top: 2rem;
	}
}
.no-skew, #main.no-skew{
	transform: none;
	padding-top: 2rem;
}
.counter-skew{
	margin: 0;
	padding: 0;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #ticketskaufen{
	color: #fff158;
}



/*--------------------------------------------------
Pagination
---------------------------------------------------*/
.icon {
	width: 1em;
	height: 1em;
	position: relative;
	top: -.125em;
	vertical-align: middle;
	fill: currentcolor;
}

/*--------------------------------------------------
Portfolio
---------------------------------------------------*/
ul.filteroptions {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 0;
	margin: 0 14px;
	line-height: 50px;
}

ul.filteroptions li {
	height: 60px;
	display: inline;
}

ul.filteroptions li a {
	font-size: .875em;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	margin: 0 2px;
	padding: 14px 10px 10px;
	border: 1px solid #fff158;
}

ul.filteroptions li a:hover {
	color: #e40038;
}

ul.filteroptions li a.active {
	color: #702781;
	background-color: #fff158;
	border-color: #fff158;
}

.portfolio .box {
	width: 100%;
	margin-bottom: 1rem;
	background: #33004a;
}
.portfolio .box:hover {
    opacity: .6;
    transition: .2s;

}
.portfolio .box a {
	text-decoration: none;
}

.portfolio .box img {
	width: 100%;
}
.portfolio .box .imagewrapper{
	position: relative;
	min-height: 60px;
}
.portfolio .box .filtertags{
	position: absolute;
	left: 0;
	bottom: 0
}
.portfolio .box .filtertag{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid;
	margin: 4px 4px 0 0;
    padding: 6px 10px 2px;
}

.portfolio .box:hover .info {
	opacity: 1;
}

.portfolio .box .text {
	color: #fff;
	padding: 1.3rem 1rem 0.8rem 1rem;
	border: none;
	display: block;
}

.portfolio .box .title {
	color: #fff158;
	font-size: 1.5rem;
	line-height: 1rem;
}

.portfolio .box .type {
	padding-top: 0.5rem;
	color:  #e40038;
	font-size: 1rem;
	text-transform: none;
}

@media (min-width: 40em) {
	.portfolio img {
		width: 100%;
	}
}

@media (min-width: 52em) {
	.portfolio .box {
		width: 47%;
		margin: 1.5%;
	}
}

@media (min-width: 64em) {
	.portfolio .box {
		width: 30%;
		margin: 1.5%;
	}
}


/* Sparten-Farben */
/*.portfolio .Literatur{
	background-color: #f2c853;
}
.portfolio .Kino{
	background-color: #801b28;
}
.portfolio .Kino.box .title, .portfolio .Kino.box .type {
	color: #f7f2da;
}
.portfolio .Musik{
	background-color: #325569;
}
.portfolio .Musik.box:not(.Ausstellungen) .title, .portfolio .Musik.box:not(.Ausstellungen) .type {
	color: #f7f2da;
}
.portfolio .Theater{
	background-color: #65c8d0;
}
.portfolio .Ausstellungen{
	background-color: #bbd9cc;
}
.portfolio .Workshops{
	background-color: #f7f2da;
}
*/

.portfolio-item p:nth-of-type(1) {
	font-size: 1.125rem;
	line-height: 1.875;
}

.portfolio-item .tags p {
	font-size: 0.875rem;
	font-family: "Source Code Pro", Consolas, monospace;
}

.portfolio-item .pagination .button {
	padding: 0;
}

.portfolio-item .pagination .button:hover {
	/*color: #efcc00;*/
	text-decoration: underline;
}

/*   Filtres Isotopes  */
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
	transition-duration: 0.8s;
}

.isotope {
	transition-property: height, width;
}

.isotope .isotope-item {
	transition-property: transform, opacity;
}




/*  Single Portfolio Item */
.portfolio-item strong,
.portfolio-item em{
	color: #fff158;
}

/*--------------------------------------------------
Responsive Video
---------------------------------------------------*/
.embed,.embed iframe,.embed img,.embed object{max-width:100%}.embed{position:relative;margin:0;padding:0}.embed img{display:block;height:auto}.embed--video iframe,.embed--video object,.embed__thumb{top:0;left:0;width:100%;height:100%;position:absolute}.embed--video{background-color:#ddd;overflow:hidden}.embed--error{font-size:.8em}.embed__thumb{background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.embed__thumb>img{position:absolute;top:50%;left:50%;width:25%;min-width:75px;max-width:175px;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;opacity:.65}.embed__thumb:hover>img{opacity:1}


/*.oembed iframe,.oembed object,.oembed embed,.oembed img{max-width:100%;margin-left:auto !important;margin-right:auto !important;border-width:0}.oembed-video{width:100%;position:relative;padding:0;padding-top:56.25%}.oembed-video iframe,.oembed-video object,.oembed-video img{position:absolute;top:0;left:0;width:100%;height:100%}.oembed-lazyvideo{background-color:#dedede;overflow:hidden}.oembed-lazyvideo .play{z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;filter:alpha(opacity=70);cursor:pointer;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}.oembed-lazyvideo .play img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:auto}.oembed-lazyvideo:hover .play{opacity:.4;filter:alpha(opacity=40)}.oembed-lazyvideo .thumb{position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:50% 50%;cursor:pointer}.oembed-lazyvideo iframe,.oembed-lazyvideo object{display:none}
*/


/*--------------------------------------------------
Ticketshop
---------------------------------------------------*/

#main.tickets{
	/* padding-top: 3rem; */
}


/* Form */
.ticketform{
	padding-bottom: 4rem; 
}
.half{
    float: left;
    width: 50%;
    padding: 5px !important;
    box-sizing: border-box; 
}
.half + *:not(.half){
    clear: left;
}
.half:nth-child(6){
    clear: left;
}
@media (max-width: 500px){
	.half{
		width: 100%;
		float: none;
	}
}

body .text_box, body .text_area, body .text_select {
    width: 98%;
}

#thank_you_msg{
    font-weight:bold;
    color: #312783;
    background: #FFF;
    padding: 14px ​16px;
}

.ticket-selection .col_label, .ticket-selection .col_field{
    float: left;
    display: inline-block;
}
.ticket-selection .col_label{
    line-height: 52px;
}
.ticket-selection .col_field {
    width: 80px;
}
.ticket-selection .col_field input{
    font-size: 24px;
    width: 70px;
    padding: 0 10px;
    min-width: auto;
}
.col_field input#field_15{
    border:0;
    font-size: 24px; 
    margin: 0;
}
.note{
    margin-bottom: 20px;
    display: block;
}    



ol.phpfmg_form input[type="radio"]{
	width: 16px;
    height: 16px;
    margin: 0 0.5em 0 0;
}
.fmgCaptchCode{
    margin-top: 20px;
}
.form_submit_block{
    margin-top: 20px;
}
body #frmFormMailContainer input[type="submit"]:hover{
    background-color: #ff003f;
    border-color: #ff003f;
    color:#fff;
    cursor: pointer;
}



/*--------------------------------------------------
Sponsoren
---------------------------------------------------*/

.sponsoren{
    max-width: 700px;
    width: 100%;
}

/*--------------------------------------------------
Basscss Grid
---------------------------------------------------*/
.container {
	max-width: 64em;
	margin-left: auto;
	margin-right: auto;
}

.col {
	float: left;
	box-sizing: border-box;
}

.col-right {
	float: right;
	box-sizing: border-box;
}

.col-1 {
	width: 8.33333%;
}

.col-2 {
	width: 16.66667%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33333%;
}

.col-5 {
	width: 41.66667%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33333%;
}

.col-8 {
	width: 66.66667%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33333%;
}

.col-11 {
	width: 91.66667%;
}

.col-12 {
	width: 100%;
}

@media (min-width: 40em) {
	.sm-col {
		float: left;
		box-sizing: border-box;
	}

	.sm-col-right {
		float: right;
		box-sizing: border-box;
	}

	.sm-col-1 {
		width: 8.33333%;
	}

	.sm-col-2 {
		width: 16.66667%;
	}

	.sm-col-3 {
		width: 25%;
	}

	.sm-col-4 {
		width: 33.33333%;
	}

	.sm-col-5 {
		width: 41.66667%;
	}

	.sm-col-6 {
		width: 50%;
	}

	.sm-col-7 {
		width: 58.33333%;
	}

	.sm-col-8 {
		width: 66.66667%;
	}

	.sm-col-9 {
		width: 75%;
	}

	.sm-col-10 {
		width: 83.33333%;
	}

	.sm-col-11 {
		width: 91.66667%;
	}

	.sm-col-12 {
		width: 100%;
	}
}

@media (min-width: 52em) {
	.md-col {
		float: left;
		box-sizing: border-box;
	}

	.md-col-right {
		float: right;
		box-sizing: border-box;
	}

	.md-col-1 {
		width: 8.33333%;
	}

	.md-col-2 {
		width: 16.66667%;
	}

	.md-col-3 {
		width: 25%;
	}

	.md-col-4 {
		width: 33.33333%;
	}

	.md-col-5 {
		width: 41.66667%;
	}

	.md-col-6 {
		width: 50%;
	}

	.md-col-7 {
		width: 58.33333%;
	}

	.md-col-8 {
		width: 66.66667%;
	}

	.md-col-9 {
		width: 75%;
	}

	.md-col-10 {
		width: 83.33333%;
	}

	.md-col-11 {
		width: 91.66667%;
	}

	.md-col-12 {
		width: 100%;
	}
}

@media (min-width: 64em) {
	.lg-col {
		float: left;
		box-sizing: border-box;
	}

	.lg-col-right {
		float: right;
		box-sizing: border-box;
	}

	.lg-col-1 {
		width: 8.33333%;
	}

	.lg-col-2 {
		width: 16.66667%;
	}

	.lg-col-3 {
		width: 25%;
	}

	.lg-col-4 {
		width: 33.33333%;
	}

	.lg-col-5 {
		width: 41.66667%;
	}

	.lg-col-6 {
		width: 50%;
	}

	.lg-col-7 {
		width: 58.33333%;
	}

	.lg-col-8 {
		width: 66.66667%;
	}

	.lg-col-9 {
		width: 75%;
	}

	.lg-col-10 {
		width: 83.33333%;
	}

	.lg-col-11 {
		width: 91.66667%;
	}

	.lg-col-12 {
		width: 100%;
	}
}

/*--------------------------------------------------
Basscss Positions
---------------------------------------------------*/
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.top-0 {
	top: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

.left-0 {
	left: 0;
}

.z1 {
	z-index: 1;
}

.z2 {
	z-index: 2;
}

.z3 {
	z-index: 3;
}

.z4 {
	z-index: 4;
}

.absolute-center {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: table;
}

/*--------------------------------------------------
Basscss UI Utility Button Sizes
---------------------------------------------------*/
.button-small {
	padding: 0.25em 0.5rem;
}

.button-big {
	line-height: 1.625;
}

.button-narrow {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

/*--------------------------------------------------
Basscss Utility Layout
---------------------------------------------------*/
.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-scroll {
	overflow: scroll;
}

.overflow-auto {
	overflow: auto;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fit {
	max-width: 100%;
}

.half-width {
	width: 50%;
}

.full-width {
	width: 100%;
}

/*--------------------------------------------------
Basscss Utility Responsive States
---------------------------------------------------*/
.sm-show,
.md-show,
.lg-show {
	display: none !important;
}

@media (min-width: 40em) {
	.sm-show {
		display: block !important;
	}
}

@media (min-width: 52em) {
	.md-show {
		display: block !important;
	}
}

@media (min-width: 64em) {
	.lg-show {
		display: block !important;
	}
}

@media (min-width: 40em) {
	.sm-hide {
		display: none !important;
	}
}

@media (min-width: 52em) {
	.md-hide {
		display: none !important;
	}
}

@media (min-width: 64em) {
	.lg-hide {
		display: none !important;
	}
}

.display-none {
	display: none !important;
}

.hide {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/*--------------------------------------------------
Basscss Utility Typography
---------------------------------------------------*/
.bold {
	/*font-weight: bold;*/
	font-weight: normal;
}

.regular {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.caps {
	text-transform: uppercase;
	letter-spacing: .07rem;
}

.left-align {
	text-align: left;
}

.center {
	text-align: center;
}

.right-align {
	text-align: right;
}

.justify {
	text-align: justify;
}

.nowrap {
	white-space: nowrap;
}

/*--------------------------------------------------
Basscss Utility White Space
---------------------------------------------------*/
.m0 {
	margin: 0;
}

.mt0 {
	margin-top: 0;
}

.mr0 {
	margin-right: 0;
}

.mb0 {
	margin-bottom: 0;
}

.ml0 {
	margin-left: 0;
}

.m1 {
	margin: 0.5rem;
}

.mt1 {
	margin-top: 0.5rem;
}

.mr1 {
	margin-right: 0.5rem;
}

.mb1 {
	margin-bottom: 0.5rem;
}

.ml1 {
	margin-left: 0.5rem;
}

.m2 {
	margin: 1rem;
}

.mt2 {
	margin-top: 1rem;
}

.mr2 {
	margin-right: 1rem;
}

.mb2 {
	margin-bottom: 1rem;
}

.ml2 {
	margin-left: 1rem;
}

.m3 {
	margin: 2rem;
}

.mt3 {
	margin-top: 2rem;
}

.mr3 {
	margin-right: 2rem;
}

.mb3 {
	margin-bottom: 2rem;
}

.ml3 {
	margin-left: 2rem;
}

.m4 {
	margin: 4rem;
}

.mt4 {
	margin-top: 4rem;
}

.mr4 {
	margin-right: 4rem;
}

.mb4 {
	margin-bottom: 4rem;
}

.ml4 {
	margin-left: 4rem;
}

.mxn1 {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.mxn2 {
	margin-left: -1rem;
	margin-right: -1rem;
}

.mxn3 {
	margin-left: -2rem;
	margin-right: -2rem;
}

.mxn4 {
	margin-left: -4rem;
	margin-right: -4rem;
}

.mtn10 {
	margin-top: -10rem;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}



.p1 {
	padding: 0.5rem;
}

.py1 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.px1 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.p2 {
	padding: 1rem;
}

.py2 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.px2 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.p3 {
	padding: 2rem;
}

.py3 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.px3 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.p4 {
	padding: 4rem;
}

.py4 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.px4 {
	padding-left: 4rem;
	padding-right: 4rem;
}

.language + .language {
  margin-left: .2rem;
}

.language + .language:before {
  content: '|';
}

.language .active {
  border-bottom:1px solid #efcc00;
}
.responsive-language .active {
  color: #efcc00;
}

.example {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fafafa;
  position: relative;
}

.exemple-title {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eee;
  padding: 0 1rem;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.example + pre {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /*border: 1px solid #ccc;*/
  /*border-top: 0;*/
}
pre {
  margin-bottom: 2rem;
}

.submenu > div {
  border-bottom: 0;
}

h3 em {
  color: gray;
  font-size: 66%;
}

/* Cookie Consent */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{flex:1}.cc-window.cc-banner{align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{flex:1}.cc-compliance{display:flex;align-items:center;align-content:space-between}.cc-compliance>.cc-btn{flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{flex-direction:column}.cc-window.cc-banner .cc-compliance{flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*# sourceMappingURL=all.min.css.map */