

.c-columns {
	width: 100%;
}

.c-columns>.col,
.c-columns>.space {
	float: left;
	min-height: 1px;
}


/* gridelements page sections and column layouts */

.c-section {
	padding-top: 2em;
	padding-bottom: 2em;
	width: 100%;
	position: relative;
}

.c-section.bg0 {
	background-position: center center !important;
}

.c-section.bg1 {
	background-position: left top !important;
}

.c-section.bg2 {
	background-position: left center !important;
}

.c-section.bg3 {
	background-position: left bottom !important;
}

.c-section.bg4 {
	background-position: center top !important;
}

.c-section.bg5 {
	background-position: center bottom !important;
}

.c-section.bg6 {
	background-position: right top !important;
}

.c-section.bg7 {
	background-position: right center !important;
}

.c-section.bg8 {
	background-position: right bottom !important;
}

.c-section.fixed {
	background-attachment: fixed !important;
}

.c-section.has-bg-video {
	background-color: transparent !important;
	overflow: hidden;
}

.c-section .videobuttons {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	text-transform: uppercase;
	padding: 0.6em;
	font-size: 0.7em;
	line-height: 1em;
	position: absolute;
	bottom: 3.5em;
	right: 3.5em;
	width: auto;
	z-index: 3;
}

.c-section .videobuttons:hover {
	cursor: pointer;
}

.c-section .sound.hasclearframebutton {
	right: 7.5em;
}

.c-section .videobuttons svg {
	height: 1.5em;
	width: auto;
}

.c-section .sound .on,
.c-section .clearframe .on {
	display: none;
}

.c-section .sound .off,
.c-section .clearframe .off {
	display: block;
}

.c-section .sound.active .on,
.c-section .clearframe.active .on {
	display: block
}

.c-section .sound.active .off,
.c-section .clearframe.active .off {
	display: none
}

.c-section .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}

.c-section .bg-video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.c-section.bg1 .bg-video {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.c-section.bg2 .bg-video {
	left: auto;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.c-section.bg3 .bg-video {
	left: 0;
	top: 0;
	transform: none;
}

.c-section.bg4 .bg-video {
	top: 0;
	transform: translateX(-50%);
}

.c-section.bg5 .bg-video {
	top: 0;
	left: auto;
	right: 0;
	transform: none;
}

.c-section.bg6 .bg-video {
	left: 0;
	bottom: 0;
	top: auto;
	transform: none;
}

.c-section.bg7 .bg-video {
	bottom: 0;
	top: auto;
	transform: translateX(-50%);
}

.c-section.bg8 .bg-video {
	left: auto;
	right: 0;
	bottom: 0;
	top: auto;
	transform: none;
}

.c-section.isInViewport.has-bg-video.fixed .bg-video {
	position: fixed;
	z-index: -1;
}

.c-section.valign-center.fullheight .content {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-section.valign-bottom.fullheight .content {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	margin-bottom: 7em;
}

.c-section .content {
	overflow: hidden;
}

.c-section.nopadding {
	padding: 0;
}

.c-section.fullwidth .content {
	max-width: 100%;
	padding: 0 6.5em;
	margin: 0;
	width: 100% !important;
}

.c-section.fullheight {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

.c-section.align-center {
	text-align: center;
}

.c-section.align-right {
	text-align: right;
}

.c-section.align-center p,
.c-section.align-center ol,
.c-section.align-center ul,
.c-section.align-center {
	margin: auto;
}

.c-section.align-right p,
.c-section.align-right ol,
.c-section.align-right ul,
.c-section.align-right {
	margin-left: auto;
}


/* dark and light BG colors are set in template constants */

.c-section.bg-dark {
	-webkit-font-smoothing: antialiased;
}
 .c-section.light-grey{
	background-color:#077068 !important;
	color: white;
} 
.c-section.bg-black {
	background-color: #000;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.c-section p,
.c-section ol,
.c-section ul {
	max-width: 41em;
	padding-bottom: 10px;
	
}
#c20 ul{
	margin: auto;
    margin-left: 7%;
}
#c20.frame-text-left{

}
.frame-text-left p{
	text-align: left;
	max-width: 90%;
	margin: auto;
	padding-left: 24px;
	text-align: justify;
}
.frame-text-left ul{
	text-align: left;

	padding-left: 24px;
	text-align: left;
}
.frame-text-left h2{
	max-width: 90%;
	margin: auto;
	padding-left: 24px;
	text-align: left;
	margin-bottom: 5px;
}

/* custom section classes */

.c-section.home h1 {
	font-size: 5vw;
}


/*
      Link, button etc colors and dynamic container widths are set in:
      Configuration/TypoScript/Setup/styles.typoscript and can be edited through TS constant editor
  */

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input,
textarea,
figure,
button {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul {
	list-style: none;
}

fieldset,
img {
	border: none;
}

caption,
th {
	text-align: left;
}

table {
	border-spacing: 0;
}

iframe {
	border: none;
}

html,
body {
	height: 100%;
	width: 100%;
}

html {
	font-size: 20px;
}

body {
	font-size: 100%;
	line-height: 1.5em;
	font-weight: 400;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p,
ul,
ol,
table,
form {
	margin-bottom: 1em;
}

h1,
h2,
h3,
h4 {
	padding-bottom: .21em;
	font-weight: 500;
}

h1 {
	font-size: 3em;
	line-height: 1.2em;
	margin-bottom: .2em;
}

h2 {
	font-size: 1.5em;
	line-height: 1.26em;
	margin-bottom: .2em;
	margin-top: 1em;
	font-weight: bold;
}



h4 {
	font-size: 1em;
}

h2,
h3,
h4 {
	padding-top: .3em;
}
h3 {
	font-size: 20px;
	padding-top: 0;
}
b,
strong {
	font-weight: 700;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul,
ol {
	margin-left: 1em;
}

ul {
	list-style: disc;
}

hr {
	border: none;
	background-color: #ddd;
	color: #ddd;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1em;
	padding: 0;
	height: 1px;
}

table {
	width: 100%;
	font-size: .9em;
}

th {
	font-weight: bold;
}

th,
td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: .2em;
	padding-left: .6em;
	padding-right: .6em;
}

th:last-child,
td:last-child {
	border-right: none;
	padding-right: 0;
}

tbody tr:last-child th,
tbody tr:last-child td {
	border-bottom: none;
	padding-bottom: 0;
}

.clear {
	clear: both;
}

.btn,
.btn:visited {
	font-size: .86em;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	padding: .6em 1.7em;
	margin-top: 1em;
	margin-bottom: 1em;
	transition: all .4s ease;
	border: 2px solid;
	margin-right: .4em;
}

.btn:hover,
.btn:visited:hover,
button.btn:disabled,
.powermail_submit:hover {
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
	color: #00a1a6;
}

.align-center .btn {
	margin-left: .2em;
	margin-right: .2em;
}

.align-right .btn {
	margin-left: .4em;
	margin-right: 0;
}

.youtubevideo {
	width: 100%;
	float: left;
}

.pageWidth {
	margin: auto;
	clear: both;
}

.contentWidth {
	margin: auto;
	clear: both;
	padding: 0 3em;
	position: relative;
	z-index: 1;
}

#header,
#content,
#footer {
	margin: auto;
}

#header {
	position: fixed;
	z-index: 12;
	width: 100%;
	padding: 1.333em 0;
	top: 0;
	transition: all .3s;
	
}

.scrolled #logo img {
	height:75px;
}

#logo img {
	float: left;
	margin-bottom: 0;
	width: auto;
	transition: height .4s;
	height: 80px;
	margin-top: 0;
}

#header.scrolled #logo svg {
	height: 1.2em;
}

#header.scrolled {
	padding: .2em;
	padding-top: .36em;
}

#header.scrolled,
#header.force-bg {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}


/* ext:fluid_styled_content */

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

/* .frame {
	clear: both;
	float: left;
	width: 100%;
} */

.frame-space-before-extra-small {
	margin-top: 1em;
}

.frame-space-after-extra-small {
	margin-bottom: 1em;
}

.frame-space-before-small {
	margin-top: 2em;
}

.frame-space-after-small {
	margin-bottom: 2em;
}

.frame-space-before-medium {
	margin-top: 3em;
}

.frame-space-after-medium {
	margin-bottom: 3em;
}

.frame-space-before-large {
	margin-top: 4em;
}

.frame-space-after-large {
	margin-bottom: 4em;
}

.frame-space-before-extra-large {
	margin-top: 5em;
}

.frame-space-after-extra-large {
	margin-top: 5em;
}

.ce-bodytext a {
	font-weight: bold;
}

.ce-bodytext .blueText {
	color: #000e9b;
	font-weight: 100;
}

.ce-gallery {
	display: table;
}

.ce-gallery .ce-row {
	display: table-row;
}

.ce-gallery .ce-column {
	display: table-cell;
	vertical-align: top;
	padding: .3em;
}

.ce-gallery .image {
	line-height: 0;
}

.ce-gallery img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.ce-textpic.ce-above .ce-gallery {
	margin-bottom: 1.3em;
}

.ce-textpic.ce-below .ce-gallery {
	margin-top: 1.3em;
}

.ce-textpic.ce-above .ce-gallery,
.ce-textpic.ce-below .ce-gallery {
	width: 101.5%;
	margin-left: -.3em;
}

.ce-textpic.ce-right.ce-intext .ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-gallery {
	margin-bottom: 1em;
	max-width: 55%;
}

.ce-textpic.ce-right.ce-intext .ce-gallery {
	float: right;
	padding-left: 1em;
	margin-right: -.3em;
}

.ce-textpic.ce-left.ce-intext .ce-gallery {
	float: left;
	padding-right: 1em;
	margin-left: -.3em;
}

ul.ce-uploads {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.ce-uploads li {
	margin: 0;
	padding: 0;
}

ul.ce-uploads li a {
	padding-left: 1.8em;
	padding-right: 1em;
	display: inline-block;
	position: relative;
}

ul.ce-uploads li a:before {
	content: '▼';
	font-size: .7em;
	margin-top: .64em;
	position: absolute;
	text-align: center;
	left: .2em;
	line-height: 1em;
}

ul.ce-uploads li .ce-uploads-filesize {
	color: #666;
	font-size: .9em;
}


/* ext:youtubevideo */

#content .youtubevideo {
	max-width: 110vh;
	margin: auto;
	float: none;
}

.subpage {
	padding: 5em 1.6em;
	margin: auto;
	overflow-x: auto;
}

.subpage h1 {
	padding-bottom: .36em;
}

.subpage .author img {
	border-radius: 50%;
}

.closelink {
	border-radius: 50%;
	width: 2.6em;
	height: 2.6em;
	display: block;
	position: fixed;
	margin: 1em;
	top: 0;
	right: 0;
	z-index: 9;
	transition: all .4s ease-in-out;
}

.closelink i {
	display: block;
	height: 3px;
	position: absolute;
	top: 50%;
	width: 100%;
	background: #000;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.closelink i.l {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.closelink:hover {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

h1,
h2,
h3,
h4,
.ce-bodytext .headerFont,
.form-group>label,
.control-label,
#menu nav,
.c-accordion-title {
	font-family: fira-sans-extra-condensed-v5-latin-500, sans-serif
}

#header.scrolled,
#header.force-bg {
	background-color: rgba(255, 255, 255, 0.9)
}


/* page containers */

.pageWidth {
	max-width: 100%
}

.contentWidth {
	max-width: 1240px
}

.subpageContentWidth {
	max-width: 860px
}


/* links and buttons */

#menu a {
	color: #111111
}

#menu>nav>ul>li,
#languagemenu>nav>ul {
	border-color: #111111
}

.hmbrgr i {
	background: #111111
}

a,
a:visited,
#menu a:hover,
#menu .active a {
	color: #00a1a6
}

.btn:visited,
.btn,
.closelink:hover i,
a.hmbrgr:hover i {
	background-color: #00a1a6
}

.btn:visited,
.btn,
.btn:disabled,
.powermail_submit,
.powermail_submit:visited,
.powermail_submit:disabled {
	border-color: #00a1a6;
	color: white;
}

.btn:hover,
.btn:disabled {
	color: #00a1a6
}


/* content sections */

.c-section {
	background-color: #ffffff !important
}

.c-section.bg-light {
	background-color: #f2f2f2 !important
}

.c-section.bg-dark {
	background-color: #00a1a6 !important;
	color: #ffffff

}
.c-section.bg-dark a{
	color: white;
}
.c-section.text-light {
	color: #ffffff
}

.c-section.text-dark {
	color: #000000
}

.c-section .videobuttons svg .a,
.c-section .videobuttons svg .st0,
.c-section .videobuttons svg rect {
	fill: #111111
}

.c-section.text-light .videobuttons .a,
.c-section.text-light .videobuttons polygon.st0,
.c-section.text-light .videobuttons rect {
	fill: #ffffff
}

.c-section.text-dark .videobuttons .a,
.c-section.text-dark .videobuttons polygon.st0,
.c-section.text-dark .videobuttons rect {
	fill: #000000
}


/* accordion */

.c-accordion-title,
.c-accordion-title:visited {
	color: #111111
}

.c-accordion-title:hover {
	color: #db0500
}

.c-accordion-title::after,
.c-accordion-title::before {
	background-color: #111111
}

.c-accordion-title:hover::after,
.c-accordion-title:hover::before {
	background-color: #db0500
}


/* sub pages */

.subpage {
	color: #111111
}

.subpage-body {
	background-color: #ffffff
}

.closelink i {
	background: #111111
}


/* language menu */

#languagemenu li a {
	color: #111111
}


/* forms */

input,
select,
textarea {
	font-family: sans-serif;
	color: #111111;
	border-color: #111111;
	
}

.c-section.text-dark input,
.c-section.text-dark select,
.c-section.text-dark textarea {
	color: #000000;
	border-color: #000000;
	-webkit-text-fill-color: #000000;
}

.c-section.text-light input,
.c-section.text-light select,
.c-section.text-light textarea {
	color: #ffffff;
	border-color: #ffffff;
	-webkit-text-fill-color: #ffffff;
}

i.validation-icon svg path {
	fill: #111111
}

.c-section.text-dark i.validation-icon svg path {
	fill: #000000
}

.c-section.text-light i.validation-icon svg path {
	fill: #ffffff
}


/* ext:youtubevideo */

.youtubeVideo:hover .customplaybutton polygon {
	fill: #db0500
}


/* ext:pagelist styles */

.pagelist .info,
.pagelist .abstract {
	color: #111111
}


/* pagination */

ul.pagination>li>a {
	boreder-color: #db0500
}


/* ext:personnel */
.person .name{
	
	text-align: left;
}
.person .name p{
	
}
.person.card p{
	padding-bottom: 0;
}
.person .contact{

	text-align: left;
}
.c-section .personnel svg path,
.subpage .personnel svg path {
	fill: #111111
}

.c-section.bg-dark .personnel svg path {
	fill: #ffffff
}

.c-section.text-light .personnel svg path {
	fill: #ffffff
}

.c-section.text-dark .personnel svg path {
	fill: #000000
}

@media (prefers-color-scheme: dark) {
	body {
		color: #FFFFFF;
		background-color: #171717
	}
	#header.scrolled,
	#header.force-bg {
		background-color: rgba(23, 23, 23, 0.9)
	}
	/* links and buttons */
	#menu a {
		color: #FFFFFF
	}
	#menu>nav>ul>li,
	#languagemenu>nav>ul {
		border-color: #FFFFFF
	}
	.hmbrgr i {
		background: #FFFFFF
	}
	a,
	a:visited,
	#menu a:hover,
	#menu .active a {
		color: #C100CF
	}
	.btn:visited,
	.btn,
	.closelink:hover i,
	a.hmbrgr:hover i {
		background-color: #C100CF
	}
	.btn:visited,
	.btn,
	.btn:disabled {
		border-color: #C100CF
	}
	.btn:hover,
	.btn:disabled {
		color: #C100CF
	}
	/* content sections */
	.c-section {
		background-color: #171717 !important
	}
	.c-section.bg-light {
		background-color: #242424 !important
	}
	.c-section.bg-dark {
		background-color: #1A1A1A !important;
		color: #ffffff
	}
	.c-section.text-light {
		color: #ffffff
	}
	.c-section.text-dark {
		color: #000000
	}
	.c-section.text-dark input,
	.c-section.text-dark select,
	.c-section.text-dark textarea {
		border-color: #000000
	}
	.c-section .videobuttons svg .a,
	.c-section .videobuttons svg .st0,
	.c-section .videobuttons svg rect {
		fill: #FFFFFF
	}
	.c-section.text-light .videobuttons .a,
	.c-section.text-light .videobuttons polygon.st0,
	.c-section.text-light .videobuttons rect {
		fill: #ffffff
	}
	.c-section.text-dark .videobuttons .a,
	.c-section.text-dark .videobuttons polygon.st0,
	.c-section.text-dark .videobuttons rect {
		fill: #000000
	}
	/* accordion */
	.c-accordion-title,
	.c-accordion-title:visited {
		color: #FFFFFF
	}
	.c-accordion-title:hover {
		color: #C100CF
	}
	.c-accordion-title::after,
	.c-accordion-title::before {
		background-color: #FFFFFF
	}
	.c-accordion-title:hover::after,
	.c-accordion-title:hover::before {
		background-color: #C100CF
	}
	/* sub pages */
	.subpage {
		color: #FFFFFF
	}
	.subpage-body {
		background-color: #171717
	}
	.closelink i {
		background: #FFFFFF
	}
	/* language menu */
	#languagemenu li a {
		color: #FFFFFF
	}
	/* forms */
	input,
	select,
	textarea {
		color: #FFFFFF;
		border-color: #FFFFFF;
		-webkit-text-fill-color: #FFFFFF;
	}
	.c-section.text-dark input,
	.c-section.text-dark select,
	.c-section.text-dark textarea {
		color: #000000;
		border-color: #000000;
		-webkit-text-fill-color: #000000;
	}
	.c-section.text-light input,
	.c-section.text-light select,
	.c-section.text-light textarea {
		color: #ffffff;
		border-color: #ffffff;
		-webkit-text-fill-color: #ffffff;
	}
	i.validation-icon svg path {
		fill: #FFFFFF
	}
	.c-section.text-dark i.validation-icon svg path {
		fill: #000000
	}
	.c-section.text-light i.validation-icon svg path {
		fill: #ffffff
	}
	/* ext:youtubevideo */
	.youtubeVideo:hover .customplaybutton polygon {
		fill: #C100CF
	}
	/* ext:pagelist styles */
	.pagelist .info,
	.pagelist .abstract {
		color: #FFFFFF
	}
	/* pagination */
	ul.pagination>li>a {
		boreder-color: #C100CF
	}
	ul.pagination>li.current {
		color: #FFFFFF
	}
	/* ext:personnel */
	.c-section .personnel svg path,
	.subpage .personnel svg path {
		fill: #FFFFFF
	}
	.c-section.bg-dark .personnel svg path {
		fill: #ffffff
	}
	.c-section.text-light .personnel svg path {
		fill: #ffffff
	}
	.c-section.text-dark .personnel svg path {
		fill: #000000
	}
}

#logo svg path {
	fill: #111111;
	transition: all .3s;
}

#logo:hover svg path {
	fill: #db0500;
}

.c-section.bg-black {
	background-color: #000 !important
}

@media (prefers-color-scheme: dark) {
	#logo svg path {
		fill: #FFFFFF;
		transition: all .3s;
	}
	#logo:hover svg path {
		fill: #C100CF;
	}
}

.personnel {
	max-width: 90%;
	margin: auto;
	padding-left: 24px;
	text-align: left;
}

.personnel * {
	box-sizing: border-box;
}

.personnel .icon {
	max-height: 0.8em;
	max-width: 0.94em;
	width: 20px;
	height: auto;
	margin-right: 0.2em;
}

.personnel img.dummy {
	background: #eee;
}

.personnel .icon path {
	fill: #222
}

.personnel .contact a {
	display: block;
}

.personnel>.card {
	width: 22%;
	float: left;
}

.personnel>.card img.person {
	width: 100%;
	height: auto;
	margin-bottom: 1em
}



/* .personnel>.card .name {
	margin: 0 0 0.2em;
	padding: 0;
} */

.personnel>.card-space {
	width: 4%;
	float: left;
	height: 2em;
}
.personnel.cards .card{
   margin-bottom: 10px;
   margin-top: 20px;
}
.personnel>.card-space:nth-child(8n) {
	width: 100%
}

.personnel.cards.break-three>.card {
	width: 45%
}

.personnel.cards.break-three>.card-space {
	width: 5%
}
.personnel.cards .card-space {
	margin-top: 20px;
}


.personnel.cards.break-two>.card {
	width: 47.5%
}

.personnel.cards.break-two>.card-space {
	width: 5%
}

.personnel.cards.break-two>.card-space:nth-child(4n) {
	width: 100%
}

.personnel.cards.break-one>.card {
	width: 100%
}

.personnel.cards.break-one>.card-space {
	width: 100%
}

.personnel>.listitem {
	float: left;
	width: 100%;
}

.personnel .listitem {
	margin-bottom: 3em;
}

.personnel .listitem.last {
	margin-bottom: 0;
}

.personnel .listitem img {
	width: 20%;
	height: auto;
	float: left;
}

.personnel .listitem .text {
	margin-left: 24%;
}

.personnel.noimages .listitem .text {
	margin-left: 0;
}

.personnel .listitem .name {
	margin: -0.2em 0 0.2em;
}

.personnel.table .image {
	width: 50px
}

.pagelist * {
	box-sizing: border-box;
}

.pagelist {
	width: 100%;
	overflow: auto;
}

.pagelist figure {
	overflow: hidden;
	display: block;
	line-height: 0;
	margin-bottom: 0.6em;
}

.pagelist img.image {
	width: 100%;
	height: auto;
	transition: all 1.3s ease-in-out;
	overflow: hidden;
}

.pagelist .img-dummy {
	background-color: #eee;
	width: 100%;
	height: auto;
}

.pagelist a:hover {
	text-decoration: none;
}

.pagelist a p {
	color: #333;
}

.pagelist .info {
	font-size: 0.85em;
	margin-bottom: 0.2em;
	opacity: 0.7;
}

.pagelist .author {
	display: inline-block;
	margin-right: 0.5em;
}

.pagelist .author:last-child {
	margin-right: 0;
}

.pagelist .date {
	display: inline-block;
	margin-right: 0.5em;
}

.pagelist .author img {
	float: left;
	width: 1.5em;
	height: auto;
	border-radius: .75em;
	margin-right: 0.5em;
}

.pagelist .abstract {
	margin-bottom: 0;
}

.pagelist .price {
	margin-bottom: 0;
	font-weight: bold;
	margin-top: 0.5em;
}

.pagelist .product {
	width: 100%;
}

.pagelist .product figure {
	float: left;
	width: 25%;
	margin-right: 5%;
}

.pagelist .product img {
	width: 100%;
	height: auto;
	margin-top: 0.3em;
}

.pagelist .product .text {
	float: left;
	width: 70%;
}

.pagelist .product.noimage .text {
	width: 100%;
}

.pagelist.cards {
	margin-top: 1.5em;
}

.pagelist.cards a:hover img.image {
	transform: scale(1.1);
}

.pagelist .card {
	width: 30%;
	float: left;
	transition-property: width;
	transition-duration: 0.2s;
}

.pagelist .card a {
	float: left;
	width: 100%;
}

.pagelist .card a:hover {
	text-decoration: none;
}

.pagelist .card .title {
	padding: 0.2em 0;
	margin: 0;
	width: 100%;
}

.pagelist.cards .space {
	width: 5%;
	float: left;
	height: 2.5em;
	min-height: 1px;
}

.pagelist.cards .space:nth-child(3n) {
	width: 100%
}

.pagelist.list .item {
	margin-top: 0.5em;
	margin-bottom: 1em;
	clear: both;
	float: left;
	width: 100%;
}

.pagelist.list div:last-of-type {
	margin-bottom: 0 !important;
}

.pagelist.list .title {
	margin-top: 0em;
}

.pagelist.list .event .text {
	margin-left: 5em;
	padding-left: 1em;
}

.pagelist.list .event .dates {
	width: 5em;
	text-align: center;
	float: left;
	background: #eee;
	padding: 0.9em 0.5em 0.6em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-bottom: 0;
}

.pagelist.list .event .dates span {
	display: block;
}

.pagelist.list .event .dates .day {
	font-size: 1.8em;
	padding-bottom: 0.4em;
}

.pagelist.list .event .dates .month {
	font-size: 0.85em;
}

.pagelist.break-two .card {
	width: 47.5%
}

.pagelist.break-two.cards .space:nth-child(2n) {
	width: 5%
}

.pagelist.break-two.cards .space:nth-child(4n) {
	width: 100%
}

.pagelist.break-one .card {
	width: 100%
}

.pagelist.break-one.cards .space {
	display: block;
	width: 100%;
}

.pagelist.cards .space:last-child {
	display: none;
}

.gallerycontent * {
	box-sizing: border-box;
}

.gallerycontent {
	width: 100%;
	height: auto;
	overflow: auto;
}

.gallerycontent>.item img {
	width: 100%;
	height: auto;
	display: block;
}

.gallerycontent>.item,
.gallerycontent>.space {
	float: left;
}

.gallerycontent>.item a:hover {
	text-decoration: none;
}

.gallerycontent>.item figcaption {
	display: inline-block;
	padding-top: 0.5em;
	font-size: .75em;
	line-height: 1.4em;
}

.gallerycontent .item .title {}

.gallerycontent .item .desc {}

.gallerycontent.colcount-1 .space,
.gallerycontent.colcount-3 .space:nth-child(3n),
.gallerycontent.colcount-2 .space:nth-child(4n),
.gallerycontent.colcount-4 .space:nth-child(8n),
.gallerycontent.colcount-5 .space:nth-child(10n),
.gallerycontent.colcount-6 .space:nth-child(12n),
.gallerycontent.colcount-7 .space:nth-child(14n),
.gallerycontent.colcount-8 .space:nth-child(16n) {
	float: none;
	clear: both;
}

.youtubevideo {
	position: relative;
	font-size: 21px;
}

.youtubevideo>.videoWrapper {
	overflow: hidden;
	position: relative;
	height: 0;
}

.youtubevideo>.videoWrapper>.coverimage {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.youtubevideo>.videoWrapper>.coverimage.play {
	display: none
}

.youtubevideo>.videoWrapper>iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.youtubevideo-gdpr-overlay {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.93);
	color: #000;
	font-size: 1rem;
	line-height: 1.3em;
	text-align: center;
	font-weight: bold;
	padding: 2rem;
	width: 100%;
	height: 100%;
	display: none;
}

.youtubevideo-gdpr-text {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 1em;
	max-width: 500px;
}

.youtubevideo-gdpr-note {
	max-width: 80%;
	margin: auto;
	margin-bottom: 1em;
}

.youtubevideo-gdpr-button {
	text-transform: uppercase;
	border: 1px solid black;
	line-height: 1em;
	padding: 0.5em 1em;
	display: inline-block;
	font-size: 0.75em;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
	color: #000;
	transition: all .3s;
	background: #fff;
}

.youtubevideo-gdpr-button:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

.youtubevideo-gdpr-cancel {
	padding: 0.5em;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 2em;
	font-weight: normal;
	color: #000;
	display: block;
}

.youtubevideo-gdpr-cancel:hover {
	text-decoration: none;
}

.small .youtubevideo-gdpr-overlay {
	font-size: 0.8em;
}

.tiny .youtubevideo-gdpr-overlay {
	font-size: 0.65em;
}

.youtubevideo>.videoWrapper>.coverimage>.covertext {
	position: absolute;
	text-align: left;
	box-sizing: border-box;
	font-size: 0.8em;
	line-height: 1.5em;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 0.8rem 1.2rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	bottom: 1.5rem;
}

.youtubevideo.small>.videoWrapper>.coverimage>.covertext {
	margin-left: 0;
	margin-right: 0;
	bottom: 0;
	width: 100%;
	padding: 0.5rem 0.9rem;
}

.youtubevideo.tiny>.videoWrapper>.coverimage>.covertext {
	padding: 0.3rem 0.5rem;
}

.youtubevideo>.videoWrapper>.coverimage>.covertext h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

.youtubevideo>.videoWrapper>.coverimage>.covertext h2,
.youtubevideo>.videoWrapper>.coverimage>.covertext p {
	display: inline-block;
	color: #fff;
	margin-bottom: 0;
}

.youtubevideo.small>.videoWrapper>.coverimage>.covertext h2 {
	font-size: 1em;
}

.youtubevideo.tiny>.videoWrapper>.coverimage>.covertext h2 {
	font-size: 0.9em;
	font-weight: normal;
}

.youtubevideo.small>.videoWrapper>.coverimage>.covertext p {
	display: none;
}

.youtubevideo>.videoWrapper>.coverimage-click {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 10;
	top: 0;
	left: 0;
}

.youtubevideo>.videoWrapper>.coverimage-click:hover {
	cursor: pointer;
}

.youtubevideo>.videoWrapper>.coverimage-click.play {
	display: none;
}

.youtubevideo>.videoWrapper>.coverimage-click.play+.coverimage {
	display: none;
}

.youtubevideo .playbutton {
	position: absolute;
	width: 15%;
	height: auto;
	min-width: 40px;
	max-width: 80px;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
	transition: all 0.3s ease-in-out;
}

.youtubevideo:hover .playbutton .ytp-large-play-button-bg {
	fill: #f00;
	transition: all .3s;
}

.youtubevideogallery>.item,
.youtubevideogallery>.space {
	float: left;
}

.youtubevideogallery.colcount-0 .space,
.youtubevideogallery.colcount-3 .space:nth-child(3n),
.youtubevideogallery.colcount-2 .space:nth-child(4n),
.youtubevideogallery.colcount-4 .space:nth-child(8n),
.youtubevideogallery.colcount-5 .space:nth-child(10n),
.youtubevideogallery.colcount-6 .space:nth-child(12n),
.youtubevideogallery.colcount-7 .space:nth-child(14n),
.youtubevideogallery.colcount-8 .space:nth-child(16n) {
	float: none;
	clear: both;
}

@media (prefers-color-scheme:dark) {
	.youtubevideo-gdpr-overlay {
		background: rgba(0, 0, 0, 0.93);
		color: #fff;
	}
	.youtubevideo-gdpr-button {
		color: #fff;
		background: #000;
		border-color: #fff;
	}
	.youtubevideo-gdpr-button:hover {
		background: #fff;
		color: #000;
		text-decoration: none;
	}
	.youtubevideo-gdpr-cancel {
		color: #fff;
	}
}

.c-accordion-item {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.c-accordion-item:last-child {
	border-bottom: none;
}

.c-accordion-title {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: .72em 3em .72em 0;
	font-size: 1.26em;
	font-weight: 400;
	transition: all .3s;
	border-bottom: 1px solid transparent;
}

.c-accordion-title:hover {
	cursor: pointer;
}

.c-accordion-title::after,
.c-accordion-title::before {
	top: 1.26em;
	position: absolute;
	content: '';
	background: #fff;
	transition: all .3s;
}

.c-accordion-title::before {
	height: 0.9em;
	width: 2px;
	right: 0.45em;
	margin-right: -1px;
	margin-top: -0.45em;
}

.c-accordion-title::after {
	width: 0.9em;
	height: 2px;
	right: 0;
	margin-top: -1px;
}

.c-accordion-item.act .c-accordion-title::before {
	transition: all .3s ease;
	height: 0;
	margin-top: 0;
}

.c-accordion-content {
	transition: all .3s ease;
	overflow: hidden;
	max-height: 0;
}

.c-accordion-item.act .c-accordion-content {
	max-height: var(--max-height);
	margin-bottom: 1em;
}

.c-accordion-content div:first-child header {
	display: none;
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

@media all and (max-width:700px) {
	.mfp-bg {
		background: #000;
		opacity: 0.98;
		filter: alpha(opacity=98);
	}
	.mfp-arrow {
		display: none !important;
	}
}

.pagelist.list>.item a {
	display: inline-block;
	border-top: 1px solid #ddd;
	padding-right: 3em;
	padding-top: 1em;
}

.align-center .pagelist.list>.item a {
	padding-left: 3em;
}

.pagelist.list>.item .title {
	padding-bottom: 0;
	margin-bottom: 0;
}

.pagelist.list>.item .info {
	margin-top: 0.3em;
}

.pagelist.list>.item:first-child a {
	border-top: none;
	padding-top: 0;
}

.pagelist.list>.item .author img {
	display: none
}

.pagelist.list>.item .abstract {
	font-size: 0.9em;
}

.pagelist.list>.item .text {
	margin-left: 0;
	padding-left: 0;
}

.pagelist.list>.pagination {
	padding-top: 3em;
}

.personnel.cards.break-two>.card {
	max-width: 320px;
}

/* .align-center .personnel.cards.break-two>.card {
	margin: auto;
	float: none;
} */

.personnel.cards.break-two>.card-space {
	width: 100%
}

.personnel img.person {
	max-width: 15em;
	border-radius: 50%;
}

.personnel.cards .profession {
	margin-bottom: 0.5em;
}

.personnel a,
.personnel a:visited {
	font-weight: normal !important;
}

.personnel.list .text {
	margin-top: 0.5em;
}

#languagemenu {
	text-transform: uppercase;
	font-size: .9em;
	text-align: center;
	transition: all .2s;
	box-sizing: border-box;
	width: auto;
	align: center;
	margin: auto;
	width: 100%;
}

#languagemenu>nav>ul {
	width: auto;
	display: inline-block;
	list-style: none;
	margin: auto;
	padding: 0;
	border-top: 1px solid #111;
}

#languagemenu>nav>ul>li {
	display: inline-block;
	margin-right: 1.4em;
}

#languagemenu>nav>ul>li:last-child {
	margin-right: 0;
}

ul.pagination {
	line-height: .9em;
	font-size: .9em;
	clear: both;
	list-style: none;
	margin: 0;
	padding-top: 1em;
}

ul.pagination>li {
	margin: .4em .1em 0 0;
}

ul.pagination>li:last-child {
	margin-right: 0;
}

ul.pagination>li>a {
	text-decoration: none;
}

ul.pagination>li,
ul.pagination>li>a {
	display: inline-block;
}

ul.pagination>li>a,
ul.pagination>li.current {
	padding: .5em .7em;
	border: 1px solid;
}

ul.pagination>li.current,
ul.pagination>li>a:hover {
	background: transparent;
}

.control-label {
	margin-bottom: 0.3em;
}

.input {
	width: auto;
	position: relative;
	overflow: visible;
}

.helper {
	font-style: normal;
}

.help-block {
	font-size: 0.85em;
}

div.valid,
div.error {
	position: relative;
	clear: both;
	width: auto !important;
	overflow: visible;
}

i.validation-icon {
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 1px;
	right: 1em;
	opacity: 0;
	transition-timing-function: ease-in-out;
	transition: all 0.5s;
	background-color: rgba(255, 255, 255, 0);
	box-sizing: border-box;
	padding: 0.5em;
	z-index: 99;
}

.error i.validation-icon {
	opacity: 1;
	transition: all 0.5s;
	width: 2.2em;
	right: 0;
}

.valid i.validation-icon {
	opacity: 1;
	transition: width 1s, right 1s, opacity 0.5s;
	width: 1px;
	right: 1em;
}

i.validation-icon svg {
	display: block;
	transition: all 0.5s;
	padding: 0.2em;
}

form {
	margin: auto;
	margin-top: 2em;
	max-width: 48em;
}

form>.row {
	width: 45%;
	float: left;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

form>.actions {
	width: 100%;
	float: left;
	margin-top: 0.5em;
}

form>.actions .btn {
	padding-top: 0.86em;
	padding-bottom: 0.86em;
}

form .form-group {
	margin-bottom: 1.9em;
	width: auto;
	float: left;
	width: 100%;
}

form .form-group .form-group {
	margin-bottom: 0;
}

form .form-group label {
	font-weight: 500;
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.1em;
}

label {
	position: relative;
	width: auto;
}

input,
button,
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-sizing: border-box;
	-webkit-box-shadow: none;
}

input,
textarea,
select {
	border: 1px solid #666;
	padding: 0.7em;
	font-size: 1em;
	border-radius: 0;
	width: 100%;
	background: transparent;
	background-color: rgba(255, 255, 255, 0.2);
	display: block;
	position: relative;
	-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.0) inset;
	transition: background-color .4s ease-in-out 0s;
	box-sizing: border-box;
}

.error input,
.error textarea,
.error select {
	padding-right: 2.3em;
}

select {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=");
	background-position: right 0.5em top 50%;
	background-repeat: no-repeat;
	transition: background-position 1s;
}

select.xlarge {
	background-image: none;
}

.error select {
	background-position: right 1.5em top 50%;
}

input:checked+.helper::before {
	display: block;
	position: absolute;
	font-weight: bold;
	display: block;
	width: 0.5em;
	height: 0.5em;
	line-height: 1em;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
	margin-right: .5em;
	padding: 0.5em;
	margin-top: 0.2em;
}

input[type="radio"] {
	border-radius: 50%;
}

input[type="checkbox"]:checked+.helper::before {
	content: "✓";
	left: 0.1em;
	top: 0.3em;
}

input[type="radio"]:checked+.helper::before {
	content: '●';
	left: 0.24em;
	top: 0.22em;
}

.radio label span,
.checkbox label span {
	display: inline-block;
	font-size: 0.8em;
	padding-top: 0.08em;
}

input[type="date"]::-webkit-inner-spin-button {
	display: none;
	transform: scale(2);
	margin-left: -1em;
	margin-right: 0.5em;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 1;
	margin-left: -1em;
	margin-right: -0.2em;
	-webkit-appearance: none;
	color: transparent;
	appearance: none;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=");
}

textarea {
	height: 8.26em;
}

form span.error {
	display: block;
	position: relative;
	padding-left: 1.2em;
	width: 100%;
	float: left;
	text-align: left;
	color: red;
	font-size: .9em;
}

form span.error:before {
	content: '↑';
	font-size: 1em;
	position: absolute;
	top: 0;
	left: 0;
}

form#contactUs-91 .form-group,
form#contactUs-126 .form-group {
	margin-bottom: 1.12em !important;
}

@media screen and (max-width:680px) {
	form>.row {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.hmbrgr {
	position: relative;
	float: right;
	box-sizing: border-box;
	margin-right: -.95em;
	transition: all .4s;
}

.hmbrgr b {
	position: relative;
	display: block;
	margin: .94em;
	margin-top: .66em;
	width: 2em;
	height: 1.5em;
}

.hmbrgr i {
	display: block;
	position: absolute;
	background: #000;
	width: 100%;
	height: 2px;
}

.hmbrgr i.f {
	top: 0;
}

.hmbrgr i.m {
	top: 50%;
	margin-top: -1px;
}

.hmbrgr i.l {
	bottom: 0;
}

.hmbrgr.open i.m {
	opacity: 0;
}

.hmbrgr.open i.f,
.hmbrgr.open i.l {
	top: 50%;
	margin-top: -1px;
}

.hmbrgr.open i.f {
	transform: rotate(135deg);
}

.hmbrgr.open i.l {
	transform: rotate(-135deg);
}

.hmbrgr b,
.hmbrgr i {
	transition: all .3s ease-in-out;
}

#header.scrolled .hmbrgr b {
	margin: .94em;
	height: 1.12em;
	width: 1.7em;
}

#header.scrolled .hmbrgr {
	margin-top: 8px;
}

#menu {
	clear: both;
	height: 0px;
	width: 100%;
	transition: all .2s;
	box-sizing: border-box;
	overflow: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#menu::-webkit-scrollbar {
	display: none;
}

#menu.open {
	position: relative;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	overflow-y: auto;
	padding-bottom: 6em;
}

#menu>nav>ul {
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	padding: 4em 0 3em 0;
	margin: 0;
	width: 100%;
}

#menu>nav>ul>li {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #111;
}

#menu>nav>ul>li:last-child {
	border-bottom: none;
}

#menu>nav>ul>li>a {
	opacity: 0;
	display: block;
	box-sizing: border-box;
	line-height: 1em;
	padding: 1.5em 0;
	transition: all .2s;
}

#menu.open>nav>ul>li>a {
	opacity: 1;
}

#menu nav a:hover,
#menu nav .active a {
	text-decoration: none;
}

#header.scrolled #menu {
	padding-top: 0.5;
}

@media screen and (max-width:960px) {
	.hmbrgr {
		margin-right: -1em;
	}
}

.royalSlider {
	width: 100%;
	height: 500px;
}

.owl-carousel .owl-stage {
	display: flex;
}

.owl-carousel .owl-item img {
	height: 100%;
}

.owl-carousel .owl-item .item {
	height: 400px;
}

.text-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.powermail_fieldwrap {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.powermail_field {
	margin-bottom: 25px;
}

.powermail_form {
    margin: auto;
	padding-top: 20px;
}

.powermail_fieldset {
	width: 100%;
	position: relative;
}

.powermail_fieldwrap_submit {
	width: 200%;
}

.powermail_label {
	text-align: left;
	font-weight: 500;
	width: 100%;
	float: left;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
}

.powermail_submit {
	background-color: #00a1a6;
	cursor: pointer;
	width: 25%;
	margin-left: auto;
}

/*#c26 {
	background-image: url("../images/contactbg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
}*/

.owl-prev span {
	font-size: 25px;
}

.owl-next span {
	font-size: 35px;
}
.owl-prev span {
	font-size: 35px;
}
#footer .c-section {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bg-img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.owl-carousel .owl-item img {
	height: 0;
}

.section {
	min-height: 100vh;
	background-color: white;
	position: relative;
	z-index: 1;
}

.close-btn {
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	margin: 0;
	padding: 10px;
	width: 45px;
	font-size: 25px;
	position: absolute;
	right: 50px;
	top: 30px;
}

#c35 {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#c29 {
	font-size: 15px;
	
}

#c29 p {
	padding-bottom: 0;
	margin-bottom: 0;
}

.parsley-errors-list li {
	text-align: left;
	list-style: none;
	font-size: 14px;
	color: red;
}

.clearfix::after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.footer-wrap {
	position: relative;
	z-index: 1;
}

#section7 {
	background-color: black;
}

.news-list-date {
	font-size: 14px;
}

#c31 {
	text-align: right;
}

.article:not(:last-child){
	border-bottom: 1px solid #00a1a6;
}
.news h3{
	padding-bottom: 0;
	margin-bottom: 0;
}
#c32  {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*responsive css*/

@media screen and (min-width: 1600px) {
	.c-section.home h1 {
		font-size: 4em;
	}
}

@media screen and (min-width: 641px) {
	#c41  {
		position:absolute;
		bottom: 0;
	}
}

@media screen and (max-width: 1180px) {
	.c-section.home h1 {
		font-size: 3em;
	}
}

@media screen and (max-width: 1024px) {
	.c-section.fixed {
		background-attachment: scroll !important;
	}
}

@media screen and (max-width: 960px) {
	.c-section.valign-bottom.fullheight .content {
		margin-bottom: 4em;
	}
	.powermail_form {
		flex-direction: column !important;
	}
	.c-section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

@media screen and (max-width: 680px) {
	.c-section.home h1,
	h1 {
		font-size: 2.3em;
		line-height: 1.2em;
	}
	.powermail_submit {
		width: 50% !important;
	}
}

@media screen and (max-width: 520px) {
	.c-section .videobuttons {
		right: 2.5em;
		bottom: 2.5em;
	}
	.c-section .sound.hasclearframebutton {
		right: 6em;
	}
}

@media screen and (max-height: 590px) {
	.c-section.fullheight {
		min-height: 25em;
		height: 100vh;
	}
}

@media screen and (min-width: 960px) {
	.powermail_fieldwrap_type_submit {
		position: absolute;
		bottom: 0;
	}
	.powermail_form{
		display: flex;
		margin-left: -20px;
		margin-right: -20px;
		max-width: 100%;
	}
	
}

@media screen and (max-width: 640px) {
	.powermail_form{
		width: 100%;
		
	}
	.powermail_fieldwrap{
		padding: 0;
	}
	.c-columns>.col {
		
		width: 100% !important;
	}
	.c-columns>.space {
		display: none;
	}
	#c31 {
		text-align: left;
	}
}


/* responsive layout */

@media screen and (max-width: 1506px) {
	html {
		font-size: 19px;
	}
}

@media screen and (max-width: 960px) {
	.section{
		min-height: auto;
	}
	#section4{
		min-height: 100vh;
	}
	html {
		font-size: 16px;
	}
	h1 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 680px) {
	h2 {
		font-size: 1.5em;
	}
	input,
	select,
	textarea {
		max-width: 100%;
	}
	form>.row {
		width: 100%;
		margin-left: 0;
		marrgin-right: 0;
	}
}

@media screen and (max-width: 520px) {
	.contentWidth {
		padding: 0 1.667em;
	}
	.no-br-on-mobile br {
		display: none;
	}
}

.powermail_progressbar{
    display:block;width:100%;background:#CCC;height:10px;
    padding-top: 20px;
}
.powermail_progress{
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef; 
    float:unset;
}
.powermail_progress_inner{ 
    width:100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #00a1a6;
    transition: width .6s ease;

    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem; 
    animation: progress-bar-stripes 1s linear infinite;
} 
    .powermail_progess_inner:after{
        content:"Loading";
    }
    @keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}

#section4 .c-section {
    padding-top: 2em;
	padding-bottom: 2em;
}	
#section4{
	background-color: #00a1a6;
}
   
#c28.frame-text-left h2{
	max-width: 90%;
	margin: auto;
	padding-left: 24px;
	margin-bottom: 5px;
}
#c28.frame-text-left p {
	max-width: 90%;
	margin: auto;
	padding-left: 24px;
}  
#c15 h2{
	margin-bottom: 10px;
}

#section2,#section5{
	min-height: auto;
}