/* Fonts
============================================================================= */

/* TT Commons Pro */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Commons Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Commons Pro';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Medium.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Commons Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-commons-pro/TT_Commons_Pro_Bold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* TT Rationalist */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Rationalist';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/custom/tt-rationalist/TT_Rationalist_Normal.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-rationalist/TT_Rationalist_Normal.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Rationalist';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/custom/tt-rationalist/TT_Rationalist_Medium.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-rationalist/TT_Rationalist_Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Rationalist';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/custom/tt-rationalist/TT_Rationalist_Medium_Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-rationalist/TT_Rationalist_Medium_Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'TT Rationalist';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/custom/tt-rationalist/TT_Rationalist_DemiBold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('./fonts/custom/tt-rationalist/TT_Rationalist_DemiBold.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




/* Typography
============================================================================= */

html {
	font-size: 16px;
}

body {
	font-family: 'TT Commons Pro', sans-serif;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 400;
	color: #00454A;
	background: #FCF6ED;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'TT Rationalist', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
}

h1, .h1 {
	line-height: 1;
}

h1, .h1 {
	font-size: 32px;
}

h2, .h2 {
	font-size: 26px;
}

h3, .h3 {
	font-size: 20px;
}

h4, .h4 {
	font-size: 18px;
}

p {
	margin-bottom: 20px;
}

ul li {
	margin-bottom: 5px;
}

strong {
	font-weight: 700;
}

a {
	color: #F07855;
}

.mark, mark {
	padding: 0;
}

figure {
	margin-bottom: 0;
}


@media (min-width: 992px) {

	h1, .h1 {
		font-size: 48px;
	}

	h2, .h2 {
		font-size: 36px;
	}

	h3, .h3 {
		font-size: 24px;
	}

	h4, .h4 {
		font-size: 20px;
	}

}

img {
	width: auto;
	height: auto;
}

table {
	width: 100%;
}

table td,
table th {
	padding: 10px 10px 10px 0; 
	border-top: 1px solid rgba(0,0,0,.15);
}

table thead th {
	padding-top: 0; 
	border-top: none;
}

table tr td:last-child,
table tr th:last-child {
	padding-right: 0;
}

.wp-block-table table tr td.has-text-align-center:last-child,
.wp-block-table table tr th.has-text-align-center:last-child {
	text-align: center;
}

.wp-block-table table tr td.has-text-align-right:last-child,
.wp-block-table table tr th.has-text-align-right:last-child {
	text-align: right;
}

.wp-block-table table td,
.wp-block-table table th {
	border-width: 0;
}

.wp-block-table thead {
	border-width: 0;
}

.wp-block-table table td {
	border-top-width: 2px;
	vertical-align: top;
}

figure figcaption {
	font-size: 16px;
	margin-top: 1em;
	font-weight: 700;
}

/*
.wp-block-table table thead th {
	font-size: 16px;
}
*/

.wp-block-table td, 
.wp-block-table th {
	padding: 1em 1em 1em 0;
}

.wp-block-table th {
	padding-top: 0;
}

/* Layout
============================================================================= */

.wrapper {
	position: relative;
}

.wrapper::before,
.wrapper::after {
	content:"";
	display: table;
	clear: both;
}


.site-content::before {
	content:"";
	position: relative;
	display: block;
	height: 64px;
}

@media (min-width: 992px) {
	
	.site-content::before {
		height: 144px;
	}
	
}


/* Bootstrap
============================================================================= */

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.container {
	max-width: 1440px;
}

.container .container,
.container-fluid .container {
	padding-left: 0;
	padding-right: 0;
}


@media (min-width: 992px) {

	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		padding-right: 60px;
		padding-left: 60px;
	}

}

.container-1 { max-width: 80px; }
.container-2 { max-width: 190px; }
.container-3 { max-width: 300px; }
.container-4 { max-width: 410px; }
.container-5 { max-width: 520px; }
.container-6 { max-width: 630px; }
.container-7 { max-width: 740px; }
.container-8 { max-width: 850px; }
.container-9 { max-width: 960px; }
.container-10 { max-width: 1070px; }
.container-11 { max-width: 1180px; }
.container-12 { max-width: 1290px; }


.form-group {
	margin-bottom: 20px;
}

.btn {
	font-family: 'TT Rationalist', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	line-height: 20px;
	padding: 8px 18px;
	border-width: 2px;
	letter-spacing: normal;
	border-radius: 8px;
}

.btn.btn-lg {
	font-size: 18px;
	line-height: 22px;
	padding: 16px 26px;
	border-width: 2px;
}

.modal-backdrop {
	background-color: rgba(0,0,0,0.5);
}

.modal-backdrop.show {
	opacity: 1;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.btn-secondary:focus,
.btn-secondary:hover {
	background-color: #003237;
	border-color: #003237;
}

@media (min-width: 992px) {
	
	.btn.btn-lg {
		font-size: 20px;
		line-height: 24px;
	}
	
}


/* Components
============================================================================= */

/* Menus */

.comp-menu ul,
.comp-menu li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.comp-menu.comp-menu-horizontal .menu {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	align-items: center;
}

.comp-menu.comp-menu-horizontal li {
	padding-right: 15px;
	padding-left: 15px;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.comp-menu .menu a {
	display: block;
	padding: 13px 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transition: color .15s, opacity .15s;
	text-transform: none;
}

.comp-menu .menu a {
	color: #00454A;
}

.comp-menu .menu a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.comp-menu li.menu-item-has-children > a::after {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	content: "\f107";
	margin-left: 5px;
}

.comp-menu .sub-menu {
	display: none;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.comp-menu li.menu-item-has-children.active > .sub-menu {
	display: block;
}


.comp-menu.comp-menu-horizontal .sub-menu {
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	background: #fff;
	padding: 10px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	transform: translateX(-50%);
}

.comp-menu.comp-menu-horizontal li.menu-item-has-children:hover > .sub-menu {
	display: block;
}

.comp-menu .sub-menu li {
	display: block;
	padding: 0;
	flex: none;
	width: 100%;
}

.comp-menu .sub-menu li a {
	padding: 10px 20px;
	white-space: nowrap;
}

.comp-menu.comp-menu-icons .menu {
	margin-right: 0;
	margin-left: 0;
}

.comp-menu.comp-menu-icons .menu li {
	padding-right: 0;
	padding-left: 0;
}

.comp-menu-icons a {
	min-width: 40px;
	text-align: center;
}

.comp-menu-icons a i {
	font-size: 20px;
}

.comp-menu-icons .menu a {
	font-size: 20px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
}

.comp-menu.no-sub-menu li.menu-item-has-children > a::after {
	display: none;
}


/* Swiper */

.comp-swiper {
	position: relative;
}

.comp-swiper .swiper-slide {
	height: auto;
}

.comp-swiper-slideshow,
.comp-swiper-slideshow .swiper,
.comp-swiper-slideshow .swiper-wrapper,
.comp-swiper-slideshow .swiper-slide {
	height: 100%;
}


/* Buttons */

.comp-swiper-button {
	position: absolute;
	top: 50%;
	left: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 20px;
	z-index: 1;
	margin-top: -25px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	transition: background .15s;
	background: #FCF6ED;
	background: rgba(252,246,237,0.35);
	color: #00454A;
	display: none;
	border-radius: 25px;
}

.comp-swiper-button:hover {
	background: #ed5c32;
	color: #fff;
}

.comp-swiper-button.swiper-button-disabled {
	display: none;
}

.comp-swiper-button.comp-swiper-button-next {
	left: auto;
	right: 20px;
}

.comp-swiper-button i {
	line-height: 50px;
}

@media (min-width: 768px) { 
	
	.comp-swiper-button {
		display: block;
	}
	
}


/* Progress bar */

.comp-swiper-pagination.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
	height: 1px;
	width: 100%;
	line-height: 8px;
	padding: 0;
	max-width: 300px;
	margin: 20px auto 0;
	background: rgba(255,255,255,0.2);
}

.comp-swiper-pagination.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill {
	background: #fff;
}


/* Overflow */

.comp-swiper-overflow {
	overflow: hidden;
}

.comp-swiper-overflow .swiper.container {
	overflow: visible;
}

.comp-swiper-overflow .comp-swiper-button.comp-swiper-button-prev {
	margin-left: 0px;
}

.comp-swiper-overflow .comp-swiper-button.comp-swiper-button-next {
	margin-right: 0px;
}


/* Pagination */

.comp-swiper .swiper-horizontal>.swiper-pagination-bullets {
	bottom: auto;
	left: auto;
}

.comp-swiper .comp-swiper-pagination {
	position: relative;
	display: block;
	bottom: auto;
	top: auto;
	height: 20px;
	width: 100%;
	line-height: 8px;
	padding: 6px 0;
	text-align: center;
	margin-top: 30px;
}

.comp-swiper .comp-swiper-pagination.swiper-pagination-lock {
	visibility: hidden;
}

.comp-swiper .swiper-pagination-bullet {
	vertical-align: top;
	margin: 0 4px;
	background-color: #BED8D5;
	opacity: .5;
	border: none;
	width: 10px;
	height: 10px;
}

.comp-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #BED8D5;
}

.comp-swiper .swiper-pagination-bullet:focus {
	box-shadow: none;
	outline: 0;
}


/* Themes */

.comp-swiper.theme-light .comp-swiper-button {
	background: #fff;
	color: #40807E;
}

.comp-swiper.theme-light .swiper-pagination-bullet {
	background: #fff;
}


/* Video Background
============================================================================= */

.comp-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.comp-video-bg::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.element-sticky .comp-video-bg::after {
	background: rgba(0,0,0,0.2);
}

.comp-video-bg video {
	position: absolute;
	top: 50%;
	left: 33%;
	width: auto;
	height: 100%;
	z-index: 0;
	-ms-transform: translateX(-33%) translateY(-50%);
	-moz-transform: translateX(-33%) translateY(-50%);
	-webkit-transform: translateX(-33%) translateY(-50%);
	transform: translateX(-33%) translateY(-50%);
}

@media (min-width: 992px) {

	.comp-video-bg video {
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

}


/* Pagination
============================================================================= */

.navigation.pagination{
	display: block;
	width: 100%;
	border-radius: 0;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0.15);
	padding: 30px 0;
	margin-top: 30px;
}

.navigation.pagination ul.page-numbers {
	display: inline-block;
	font-size: 0;
	margin: 0 auto;
	padding: 0;
	border-radius: 4px;
}

.navigation.pagination ul.page-numbers li {
	display: inline-block;
	margin: 0;
	font-size: 16px;
	text-align: center;
}

.navigation.pagination ul.page-numbers li a,
.navigation.pagination ul.page-numbers li span {
	display: block;
	padding: 0 5px;
	font-size: 16px;
	line-height: 40px;
	min-width: 40px;
}


/* Buttons
============================================================================= */

.button:not(.btn), 
button[type="submit"],
input[type="submit"] {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
	color: #fff;
	background-color: #F07855;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 2px solid #F07855;
	letter-spacing: normal;
	text-transform: none;
	border-radius: 8px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.button:not(.btn):not(:disabled):not(.disabled),
button[type="submit"]:not(:disabled):not(.disabled),
input[type="submit"]:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.button:not(.btn):hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	text-decoration: none;
	color: #fff;
	background-color: #ed5c32;
	border-color: #ed5c32;
}

.button:not(.btn):not(:disabled):not(.disabled).active,
.button:not(.btn):not(:disabled):not(.disabled):active,
button[type="submit"]:not(:disabled):not(.disabled).active,
button[type="submit"]:not(:disabled):not(.disabled):active,
input[type="submit"]:not(:disabled):not(.disabled).active,
input[type="submit"]:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #ed5c32;
	border-color: #ed5c32;
}

.button:not(.btn).focus,
.button:not(.btn):focus,
button[type="submit"]:not(.btn).focus,
button[type="submit"]:not(.btn):focus,
input[type="submit"]:not(.btn).focus,
input[type="submit"]:not(.btn):focus {
	outline: 0;
	color: #fff;
	background-color: #ed5c32;
	border-color: #ed5c32;
	box-shadow: 0 0 0 4px rgba(128,128,128,.5);
}

.btn-icon {
	min-width: 40px;
}



/* More Link
============================================================================= */

.more-link {
	display: inline-block;
	color: #000;
	border-bottom: 2px solid #F07855;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
}

.more-link:hover,
.more-link:focus {
	color: #000;
	border-color: #000;
	text-decoration: none;
}


/* Widgets
============================================================================= */

.pwk-widget .widget-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}



/* Modals
============================================================================= */

.modal-content {
	background-color: #FCF6ED;
	border: 0;
	border-radius: 12px;
	outline: 0;
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0;
	border-bottom: none;
	border-radius: 0;
}

.modal-dialog-scrollable .modal-header {
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.modal-header button {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 20px;
	line-height: 40px;
}

.modal-title {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
	font-weight: 700;
	visibility: hidden;
}

.modal-body {
	padding: 20px;
}

.modal-footer {
	padding: 5px 15px;
	border-top: 0;
	border-radius: 0;
}

.modal-dialog-scrollable .modal-footer {
	border-top: 1px solid rgba(0,0,0,0.15);
}

.modal-footer>* {
	margin: 5px;
}


/* Show in modal */

.show-in-modal-content .show-in-modal-content-hide {
	display: none;
}


/* Modal menu */

.modal.modal-menu .modal-body {
	padding: 0;
}

.modal.modal-menu .navigation-menu {
	margin: 0;
	padding: 0 40px 40px;
	background: #00454A;
	color: #FCF6ED;
}

.modal.modal-menu .navigation-menu.navigation-menu-primary {
	background: #FCF6ED;
	color: #00454A;
}

.modal.modal-menu .navigation-menu.navigation-menu-secondary {
	padding-top: 40px;
}

.modal.modal-menu .navigation-menu.navigation-menu-language {
	border-radius: 0 0 12px 12px;
}

.modal.modal-menu .navigation-menu .comp-menu a {
	font-size: 20px;
	line-height: 24px;
	font-size: 18px;
	line-height: 24px;
	padding: 12px 0;
	border-radius: 0;
	color: #40807E;
	border: none;
}

.modal.modal-menu .navigation-menu-primary .comp-menu a {
	font-family: 'TT Rationalist', sans-serif;
	font-weight: 500;
	font-size: 20px;
}

.modal.modal-menu .navigation-menu-primary .comp-menu li.current-menu-item a {
	
}

.modal.modal-menu .navigation-menu.navigation-menu-language .comp-menu a {
	font-size: 16px;
}

.modal.modal-menu .navigation-menu.navigation-menu-secondary .comp-menu a,
.modal.modal-menu .navigation-menu.navigation-menu-language .comp-menu a {
	color: #FCF6ED;
}


/* Site
============================================================================= */

.site-content {
	min-height: 100vh;
}


/* Site Navigation
============================================================================= */

.site-navigation-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	transition: box-shadow .3s;
	z-index: 11;
}

.site-navigation-top .areas {
	height: 80px;
	transition: height .3s;
}

.body-scroll .site-navigation-top .areas {
	height: 50px;
}

.site-navigation-top .areas .branding-link-logo {
	display: flex;
}

.site-navigation-top .areas .branding-link-logo img {
	display: block;
	height: 30px;
}

.site-navigation-top .areas .branding-link-logo img.branding-logo-alt {
	border-left: 2px solid #F07855;
	padding-left: 10px;
	margin-left: 10px;
}


/* Main */

.site-navigation {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	transition: box-shadow .3s;
	z-index: 11;
}

.body-scroll .site-navigation {
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Secondary */

.site-navigation-secondary {
	background: #00454A;
	color: #fff;
}

.site-navigation-secondary .areas {
	height: 48px;
	transition: height .3s;
}

.site-navigation-secondary .comp-menu a {
	color: #FCF6ED;
	padding: 4px 0;
	margin: 9px 0;
}

.site-navigation-secondary .comp-menu li.current-menu-item > a {
	border-bottom-color: #FCF6ED;
}

.site-navigation-secondary .navigation-menu-action .btn {
	padding: 4px 14px;
}

/* Primary */

.site-navigation-primary {
	background: #FCF6ED;
}

.site-navigation-primary .areas {
	height: 64px;
	transition: height .3s;
}

.body-scroll .site-navigation-primary .areas {
	height: 64px;
}

.site-navigation .branding {
	position: relative;
	height: 50px;
	transition: transform .3s;
	margin-left: -10px;
}

.body-scroll .site-navigation .branding {
	transform: translateY(7px);
}

.site-navigation .branding-logo {
	position: relative;
	display: block;
	width: 132px;
	transition: width .3s;
}

.body-scroll .site-navigation .branding-logo {
	width: 60px;
	height: 50px;
}

.site-navigation .branding-logo img {
	position: relative;
	left: 0px;
	top: 0;
	height: 50px;
	border-radius: 30px;
	transition: opacity .3s, transform .3s;
	opacity: 1;
	transform: scale(1);
	transform-origin: 25% 50%;
}

.site-navigation .branding-logo img.logo-alt {
	position: absolute;
	top: 0;
	left: 0;
	background: #00454A;
	width: 50px;
	height: 50px;
}

.site-navigation .branding-logo img.logo-alt,
.body-scroll .site-navigation .branding-logo img.logo {
	opacity: 0;
	transform: scale(0.5);
}

.body-scroll .site-navigation .branding-logo img.logo-alt {
	opacity: 1;
	transform: scale(1);
}

.site-navigation .branding-claim {
	font-size: 18px;
	line-height: 1;
	letter-spacing: -0.03em;
	font-family: 'TT Rationalist', sans-serif;
	font-style: italic;
	font-weight: 500;
	color: #88B1AA;
}

.site-navigation-primary .navigation-menu-primary .comp-menu a {
	font-family: 'TT Rationalist', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	border: none;
	padding: 8px 12px;
	background: transparent;
	border-radius: 8px;
	color: #40807E;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.current-menu-item a {
	background-color: #F07855;
	color: #fff;
}

.site-navigation-primary .navigation-menu-primary .comp-menu .menu a {
	transition: color .15s, opacity .15s, background-color .15s;
}

.site-navigation-primary .navigation-menu-primary .comp-menu .menu a:hover {
	opacity: 1;
}

.site-navigation-primary .navigation-menu-primary .comp-menu.comp-menu-horizontal .menu {
	margin-left: -12px;
	margin-right: -12px;
}

.site-navigation-primary .navigation-menu-primary .comp-menu.comp-menu-horizontal li {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 1400px) {
	
	.site-navigation-primary .navigation-menu-primary .comp-menu.comp-menu-horizontal .menu {
		margin-left: -15px;
		margin-right: -27px;
	}
	
	.site-navigation-primary .navigation-menu-primary .comp-menu.comp-menu-horizontal li {
		padding-left: 15px;
		padding-right: 15px;
	}
	
}
	
@media (min-width: 992px) {
	
	.site-navigation-primary .areas {
		height: 96px;
	}
	
	.body-scroll .site-navigation-primary .areas {
		height: 64px;
	}
	
	.site-navigation .branding {
		height: 80px;
		margin-left: -20px;
	}
	
	.site-navigation .branding-logo {
		width: 212px;
	}
	
	.body-scroll .site-navigation .branding-logo {
		width: 80px;
		height: 40px;
	}
	
	.site-navigation .branding-logo img {
		height: 80px;
		border-radius: 40px;
	}
	
	.site-navigation .branding-logo img.logo-alt {
		width: 80px;
		height: 80px;
	}
	
	.site-navigation .branding-claim {
		font-size: 28px;
	}
	
	.body-scroll .site-navigation .branding {
		transform: translateY(-50%);
	}
	
}


/* Language */

.site-navigation-secondary .navigation-menu-language .comp-menu .menu a {
	font-size: 14px;
	line-height: 20px;
}


/* Branding  */

.branding-link {
	position: relative;
	display: block;
	width: auto;
	height: auto;
}

.body-scroll .site-navigation-top {
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

@media (min-width: 992px) {
	
}


/* navigation-toggle-mobile */

.navigation-toggle-mobile a.btn {
	min-width: 40px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}


/* Primary Menu */

.navigation-menu-primary .comp-menu .menu li.current-menu-item a {
	border-bottom-color: #F07855;
}


/* Active Styling Topic */

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-default > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-default > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-default.current-menu-item > a {
	background-color: #F07855;
	color: #fff;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-promo > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-promo > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-promo.current-menu-item > a {
	background-color: #F07855;
	color: #fff;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gedrenks > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gedrenks > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gedrenks.current-menu-item > a {
	background-color: #CDE3E3;
	color: #40807E;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-eventmaterial > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-eventmaterial > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-eventmaterial.current-menu-item > a {
	background-color: #BED8D5;
	color: #40807E;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-energie > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-energie > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-energie.current-menu-item > a {
	background-color: #F3DCB9;
	color: #40807E;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gaardebedarf > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gaardebedarf > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-gaardebedarf.current-menu-item > a {
	background-color: #7DB2A8;
	color: #00454A;
}

.site-navigation-primary .navigation-menu-primary .comp-menu li.style-rbuttek > a:hover,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-rbuttek > a:focus,
.site-navigation-primary .navigation-menu-primary .comp-menu li.style-rbuttek.current-menu-item > a {
	background-color: #00454A;
	color: #FCF6ED;
}
.site-navigation-primary .navigation-menu-primary .navigation-menu-primary .comp-menu li.style-vinothek > a:hover,
.site-navigation-primary .navigation-menu-primary .navigation-menu-primary .comp-menu li.style-vinothek > a:focus,
.site-navigation-primary .navigation-menu-primary .navigation-menu-primary .comp-menu li.style-vinothek.current-menu-item > a {
    background-color: #8b0000;
    color: #ffffff;
}



/* Site Footer
============================================================================= */

.site-footer {
	position: relative;
	z-index: 1;
	background: #00454A;
	color: #FCF6ED;
	font-size: 16px;
	padding: 60px 0;
	margin: 0;
}

.site-footer .menu a,
.site-footer a {
	color: #FCF6ED;
}

.site-footer .navigation-menu-footer .menu a {
	font-weight: 700;
}

.site-footer .navigation-menu-footer .menu,
.site-footer .navigation-menu-legal .menu,
.site-footer .navigation-menu-social .menu {
	justify-content: center;
}

.site-footer .footer-sitemap,
.site-footer .footer-contact {
	margin-bottom: 60px;
}

@media (min-width: 992px) {
	
	.site-footer .navigation-menu-legal .menu,
	.site-footer .navigation-menu-social .menu {
		justify-content: start;
	}
	
}


.site-footer .branding {
	margin-left: -20px;
}

.site-footer .branding-logo {
	position: relative;
	display: block;
	margin-top: -24px;
}

.site-footer .branding-logo img {
	position: relative;
	left: 0px;
	top: 0;
	height: 80px;
	border-radius: 40px;
	transition: opacity .3s, transform .3s;
	opacity: 1;
	transform: scale(1);
	transform-origin: 25% 50%;
}

.site-footer .branding-logo img.logo-alt {
	position: absolute;
	top: 0;
	left: 0;
	background: #00454A;
	width: 80px;
	height: 80px;
}

.site-footer .branding-claim {
	font-size: 24px;
	line-height: 1;
	letter-spacing: -0.03em;
	font-family: 'TT Rationalist', sans-serif;
	font-style: italic;
	font-weight: 500;
	color: #88B1AA;
}


.site-footer .copyright {
	font-family: 'TT Rationalist', sans-serif;
	font-style: italic;
	font-weight: 500;
}


.site-footer .navigation-menu-social .comp-menu-icons .menu a {
	color: #00454A;
	background: #FCF6ED;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	margin: 0;
	font-size: 24px;
	min-width: auto;
	margin-left: 10px;
	margin-right: 10px;
}

.site-footer .navigation-menu-social .comp-menu-icons .menu a i {
	line-height: 32px;
	vertical-align: bottom;
}

@media (min-width: 992px) {
	
	.site-footer .navigation-menu-social .comp-menu-icons .menu a {
		margin-left: 20px;
		margin-right: 0;
	}

}


/* Back to top */

a.btn.back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	padding: 0;
	text-align: center;
	display: none;
	z-index: 999;
	color: #fff;
}


.body-scroll a.btn.back-to-top {
	display: block;
}



/* Hero
============================================================================= */

.site-hero {
	position: relative;
	display: block;
	background: #FCF6ED;
	margin-bottom: 60px;
}

.page-template-template-design .site-hero,
.page-template-template-design-hero .site-hero {
	margin-bottom: 0;
}

.site-hero .hero-text {
	padding-top: 60px;
}

.site-hero.site-hero-overlay .hero-text {
	padding-top: 0;
}

.site-hero .site-breadcrumb {
	margin-bottom: 10px;
}

.site-hero .hero-image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	max-height: 480px;
	overflow: hidden;
}

.site-hero .hero-image .comp-swiper-hero,
.site-hero .hero-image .comp-swiper-hero .swiper {
	height: 100%;
}

.site-hero .hero-image .comp-swiper-hero .swiper .gallery-item.slideshow {
	padding-bottom: 0;
	height: 100%;
}

.site-hero.site-hero-overlay .hero-text {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 40px;
}

.site-hero.site-hero-overlay .hero-text .hero-title {
	position: relative;
	display: block;
}

.site-hero .hero-text .hero-title h1 {
	font-weight: 400;
	margin: 0;
}

.site-hero.site-hero-overlay .hero-image::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75%;
	z-index: 1;
}

.site-hero .hero-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
}

.site-hero .hero-icon .icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #FCF6ED;
	color: #00454A;
	transform: translateX(-50%)translateY(70%);
}

.site-hero .hero-icon .icon img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 48px;
	max-height: 48px;
}


.site-hero.site-hero-overlay .hero-image::after,
.page-style-default .site-hero.site-hero-overlay .hero-image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 25%, rgba(205, 227, 227, 0) 100%);
}

.page-style-gedrenks .site-hero.site-hero-overlay .hero-image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 25%, rgba(205, 227, 227, 0) 100%);
}

.page-style-eventmaterial .site-hero.site-hero-overlay .hero-image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 25%, rgba(205, 227, 227, 0) 100%);
}

.page-style-energie .site-hero.site-hero-overlay .hero-image::after {
	background: #F3DCB9;
	background: linear-gradient(0deg, rgba(243, 220, 185, 0.8) 25%, rgba(243, 220, 185, 0) 100%);
}

.page-style-gaardebedarf .site-hero.site-hero-overlay .hero-image::after {
	background: #7DB2A8;
	background: linear-gradient(0deg, rgba(64, 128, 126, 0.8) 25%, rgba(64, 128, 126, 0) 100%);
}

.page-style-rbuttek .site-hero.site-hero-overlay .hero-image::after {
	background: #00454A;
	background: linear-gradient(0deg, rgba(0, 69, 72, 0.8) 25%, rgba(0, 69, 74, 0) 100%);
}

.page-style-gaardebedarf .site-hero.site-hero-overlay .hero-text,
.page-style-rbuttek .site-hero.site-hero-overlay .hero-text {
	color: #FCF6ED;
}


@media (min-width: 992px) {
	
	.site-hero .hero-image {
		aspect-ratio: 2 / 1;
	}
	
	.site-hero.site-hero-overlay .hero-image::after {
		height: 50%;
	}
	
	.site-hero.site-hero-overlay .hero-text {
		bottom: 50px;
	}
	
	.site-hero .hero-icon .icon {
		width: 120px;
		height: 120px;
		transform: translateX(-50%)translateY(40%);
	}
	
	.site-hero .hero-icon .icon img {
		max-width: 66px;
		max-height: 66px;
	}
	
	.site-hero {
		margin-bottom: 80px;
	}
	
	.site-hero .hero-text {
		padding-top: 120px;
	}
	
}


/* Post
============================================================================= */

body.archive {
	background: #00454A;
}

body.archive .archive-description {
	color: #FCF6ED;
}

/* Content Post */

.post-image,
.post-title,
.post-date,
.post-excerpt,
.post-actions {
	position: relative;
	display: block;
	margin-top: 0;
	margin-bottom: 16px;
}

.content-post .post-image {
	margin-bottom: 8px;
}

.post-title h2,
.post-title h3,
.post-title h4 {
	margin-bottom: 0;
	font-weight: 500;
}

.post-date {
	font-size: 14px;
	display: none;
}

.post-excerpt p {
	margin-bottom: 0;
}

.post-actions {
	margin-bottom: 0;
	text-align: right;
}

.content-post .post-actions {
	margin-top: auto;
	padding-top: 24px;
}

a.post-image { 
	transition: box-shadow .15s;
}

a.post-image:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.15), 0 15px 30px rgba(0,0,0,0.15);
}

a.post-image { 
	position: relative;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

a.post-image img { 
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 5/2;
	object-fit: cover;
	object-position: center;
}

.posts-view-all {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
}

.posts-view-all span {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 30px;
	background: #FBECDA;
	border-radius: 8px;
	font-family: 'TT Rationalist', sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	line-height: 20px;
	color: #00454A;
	transition: background-color .3s;
}

.posts-view-all:hover span {
	background-color: #F3DCB9;
}

.post-text {
	position: relative;
	border-radius: 8px;
	background: #CDE3E3;
	padding: 40px 20px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.content-post.styling-energie .post-text {
	background: #F3DCB9;
}

.content-post.styling-eventmaterial .post-text {
	background: #BED8D5;
}

.content-post .post-icon {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
	margin-top: -40px;
}

.content-post .post-icon .icon {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: #00454A;
	border-radius: 50%;
}

.content-post .post-icon .icon img {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	max-width: 32px;
	max-height: 32px;
}

/* Posts */

.posts .content-post {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.posts .posts-body .row > .col {
	margin-bottom: 60px;
}

.posts .posts-body .content-post .row > .col {
	margin-bottom: 0;
}

.posts-header {
	margin-bottom: 30px;
}

.posts-header h2,
.posts-header .h2,
.posts-header h3,
.posts-header .h3 {
	margin-bottom: 0;
}

.posts-header .subtitle {
	font-weight: 400;
}


@media (min-width: 992px) {
	
	.posts .posts-body .row > .col {
		margin-bottom: 60px;
	}
	
	.posts .posts-body .row:not(.no-gutters) {
		margin-left: -30px;
		margin-right: -30px;
	}

	.posts .posts-body .row:not(.no-gutters) > .col {
		padding-left: 30px;
		padding-right: 30px;
	}

}

.archive-description {
	margin-bottom: 40px;
	text-align: center;
	font-size: 16px;
}

@media (min-width: 992px) {
	
	.archive-description {
		margin-bottom: 80px;
		font-size: 18px;
	}
	
}


/* Teaser */

.content-post.post-type-teaser {
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	border-radius: 8px;
	background: #FCF6ED;
}

.content-post.post-type-teaser .post-image {
	border-radius: 8px 8px 0 0;
	margin-bottom: 0;
}

.content-post.post-type-teaser a.post-image:hover {
	box-shadow: none;
}

.content-post.post-type-teaser .post-text {
	background: #FCF6ED;
	padding: 24px 16px;
}

.content-post.post-type-teaser .post-actions {
	padding-top: 8px;
}

.content-post.post-type-teaser .post-text p {
	margin-bottom: 0;
}

.content-post.post-type-teaser .post-title,
.content-post.post-type-teaser .post-description {
	margin: 0 0 16px;
	padding: 0;
}

.content-post.post-type-teaser .post-description.post-description-1 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

.content-post.post-type-teaser .post-description.post-description-2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}

.content-post.post-type-teaser .post-description.post-description-3 {
	font-size: 14px;
	line-height: 20px;
}


/* Single
============================================================================= */

.single .site-body {
	margin-bottom: 80px;
}

.single .site-body .post-date {
	text-align: center;
	margin-bottom: 20px;
}

.single .site-body .post-image {
	margin-bottom: 60px;
}

/* Related Posts */

.related-posts {
	background: #00454A;
	padding-top: 60px;
	border-top: 1px solid rgba(0,0,0,0.15);
}

.related-posts .posts-body {
	margin-bottom: 30px;
}

.related-posts .posts-header,
.related-posts .posts-header a {
	color: #FCF6ED;
	border-color: #FCF6ED;
}


/* Page
============================================================================= */

.page .site-body {
	margin-bottom: 80px;
}

.page.page-template-template-blank .site-body,
.page.page-template-template-design .site-body,
.page.page-template-template-design-blank .site-body,
.page.page-template-template-design-hero .site-body {
	margin-bottom: 0;
}



/* Editor Formatted
============================================================================= */

.formatted h2,
.formatted h3,
.formatted h4,
.formatted h5,
.formatted h6 {
	margin-bottom: 20px;
}

.formatted * + h2,
.formatted * + h3,
.formatted * + h4,
.formatted * + h5,
.formatted * + h6 {
	margin-top: 40px;
}

.formatted a {
	word-break: break-word;
}



/* Blocks
============================================================================= */

.gallery .row .col {
	margin-bottom: 30px;
}

.gallery .gallery-item {
	display: block;
}

.gallery-item.slideshow {
	position: relative;
	padding-bottom: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.gallery-item.slideshow.cover {
	background-size: cover;
}

a.gallery-item { 
	transition: box-shadow .15s;
}

a.gallery-item:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.15), 0 15px 30px rgba(0,0,0,0.15);
}

a.gallery-item img { 
	transition: opacity .15s;
	opacity: 1;
}

a.gallery-item:hover img {
	opacity: 0.8;
}

.comp-swiper a.gallery-item img { 
	max-height: 200px;
	width: auto;
}
.comp-swiper.comp-swiper-gallery .swiper-slide { 
	width: auto;
}

.comp-swiper.comp-swiper-gallery .swiper-slide a.gallery-item:hover {
	box-shadow: none;
}


@media (min-width: 992px) {
	
	.comp-swiper a.gallery-item img { 
		max-height: 360px;
	}
	
}


.custom-slideshow-hero .pwk-block-gallery,
.custom-slideshow-hero .pwk-block-gallery > .wrapper,
.custom-slideshow-hero .gallery-item.slideshow {
	padding-bottom: 0;
	height: 100%;
}

.custom-slideshow-hero .gallery-item.slideshow {
	animation-name: slideshowPan;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	background-position: 33% 33%;
}


@keyframes slideshowPan {
	0% { transform: scale(1); }
	100% { transform: scale(1.1); }
}


/* Promos */

.promo-tabs-menu {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.promo-tabs-menu .menu-item {
	position: relative;
	padding: 0 15px;
}

.promo-tabs-menu .menu-item a {
	position: relative;
	display: block;
	padding: 12px 24px;
	border-radius: 12px;
	background-color: #FCF6ED;
	color: #F07855;
	font-family: 'TT Rationalist', sans-serif;
	font-weight: 500;
	font-size: 24px;
	text-decoration: none;
	transition: background-color .3s, color .3s;
}

.promo-tabs-menu .menu-item a:hover, 
.promo-tabs-menu .menu-item a:focus,
.promo-tabs-menu .menu-item.is-active a {
	color: #FCF6ED;
	background-color: #F07855;
}

.promo-tabs-menu {
	margin-bottom: 60px;
}

.promo-tabs-content .content-item {
	display: none;
}

.promo-tabs-content .content-item.is-active {
	display: block;
}

.promo-html {
	background: #FCF6ED;
	box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

@media (min-width: 992px) {

	.promo-tabs-menu .menu-item a {
		padding: 24px 48px;
		font-size: 36px;
	}
	
	.promo-tabs-menu {
		margin-bottom: 90px;
	}

}

/* Plugins
========================================================================== */


/* GenerateBlocks */

.gb-container.container-align-left > .gb-inside-container {
	margin-left: 0;
}

.gb-container.container-align-right > .gb-inside-container {
	margin-right: 0;
}

.gb-button-wrapper .gb-button {
	line-height: 1;
}

.gb-accordion__item button.gb-accordion__toggle:focus {
	outline: none;
}

.gb-container .gb-button.gb-accordion__toggle {
	line-height: 1.2;
}


/* WPForms */

.wpforms-submit-container button {
	font-family: 'TT Rationalist', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	line-height: 20px;
	padding: 4px 24px;
}

/* Block file
========================================================================== */

.wp-block-file,
.wp-block-file:not(.wp-element-button) {
	font-size: 16px;
	border-radius: 10px;
	padding: 20px 20px;
	background: #EDF2F7;
	margin-bottom: 10px;
}

.wp-block-file a {
	display: block;
}

.wp-block-file a:not(.wp-element-button) {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
}

.wp-block-file a.wp-element-button::after {
	content: "\f56d";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin-left: 10px;
}

.wp-block-file a.wp-element-button {
	display: inline-block;
	margin-left: 0;
	margin-top: 10px;
	background: transparent;
	color: #F07855;
	padding: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 0;
}

.wp-block-file::before,
.wp-block-file::after {
	content: "";
	display: table;
	clear: both;
}

.wp-block-file__button:hover {
	color: #fff;
}

@media (min-width: 992px) {
	
	.wp-block-file *+.wp-block-file__button {
		float: right;
	}
	
	.wp-block-file a {
		display: inline-block;
	}
	
	.wp-block-file a.wp-element-button {
		margin-left: 10px;
		margin-top: 0;
	}
	
}


/* Block: Slides
============================================================================= */

.slides .slide {
	position: relative;
}

.slides .slide.design-default .image {
	position: relative;
}

.slides .slide.design-default .image img {
	position: relative;
	display: block;
	aspect-ratio: 2/1;
	object-fit: cover;
	object-position: center 25%;
	max-height: 720px;
	min-height: 480px;
	z-index: 0;
}

.slides .slide.design-default .image::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75%;
	z-index: 1;
}

.slides .slide.design-default .text {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	z-index: 2;
}

.slides .slide.design-default .text .text-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;
	column-gap: 20px;
	row-gap: 20px;
	min-height: 72px;
}

.slides .slide.design-default .text .text-wrapper .title .h1 {
	font-weight: 400;
}

.slides .slide.design-default .text .text-wrapper .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	background: #00454A;
}

.slides .slide.design-default .text .text-wrapper .icon img {
	display: block;
	width: auto;
	height: auto;
	max-width: 24px; 
	max-height: 24px; 
}

.slides .slide.design-default .text .text-wrapper .link {
	margin-left: auto;
}

.slides .slide .text .text-wrapper .link a::after{
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	content: "\f105";
	font-size: 16px;
	margin-left: 16px;
	font-style: normal;
}

.slides .slide .teaser {
	position: absolute;
	top: 50px;
	right: 10px;
}

.slides .slide .teaser-wrapper {
	position: relative;
	display: block;
	transform: rotate(8deg)scale(0.8);
}

.slides .slide .teaser .teaser-text {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 220px;
	height: 220px;
	border-radius: 50%; 
	background: #F07855;
	color: #FCF6ED;
	padding: 0 16px;
	font-weight: 700;
	z-index: 0;
}

.slide .teaser.teaser-size-default .teaser-text {
	font-size: 24px;
	line-height: 28px;
}

.slide .teaser.teaser-size-small .teaser-text {
	font-size: 20px;
	line-height: 24px;
}

.slide .teaser.teaser-size-large .teaser-text {
	font-size: 28px;
	line-height: 32px;
}

.slides .slide .teaser .teaser-label {
	position: absolute;
	top: 0;
	left: 0; 
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: translateX(-40px)translateY(-40%);
}

.slides .slide .teaser .teaser-label span {
	position: relative;
	display: inline-block;
	padding: 6px 8px;
	border-radius: 8px;	
	font-size: 24px;
	margin-top: -8px;
}

.slides .slide .teaser .teaser-label span:first-child {
	font-family: 'TT Rationalist', sans-serif;
	font-size: 36px;
	font-weight: 600;
	padding: 8px 12px;
	margin-right: -60px;
}

.slide .teaser .teaser-label span,
.slide.style-default .teaser .teaser-label span {
	background: #FCF6ED;
	color: #F07855;
}

.slide.style-gedrenks .teaser .teaser-label span {
	background: #CDE3E3;
	color: #00454A;
}

.slide.style-eventmaterial .teaser .teaser-label span {
	background: #BED8D5;
	color: #40807E;
}

.slide.style-energie .teaser .teaser-label span {
	background: #F3DCB9;
	color: #40807E;
}

.slide.style-gaardebedarf .teaser .teaser-label span {
	background: #7DB2A8;
	color: #00454A;
}

.slide.style-rbuttek .teaser .teaser-label span {
	background: #00454A;
	color: #FCF6ED;
}


.slide.design-default .image::after,
.slide.design-default.style-default .image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 0%, rgba(205, 227, 227, 0) 100%);
}

.slide.design-default.style-gedrenks .image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 0%, rgba(205, 227, 227, 0) 100%);
}

.slide.design-default.style-eventmaterial .image::after {
	background: #CDE3E3;
	background: linear-gradient(0deg, rgba(205, 227, 227, 0.8) 0%, rgba(205, 227, 227, 0) 100%);
}

.slide.design-default.style-energie .image::after {
	background: #F3DCB9;
	background: linear-gradient(0deg, rgba(243, 220, 185, 0.8) 0%, rgba(243, 220, 185, 0) 100%);
}

.slide.design-default.style-gaardebedarf .image::after {
	background: #7DB2A8;
	background: linear-gradient(0deg, rgba(64, 128, 126, 0.8) 0%, rgba(64, 128, 126, 0) 100%);
}

.slide.design-default.style-rbuttek .image::after {
	background: #00454A;
	background: linear-gradient(0deg, rgba(243, 220, 185, 0.8) 0%, rgba(243, 220, 185, 0) 100%);
}


@media (min-width: 992px) {
	
	.slides .slide.design-default .image::after {
		height: 50%;
	}
	
	.slides .slide.design-default .text .text-wrapper {
		column-gap: 30px;
		row-gap: 30px;
		min-height: 72px;
	}
	
	.slides .slide.design-default .text .text-wrapper .icon {
		width: 72px;
		height: 72px;
		border-radius: 36px;
	}
	
	.slides .slide.design-default .text .text-wrapper .icon img {
		max-width: 40px; 
		max-height: 40px; 
	}

	.slides .slide .teaser {
		top: 120px;
		right: 120px;
	}
	
	.slides .slide .teaser-wrapper {
		transform: rotate(8deg)scale(1);
	}
	
	.slides .slide.design-default .text .text-wrapper .link {
		margin-left: auto;
	}
	
}


/* Style Text */

@media (max-width: 991px) {
	
	.slides .slide.design-text {
		color: #FCF6ED;
	}
	
	.slides .slide.design-text .container {
		padding-left: 0;
		padding-right: 0;
	}
	
	.slides .slide.design-text .image img {
		position: relative;
		display: block;
		aspect-ratio: 2 / 1;
		object-fit: cover;
		object-position: center center;
		max-height: 720px;
		min-height: 480px;
		z-index: 0;
	}
	
	.slides .slide.design-text .text {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;	
		width: 100%;
		background: #00454A;
		border-radius: 12px 12px 0 0;
	}
	
	.slides .slide.design-text .text .text-wrapper {
		padding: 30px 20px 40px 20px;
	}
	
	.slides .slide.design-text .text .description,
	.slides .slide.design-text .text .link {
		margin-top: 10px;
	}
	
	.slides .slide.design-text .text .description {
		position: relative;
		font-size: 16px;
		line-height: 1.5em;
		max-height: 4.5em;
		overflow: hidden;
	}
	
	.slides .slide.design-text .text .description::after {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.5em;
		background: #00454A;
		background: linear-gradient(0deg, rgba(0, 69, 74, 1) 0%, rgba(0, 69, 74, 0) 100%);
	}
	
}

@media (min-width: 992px) {
	
	.slides .slide.design-text {
		color: #FCF6ED;
		padding: 90px 0;
	}
	
	.slides .slide.design-text .slide-wrapper {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: start;
		background: #00454A;
		border-radius: 8px;
	}
	
	.slides .slide.design-text .image,
	.slides .slide.design-text .text {
		position: relative;
		width: 100%;
		flex: 0 0 50%;
		max-width: 50%;
		order: 1;
	}
	
	.slides .slide.design-text .image {
		order: 2;
		max-width: 620px;
		margin-left: auto;
	}
	
	.slides .slide.design-text .image-wrapper {
		margin-top: -40px;
		margin-bottom: -40px;
	}
	
	.slides .slide.design-text .image img {
		position: relative;
		display: block;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: center center;
		z-index: 0;
		border-radius: 8px;
		margin-left: -110px;
	}
	
	.slides .slide.design-text .text {
		padding: 60px 110px 60px 60px;
		padding-left: 60px;
		padding-right: 110px;
	}
	
	.slides .slide.design-text .text-wrapper {
		max-width: 390px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.slides .slide.design-text .text .description {
		font-size: 20px;
		line-height: 28px;
		margin-top: 30px;
	}
	
	.slides .slide.design-text .text .link {
		margin-top: 30px;
	}
	
}


/* Swiper */

.slides .comp-swiper .comp-swiper-pagination {
	position: absolute;
	display: block;
	bottom: 10px;
	margin-top: 0;
}


/* Gutenberg
============================================================================= */

.wp-theme-pwk .wp-block-gallery.custom-gallery-logos {
	gap: 20px;
	column-gap: 20px;
	row-gap: 20px;
}

.wp-theme-pwk .wp-block-gallery.custom-gallery-logos.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
	width: calc(50% - 20px * .5);
}

.wp-theme-pwk .wp-block-gallery.custom-gallery-logos > figure {
	background: #fff;
	border-radius: 8px;
	margin: 0 !important;
	height: 100%;
	padding: 20px;
	flex-grow: 0;
}

.wp-theme-pwk .wp-block-gallery.custom-gallery-logos > figure img {
	aspect-ratio: 4/3;
	object-fit: contain;
}

@media (min-width: 992px) {
	
	.wp-theme-pwk .wp-block-gallery.custom-gallery-logos {
		gap: 30px;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.wp-theme-pwk .wp-block-gallery.custom-gallery-logos.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
		width: calc(20% - 30px * .8);
	}
	
}

/* Termly
============================================================================= */

#termly-consent-preferences {
	position: fixed;
	font-size: 0;
	line-height: 0;
	color: transparent;
	bottom: 10px;
	left: 10px;
	z-index: 999;
}

#termly-consent-preferences::before {
	position: relative;
	display: block;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	content: "\f564";
	background: #000;
	color: #fff;
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	padding: 0;
	text-align: center;
	transition: background-color .3s;
}

#termly-consent-preferences:hover::before {
	background: #333;
}


/* Forms
============================================================================= */

/*

.select2,
.select2-container {
	display: none;
}

.form-control, .input-text, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select {
	display: block;
	width: 100%;
	height: 50px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 20px;
	background-clip: padding-box;
	border-radius: 5px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

textarea.input-text {
	height: 120px;
}

.form-control, .input-text, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select {
	border: 2px solid #F0F0EE;
	color: #000;
	background-color: #F0F0EE;
}

.input-text:focus, .input-text.focus, input:focus, input.focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus, select:focus, input[type="email"].focus, input[type="number"].focus, input[type="password"].focus, input[type="search"].focus, input[type="tel"].focus, input[type="text"].focus, input[type="url"].focus, textarea.focus, select.focus {
	box-shadow: 0 0 0 4px rgba(128,128,128,0.5);
	outline: 0;
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

select {
	background: #F0F0EE url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 10px center;
	background-size: 8px 10px;
	appearance: none;
	padding-right: 30px;
}

label {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}

label.checkbox {
	position: relative;
	display: block;
	width: 100%;
}

label.checkbox abbr {
	display: none;
}

label.checkbox > span,
input[type=radio] + label {
	position: relative;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	cursor: pointer;
	padding: 10px 0 10px 30px;
	margin-bottom: 0;
	text-align: left;
}

label.checkbox input[type=checkbox],
input[type=radio] {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px;
	word-wrap: normal !important;
	position: absolute;
}

label.checkbox > span::before,
input[type=radio] + label::before {
	display: inline-block;
	vertical-align: bottom;
	font-style: normal;
	font-variant: normal;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	content: "\f111";
	margin-right: 0;
	margin-left: -30px;
	color: #CCCCCA;
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	width: 30px;
	transition: color .15s;
}

label.checkbox > span::before {
	content: "\f0c8";
}

label.checkbox > span:hover::before,
input[type=radio] + label:hover::before {
	color: #787878;
}

label.checkbox input[type=checkbox]:checked + span::before,
input[type=radio]:checked + label::before {
	color: #000;
	content: "\f058";
}

label.checkbox input[type=checkbox]:checked + span::before {
	content: "\f14a";
}

*/