/* POB 03.07.2026 - 08:56 */

:root {
	--sw-color-black: #000;
	--sw-color-white: #fff;
	--sw-color-red: #D30C15;
	--sw-color-red-dark: #9F1118;
	--sw-color-gray-light: #f8f8f8;
	--sw-color-turquoise: #709696;
	--sw-color-turquoise-light: #DDECEA;
	--sw-color-turquoise-dark: #ADC7C7;
	/* --sw-background-turquoise-link-color: #efce5e; */
	--sw-background-turquoise-link-color: #BDDED5;
	--sw-background-turquoise-link-hover-color: #BBE2DB;
	
	--bs-black: var(--sw-color-black);
    --bs-white: var(--sw-color-white);
	--bs-body-color: var(--sw-color-black);
	
	/* TODO fliegt wohl wieder raus, da individuell */
	/* --sw-font-size-heading-1-mobile: 15px; */
	/* --sw-font-size-heading-1-desktop: 20px; */
	/* --sw-font-size-heading-2-mobile: 15px; */
	--sw-font-size-heading-2-desktop: 20px;
	/* --sw-font-size-heading-3-mobile: 15px; */
	/* --sw-font-size-heading-3-desktop: 20px; */
	
	--sw-font-family-lato: Lato, Arial, Sans-serif;
	
	--sw-border-radius: 17px;
	--sw-border-width: 2px;
	
	--bs-body-font-size: 19px;
	--bs-body-line-height: 1.9;
	
	--sw-body-font-size-small: 18px;
	--sw-body-line-height-small: 2;
	
	--bs-link-color: var(--sw-color-red);
	--bs-link-hover-color: var(--sw-color-red-dark);
	
	--sw-form-element-height: 34px;
}

body {
	--bs-body-font-family: var(--sw-font-family-lato);
}

h1 {
	font-size: 35px;
	margin-bottom: 6px;	
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 25px;
}
h1, h2, h3 {
	font-weight: 700;
	line-height: 1.4;	
}
h2, h3 {
	margin-bottom: 4px;	
}
article h2 + h3 {
	padding-top: 17px;
	color: var(--sw-color-red);
}
.fancybox-inner article h2 + h3 {
	padding-top: 5px;	
	color: var(--bs-black);
}
a {
	text-decoration: none;
}
#content p {
	margin-bottom: 1.1rem;
}
header {
	margin-bottom: 75px;
}
.background-image {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}
.no-t-padding {
	padding-top: 0 !important;
}
.no-b-padding {
	padding-bottom: 0 !important;
}

#header-image {
	display: flex;
	align-items: end;
}
#header-image img {
	max-width: 100%;
	padding: 25px 190px 0 105px;
}
#header-content {
	min-height: 147px;
}
#header-content.has-header-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#header-content.has-header-content #search-form > div {
	margin-top: 30px;
	margin-bottom: 20px;
}
#header-content:not(.has-header-content) #search-form > div {
	position: absolute;
	right: 122px;
    margin-top: 20px;
}
#header-text {
	margin: 20px 5px 0 0;
}
#header-text h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
}
#search-form > div {
	position: relative;
}
#header-content #page-search-icon {
	position: absolute;
    top: 9px;
    left: 163px;
}
/* #header-content.has-header-content #page-search-icon { */
	/* position: absolute; */
    /* top: 37px; */
    /* left: 163px; */
/* } */
.space-before-small {
	padding-top: 12px;
}
.space-after-small {
	padding-bottom: 12px;
}
.space-before-medium, .space-before-large {
	padding-top: 89px;	
}
.space-after-medium {
	padding-bottom: 53px;
}
.space-after-large {
	padding-bottom: 70px;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.container-fluid.image-statement > .row {
	margin-left: 0;
	margin-right: 0;
}
#content > div[class*="container-"]:not(.container-fluid):not(#page-title):not(.team-with-image):not(.map-text), #content > .background > div[class*="container-"]:not(.container-fluid):not(#page-title):not(.accordion):not(.map-text):not(.space-before-small .container-md):not(.space-before-medium .container-md):not(.space-before-large .container-md):not(.space-after-small .container-md):not(.space-after-medium .container-md):not(.space-after-large .container-md) {
	padding-top: 81px;
	padding-bottom: 70px;
	/* padding-top: 81px;
	padding-bottom: 79px; */
}
#content #page-title + div[class*="container-"], #content #page-title + div[class*="container-"] > .container-md, .fancybox-inner #page-title + div[class*="container-"], .fancybox-inner #page-title + div[class*="container-"] > .container-md {
	padding-top: 0 !important;
}
.fancybox-inner > div[class*="container-"]:not(.container-fluid):not(#page-title):not(.team-with-image):not(.map-text), .fancybox-inner > .background > div[class*="container-"]:not(.container-fluid):not(#page-title):not(.accordion):not(.map-text):not(.space-before-small .container-md):not(.space-before-medium .container-md):not(.space-before-large .container-md):not(.space-after-small .container-md):not(.space-after-medium .container-md):not(.space-after-large .container-md) {
	padding-top: 40px;
	padding-bottom: 22px;
}



.background.grey {
	background-color: var(--sw-color-gray-light);
}
.background.turquoise {
	background-color: var(--sw-color-turquoise);
}
.background.turquoise p, .background.turquoise h1, .background.turquoise h2, .background.turquoise h3, .background.turquoise h4, .background.turquoise li, .background.turquoise a, .background.turquoise label {
	color: var(--sw-color-white);
}
.background.turquoise a:not(footer a):not(.button):not(.download-link) {
	color: var(--sw-background-turquoise-link-color);
}
.background.turquoise a:hover:not(footer a):not(.button):not(.download-link) {
	color: var(--sw-background-turquoise-link-hover-color);
}
.fancybox-skin {
	color: var(--bs-black) !important;
	background: var(--sw-color-white) !important;
}
.fancybox-skin, .fancybox-inner {
	border-radius: 10px !important;
}
.fancybox-inner .container-sm, .fancybox-inner .container-md, .fancybox-inner .container-lg, .fancybox-inner .container-xl, .fancybox-inner .container-xxl {
	max-width: 935px;
}
.fancybox-inner > div:first-child {
	padding-top: 65px;
}
.fancybox-inner #page-title h1 {
	font-size: 25px;
	margin-bottom: 3px;
}
.fancybox-inner > .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.fancybox-inner h2 {
	font-size: 28px;
	margin-bottom: 10px;
}
.fancybox-inner h3 {
	font-size: 21px;
}
.fancybox-close {
	top: 20px !important;
	right: 23px !important;
	background-image: none !important;
	width: 20px !important;
	height: 20px !important;
	background-color: transparent;
	/* border-top-right-radius: 10px; */
}
.fancybox-close::before, .fancybox-close::after {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	height: 2px;
	width: 100%;
	margin-top: 11px;
	background-color:  var(--sw-color-red);
	border-radius: 1px;
}
.fancybox-close::before {
	transform: rotate(45deg);
}
.fancybox-close::after {
	transform: rotate(-45deg);
}

.insurance {	
	padding-top: 58px !important;
	padding-bottom: 60px !important;
}
.insurance h2, .image-statement h2 {	
	font-size: 25px;
}	
.insurance h2, .insurance h3, .image-statement h2, .image-statement h3, #header-text h2, .map-text h2, .map-text h3, .fancybox-inner h1 {	
	color: var(--sw-color-red);
}
.insurance .ce-bodytext {
	max-width: 90%;
}
.insurance .insurance-home .image-embed-item {
	width: 36px;
}
.insurance .insurance-pages .image-embed-item {
	width: 52px;
	margin-left: 9px;
}
.insurance .insurance-home .ce-gallery {
	padding-bottom: 25px;
}
.insurance .insurance-pages .ce-gallery {
	padding-bottom: 18px;
	height: 78px;
	display: flex;
    align-items: flex-end;
}
/* .insurance .insurance-home .ce-bodytext p:last-child { */
	/* margin-bottom: 6px !important;	 */
/* } */
.insurance .insurance-pages .ce-textpic {	
    display: flex;
    flex-direction: column;
}
.insurance .insurance-pages {
	border: solid 2px transparent;
	border-radius: 17px;
	transition: border 0.2s;
}
.insurance .insurance-pages p {
	color: var(--sw-color-black);
}
.insurance .insurance-pages:hover {
	border: solid 2px var(--sw-color-red-dark);
}
.insurance {
	font-size: var(--sw-body-font-size-small);
	line-height: var(--sw-body-line-height-small);	
}
#content .image-statement article p:last-child {
	margin-bottom: 0;
}
.accordion h2  {
	border-radius: 32px;
	font-size: var(--bs-body-font-size);	
	padding: 10px 24px 13px;
	margin-bottom: 28px;
}
.accordion h2 {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.accordion h2 span {
	background-image: url(/home/kk/files/bilder/icons/icon-mehr.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	transition: rotate 400ms ease-out;
	width: 15px;
	height: 15px;
	margin-top: 2px;
}
.accordion h2.icon-close span {
	/* background-image: url(/home/kk/files/bilder/icons/icon-close.svg); */
	/* width: 13px; */
	/* height: 13px; */
	/* background-size: 13px; */
	-webkit-transform: rotate(45deg);    
    transform: rotate(45deg);
}	
.accordion ul {
	margin-left: -12px !important;
	margin-bottom: 44px;
}
.accordion li, a.download-link {
	font-weight: 700;
	margin-bottom: 17px;
}
.accordion li a, a.download-link {
	font-size: var(--sw-body-font-size-small);
}
.accordion li a:after, a.download-link:after {
	content: '';
	display: inline-block;	
	background-repeat: no-repeat;
	background-size: 13px;
	margin-left: 6px;
	width: 13px;
	height: 13px;
}
/* team changed to list without image, use the follow class if this should be needed in the future --> .team-with-image */
.team-with-image {
	padding-top: 0;
	padding-bottom: 66px;
}
.team-with-image .image-embed-item, .image-text .image-embed-item {
	max-width: 100%;
	height: auto;
}
.team-with-image .ce-bodytext {
	padding-top: 14px;
	padding-bottom: 14px;
}
.team-with-image h3 {
	font-size: var(--sw-font-size-heading-2-desktop);
	color: var(--bs-black);
}
.team-with-image img {
	transition: filter 300ms ease-out, transform 300ms ease-out;
}
.team-with-image img:hover  {
	filter: grayscale(80%);
	transform: scale(1.025);
}
.team-with-image .ce-gallery {
	overflow: hidden;
} 
/* end */
.team > .row {
	padding: 7px 22px 10px;
}
.team > .row:nth-child(odd) {
	background-color: var(--sw-color-turquoise-light);
	border-radius: 50px;	
}
.team h2, .team h3, .team p {
	font-size: var(--sw-font-size-heading-2-desktop);
	line-height: var(--bs-body-line-height);
	margin-bottom: 0 !important;
}

.image-text h2 {
	padding-bottom: 51px;
}
.webform .form-element {
    margin-bottom: 0 !important;
}
.webform .form-control,
.webform .form-select {
	margin-bottom: 25px;
	border-radius: var(--sw-border-radius);
	background-color: transparent;
	border: solid 2px var(--sw-color-white);
}
.webform input, .webform select, .webform .actions button {
	height: var(--sw-form-element-height);
	padding: 1px 15px 2px;
}
.webform input, .webform .form-control {
	background: transparent;
	border: solid 2px var(--sw-color-white);
	border-color: var(--sw-color-white);
}
.webform textarea {
	height: 152px;
}
.webform .form-select {
	background-color: transparent;
	border: solid 2px var(--sw-color-white);
	border-radius: var(--sw-border-radius);

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.webform select option {
	background: var(--sw-color-turquoise);
	/* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */
}

#content .webform input::placeholder,
#content .webform textarea::placeholder,
input option,
.webform .form-control,
.webform .form-select,
.webform .actions button {
	font-size: var(--sw-body-font-size-small);
	color: var(--sw-color-white) !important;
}

/* TODO: Make Form Field Formatting generic */
#page-search-field, .button, button:not(.gsc-search-button):not(header button.navbar-toggler):not(.btn-close), .btn, .gsc-input-box {
	transition: background-color 300ms;
	transition: border-color 300ms;
	transition: color 300ms;
	height: var(--sw-form-element-height);
	border-radius: var(--sw-border-radius) !important;
	border: var(--sw-border-width) solid var(--sw-color-red);
	background-color: transparent;
	color: var(--sw-color-red);
	padding: 3px 15px 4px;
	text-decoration: none;
}
#page-search-field {
	width: 195px;	
}
#page-search-field:focus-visible {
	outline: none;
}
#page-search-field::placeholder {
	color: var(--sw-color-red);
}
/* #page-search-field:hover { */
	/* border-color: var(--sw-color-red-dark); */
/* } */

.gsc-control-cse {
	padding: 10px 0 0 !important;
}
.gs-webResult div.gs-visibleUrl, .gcsc-more-maybe-branding-root {
	display: none !important;
}
.gsc-control-cse div {
	font-family: var(--sw-font-family-lato) !important;
	font-size: 16px;
	line-height: 1.4;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
	font-size: 18px !important;
}
.gsc-table-result, .gs-promotion-table, .gsc-thumbnail-inside, .gsc-result-info {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
table.gsc-search-box {
	width: 300px !important;
}
.gsc-result-info {
	font-size: 13px !important;
	color: var(--sw-color-black) !important;
	padding: 10px 0 5px !important;
}
.gsc-above-wrapper-area {
	border-bottom-color: var(--sw-color-black) !important;
}
.gsc-input-box {
	border: var(--sw-border-width) solid var(--sw-color-red) !important;
	padding-top: 2px !important;
	padding-right: 23px !important;
}
.gsib_a {
	padding: 0 !important;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	border: none !important;
	background-color: transparent !important;
}
.gsc-search-button {
	position: relative;
}
.gsc-search-button-v2 svg, .gcsc-more-maybe-branding-box {
	display: none !important;
}
.gsc-search-button-v2 {
	position: relative;
    display: block;
    left: -54px;
	width: 35px !important;
	height: 35px !important;
	padding: 7px 7px !important;
	background-image: url(/home/kk/files/bilder/icons/icon-lupe.svg) !important;
	background-repeat: no-repeat;
	height: var(--sw-form-element-height);
	background-position: 70% center;	
}
.gsst_a .gscb_a {
	color: var(--sw-color-red) !important;
	position: absolute;
	top: -11px;
	left: 40px;
}
.gsc-input {
	color: var(--sw-color-red) !important;
	font-size: var(--sw-body-font-size-small) !important;
}
 .gsc-cursor-numbered-page {
	color: var(--sw-color-red) !important;
	font-size: 16px !important;
}
.gsc-results .gsc-cursor-box {
	border: none !important;
	width: 145px;
    margin-left: 0;
}
.gsc-results .gsc-cursor {
	color: var(--sw-color-red) !important;
	fill:  var(--sw-color-red) !important;
}
.gsc-wrapper {
	max-width: 1000px !important;
}
form.gsc-search-box {
	margin: 0 !important;
}
.gsc-webResult.gsc-result {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
table.gsc-search-box td {
	height: 18px;
}

#map > div {
	background-color: transparent !important;
}

.background.grey .accordion h2 {
	border: solid 2px var(--sw-color-red);
	color: var(--sw-color-red);
}		
.background.turquoise .accordion h2 {
	border: solid 2px var(--sw-color-white);
	color: var(--sw-color-white);
}
.background.grey .accordion h2 span  {
	background-image: url(/home/kk/files/bilder/icons/icon-more-red.svg);
}
.background.turquoise .accordion h2 span  {
	background-image: url(/home/kk/files/bilder/icons/icon-more-white.svg);
}
.background.grey .accordion li a:after, a.download-link:after {
	background-image: url(/home/kk/files/bilder/icons/icon-download-red.svg);
}
.background.turquoise .accordion li a:after, .background.turquoise a.download-link:after {
	background-image: url(/home/kk/files/bilder/icons/icon-download-white.svg);
}
.background.turquoise .button, .background.turquoise button, .background.turquoise .btn {
	border-color: var(--sw-color-white) !important;
	color: var(--sw-color-white);
	padding-top: 1px !important;
}
.background.turquoise .button:hover, .background.turquoise button:hover, .background.turquoise .btn:hover {
	background-color: var(--sw-turquoise-dark);
	color:  var(--sw-background-turquoise-link-color) !important;
}
footer > aside {
	margin: 60px 0;
}
footer > aside a {
	color: var(--sw-color-black);
}
footer .nav {
	padding-bottom: 2px;
}
footer .nav a {
	color: var(--sw-color-white);
}
footer a {
	text-decoration: none;
}
footer .list-group .list-group-item a:after {
	content: "|";
	color: var(--bs-white);
	padding-left: 8px;	
}
footer .list-group .list-group-item:last-child a:after {
	content: "";
}
footer .nav .list-group {
	--bs-list-group-bg: transparent;
}
footer .nav .list-group-item.active {
	background-color: transparent;
	border: none;
}
footer .nav .list-group-item.active a, footer .nav a:hover {
	color: var(--sw-background-turquoise-link-color);
}
footer p, footer a {
	font-size: 14px;
}
.button:hover {
	color: var(--sw-color-red-dark);	
	border-color: var(--sw-color-red-dark);
}

.background.turquoise-light {
	background-color:  var(--sw-color-turquoise-light);
}

.list-group-item {
	--bs-list-group-border-width: 0;
	--bs-list-group-item-padding-x: 0;
	--bs-list-group-item-padding-y: 0;
	padding-right: 9px;
}
/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.image-statement .row {
		display: flex;
		flex-wrap: wrap;		
	}
	.image-statement .col-md-6 {
		min-height: 30vw;
	}
	.insurance .insurance-home {
		padding-top: 23px;
		padding-bottom: 9px;
	}
	.insurance .insurance-pages {
		/* padding: 0 45px; */
		padding: 26px 0 13px 19px;
		margin-bottom: 13px;
	}
	.team-with-image .image-embed-item {
		padding-right: 6px;
	}
	#map {
		min-height: 50vw;
		margin-bottom: 40px;
	}
}
/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.image-statement .col-md-6.d-flex {
		padding: 48px 99px;
	}	
	.insurance .row-cols-md-3 {
		max-width: 1140px;
	}
	.image-text .col-md-8.d-flex {
		padding: 0 52px;
	}
	.accordion .content {
		padding: 0 26px 17px;
	}
	#map {
		min-height: 480px;		
	}
	.webform .form-element, .webform .actions {
		width: 438px;
		float: left;
		margin-right: 30px;
	}
	.webform .form-element:has(textarea) {
		float: right;		
	}
	.webform .form-element.has-textarea {
		float: right;		
	}
}
/* Desktop (LG) */
@media screen and (min-width: 1200px) {
	.image-statement .col-md-6 {
		min-height: 22.7vw;
	}
	.image-text .image-embed-item {
		max-width: 366px;
	}
	.row-cols-xxl-4 > * {
		width: 33.3333333333%;
	}
	#map {
		min-height: 930px;
		margin-right: 5px;
		margin-bottom: 0;
	}	
	.webform .form-element, .webform .actions {
		width: 528px;
	}
	.team > .row {
		max-width: 863px;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 1400px) {
	#map {
		min-height: 820px;		
	}	
	.webform .form-element, .webform .actions {
		width: 618px;
	}	
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 1650px) {
	
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {	
	.row-cols-xxl-4 > * {
		width: 25%;
	}	
}
@media (max-width: 1399px) {
	#header-image img {
		padding-left: 75px;
		padding-right: 170px;
	}
	#header-text {
		margin-right: 20px;
	}
	#header-text h2 {
		font-size: 50px;
	}
	#header-content.has-header-content #search-form > div {
		margin-top: 20px;
	}	
}
/* Desktop (LG) */
@media (max-width: 1199px) {
	#header-image img {
		padding-left: 50px;
		padding-right: 130px;
	}
	#header-text {
		margin-right: 0;
	}
	#header-text h2 {
		font-size: 45px;
	}
	#header-content.has-header-content #search-form > div {
		margin-top: 15px;
	}
	.fancybox-inner > div:first-child {
		padding-top: 50px;
	}
}
/* Laptop (MD) */
@media (max-width: 991px) {
	:root {
		--bs-body-font-size: 18px;
		--bs-body-line-height: 1.8;
		
		--sw-body-font-size-small: 16px;
		--sw-body-line-height-small: 1.9;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 23px;
	}
	h3 {
		font-size: 18px;
	}
	#header-image img {
		padding-left: 4vw;
		padding-right: 8vw;
	}
	#header-text {
		margin-right: 9vw;
	}
	#header-text h2 {
		font-size: 4.5vw;
	}
	#page-search-field {
		width: 165px;
		height: 30px;
	}
	#header-content #page-search-icon {
		left: 138px;
		top: 7px;
		width: 17px;
		height: auto;
	}
	.image-statement .col-md-6.d-flex {
		padding: 6vw;
	}
	.fancybox-inner > div:first-child {
		padding-top: 25px;
	}
	.webform form {
		display: flex;
		flex-wrap: wrap;
	}
	.webform .form-element, .webform .actions {
		display: flex;
	}
	.webform .form-element:has(textarea) {
		order: 10;
	}
	.webform .form-element.has-textarea {
		order: 10;
	}
	.webform .actions {
		order: 11;
	}
	.webform .form-element, .webform .input, .webform input {
		width: 100%;
	}
}
/* Phone (XS) */
@media (max-width: 767px) {
	#header-image img {
		padding-left: 3vw;
		padding-right: 4vw;
	}
	#header-text {
		margin-right: 5vw;
	}
	#header-text h2 {
		font-size: 5vw;
	}
	#header-content.has-header-content #search-form > div {
		margin-top: 10px;
	}
	.image-statement .col-md-6.d-flex {
		min-height: 39vw;
		padding: 24px;
	}
	.image-statement .col-md-6.background-image {
		min-height: 70vw;
	}	
	footer > .container-fluid .row {
		display: inline-block;
	}
	footer .col-md-6.text-end {
		text-align: left !important;
	}
	.insurance .row .col {
		padding: 22px 12px 10px 12px;
		margin: 15px 0;
	}
	.image-text .image-embed-item {
		max-width: 100%;
		padding-bottom: 40px;
	}
	#map {
		min-height: 100vw;
		margin-bottom: 40px;
	}
	.video-embed video {
		width: 86vw;
	}
	.team {
		padding: 0 24px;
	}
	.team > .row {
		padding: 7px 20px 10px;
	}
	
}

@media (max-width: 575px) {
	#header-image img {
		padding-left: 14vw;
		padding-right: 19vw;
	}
	#header-text {
		margin: 7vw;
	}
	#header-text h2 {
		font-size: 7vw;
	}
	#header-content.has-header-content {
		order: -1;
	}
	#header-content.has-header-content #search-form > div {
		margin-top: -4vw;
		margin-left: 7vw;
	}
	.insurance {
		padding-top: 18px !important;
		padding-bottom: 20px !important;		
	}
	.insurance .row .col {
		padding-top: 20px;
	}
	.insurance .row .col:not(:first-child) {
		margin-top: 25px;	
	}
}

@media (max-width: 479px) {
	#header-image img {
		padding-left: 8vw;
		padding-right: 14vw;
	}
	#header-text {
		margin: 7vw 5vw 5vw;
	}
	#header-text h2 {
		font-size: 8vw;
	}
	#header-content.has-header-content #search-form > div {
		margin-top: -2vw;
		margin-left: 5vw;
	}
	.image-statement .col-md-6.d-flex {
		min-height: 70vw;
	}
}

/* JS - NO-JS */
html.js .opacityEffect, #references h2 {
	opacity: 0;
}
html.js .slideInEffect {
	position: relative;
	left: -5000px;
}
html.js .fancybox-inner .opacityEffect {
	opacity: 1;
}

html.no-js  #content #accordion ul li article .content {
	display: block;
}

@media screen and (max-width: 991px) {
	html.no-js  .navbar-toggler {
		display: none;
	}
	html.no-js .navbar .offcanvas {
		transform: none;
		position: relative;
		visibility: visible;
		width: 100%;
	}
}

/* FONTS */
@font-face{
	font-family:"Lato";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src:url("/home/kk/design/fonts/Lato-Regular.woff2") format("woff2"),url("/home/kk/design/fonts/Lato-Regular.woff") format("woff");
}
@font-face{
	font-family:"Lato";
	font-style: italic;
	font-weight: 400;
	font-display: block;
	src:url("/home/kk/design/fonts/Lato-Regular-Italic.woff2") format("woff2"),url("/home/kk/design/fonts/Lato-Regular-Italic.woff") format("woff");
}
@font-face{
	font-family:"Lato";
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src:url("/home/kk/design/fonts/Lato-Bold.woff2") format("woff2"),url("/home/kk/design/fonts/Lato-Bold.woff") format("woff");
}
@font-face{
	font-family:"Lato";
	font-style: italic;
	font-weight: 700;
	font-display: block;
	src:url("/home/kk/design/fonts/Lato-Bold-Italic.woff2") format("woff2"),url("/home/kk/design/fonts/Lato-Bold-Italic.woff") format("woff");
}