/* POB 31.07.2025 - 13:42 */

::selection {
	/* background: #ffdd6a; */
}
a {
	transition: all 0.2s;
}
/* a:focus, a:hover { */
	/* text-decoration: none; */
/* } */
.fg-paragraph p {
	margin-bottom: 15px;
}
.fg-paragraph p a, .fg-paragraph p a:hover {
	text-decoration: none;
}
h1 > p, h2 > p, h3 > p, h4 > p {
	margin: 0;
}
.fg-paragraph strong {
	font-weight: 700 !important;
}

/* lightbox */

.mfp-iframe-scaler iframe {
	background-color: #ffffff;
	box-shadow: none;
}
.mfp-iframe-holder .mfp-close {
	top: 8px;
    right: 19px;
	border-radius: 0;
	opacity: 1;
	background: none;	
	width: 32px;
	height: 32px;
	font-size: 40px;
	line-height: 0.85;
	color: #000000;
}
.mfp-iframe-holder .mfp-content {
	border-bottom: 11px solid #ed7000;
}	
/* Decoration / No Decoration in Lightbox iFrame */
body.no-decoration .ark-header, body.no-decoration .footer-container, body.no-decoration #footer, body.no-decoration.page .page-wrapper .fg-container-no-padding, body.no-decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.no-decoration .menu-top-menu-container, body.no-decoration .titlebar, body.no-decoration .contact-sidenav {
	display: none;
}
.ark-header, footer-container, #footer, .page .page-wrapper .fg-container-no-padding, .single-portfolio .page-wrapper .fg-container-no-padding, .menu-top-menu-container, .titlebar, .contact-sidenav {
	visibility: hidden;
}
body.decoration .ark-header, body.decoration .footer-container, body.decoration #footer, body.decoration.page .page-wrapper .fg-container-no-padding, body.decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.decoration .menu-top-menu-container, body.decoration .titlebar, body.decoration .contact-sidenav {
	visibility: visible;
}

/* Iframe Header */
body.no-decoration .fg-section .container .fg-heading {
	color: #2e2d2e !important;
}
body.no-decoration .fg-section .container .fg-paragraph, body.no-decoration .fg-section .container .fg-heading {
	animation-duration: 0s;
	animation-delay: 0s;
	animation-name: none;
}

/* Header Image and Text */
.header-large {
	/* height: 100vh; */
	height: 48vw;
	display: flex;
    /* align-items: end; */
}
/* .header-medium { */
    /* height: 45vw; */
	/* max-height: 630px; */
	
	/* to position header text */
	/* display: flex; */
    /* align-items: flex-end; */
/* } */
.header-text-background {
	position: absolute;
	bottom: 0;
}
.header-text-background .fg-wrapper {	
	/* margin-top: 42vh; */
	background-color: rgba(255,255,255,0.8);
	border-bottom: 23px solid #ed7000;
	/* max-width: 88vw; */
}
.header-text-background.header-border .fg-wrapper {
	background-color: transparent;
}
.header-large .header-text {
	max-width: 84vw;
	bottom: 0;
	position: absolute;
}
.header-large .header-text h1 {
	font-weight: 600;
	margin-bottom: 8px;
}
.header-large .header-text h1, .header-large .header-text h2, .header-large .header-text p {
	color: #000000;
}	
/* .header-medium .header-text { */
	/* margin-top: 15vw; */
/* } */
/* .header-small .header-text { */
	/* margin-top: 10vw; */
/* } */
/* .header-large .header-text p { */
	/* font-size: 70px; */
	/* line-height: 1.15; */
/* } */
/* .header-medium .header-text p { */
	/* font-size: 62px; */
	/* line-height: 1.15; */
/* } */
/* .header-small .header-text p { */
	/* font-size: 55px; */
	/* line-height: 1.15; */
/* } */
/* .header-text p { */
	/* font-weight: 600; */
	/* margin: 0; */
	/* line-height: 1.8; */
	
	/* -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); */
	/* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); */
	/* transform: translateY(-50px); */
	/* opacity: 0; */
	/* animation-name: titleAnimation; */
	/* animation-timing-function:ease; */
	/* animation-duration: 3.5s; */
	/* -webkit-animation-fill-mode: forwards; */
/* } */
/* .header-text p:nth-child(1){ */
  /* animation-delay: 1.7s; */
/* } */
/* .header-text p:nth-child(2){ */
  /* animation-delay: 1.6s; */
/* } */
/* .header-text p:nth-child(3){ */
  /* animation-delay: 1.5s; */
/* } */
/* .header-text p:nth-child(4){ */
  /* animation-delay: 1.4s; */
/* } */
/* @keyframes titleAnimation { */
    /* 0% { */
      /* transform: translateY(-50px); */
      /* opacity: 0; */
      /* -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); */
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); */
  /* } */
  /* 20% { */
      /* transform: translateY(0); */
      /* opacity: 1; */
      /* -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
  /* } */
  /* 100% { */
       /* transform: translateY(0); */
       /* opacity: 1; */
      /* -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
      /* clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%); */
  /* } */
/* } */


.display-flex-center {
	display: flex;
	align-items: center;
}

.image-full-width {
	/* height: 24vw; */
	/* max-height: 560px; */
}

.image-float-right img {
	float: right;
	width: calc(50% - 15px);
	margin: 0 0 30px 30px;
}

#footer a:hover {
	text-decoration: none;
}
.webagency li {
	margin: 0;	
}

.footer-navigation ul {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
.footer-navigation li {
	margin-left: 0;
	margin-right: 28px;
	list-style: none;
	float: left;
}

/* fixes lightbox more than 100% width */
.cbp-popup-wrap {
	width: 100vw;
}

/* Ark Map Element
.ff-map > div {
	pointer-events: all !important;
}
*/

.fg-container > .fg-row + .fg-row {
	margin-top: 20px;
}
.fg-paragraph ul {
	padding-left: 15px !important;
}
.fg-paragraph ul li {
	list-style-type: none;
	margin: 12px 0;
}
.fg-paragraph ul li:last-child {
	margin-bottom: 20px;
}
.fg-paragraph ul li:before {
    content: " ";
    background-image: url(/wp-content/uploads/icon-more-glyphicons-orange.svg);
    margin-left: -19px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position-y: 39%;
    background-size: 19px;
}
.fg-paragraph ul li a, .fg-paragraph ul li a:hover, .fg-paragraph ul li a:focus {
	color: #2e2d2e !important;
}
.fg-paragraph ul li a:hover, .fg-paragraph ul li a:focus {
	text-decoration: underline !important;
}
.info-box {
	padding: 27px 21px;
}
.info-box .fg-paragraph, .info-box .fg-paragraph p, .info-box .fg-paragraph li, .info-box .fg-paragraph li a, .info-box .fg-paragraph a, .info-box .fg-paragraph a:hover, .info-box h1, .info-box h2, .info-box h3, .info-box h1 p, .info-box h2 p, .info-box h3 p, .info-box ul li:before  {
	color: #ffffff !important;
	font-weight: 600 !important;	
}
.info-box .fg-paragraph a:hover {
	text-decoration: underline !important;
}
.info-box ul {
	padding-left: 14px !important;
}
.info-box ul li {
	list-style-type: none;
	margin: 12px 0;
}
.info-box ul li:last-child {
	margin-bottom: 12px;
}
.info-box ul li a, .info-box ul li a:hover, .info-box ul li a:focus {
	color: #ffffff !important;
	font-size: 104% !important;
}
.info-box ul li:before {
    content: " ";
    background-image: url(/wp-content/uploads/icon-more-glyphicons-white.svg);
    margin-left: -19px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position-y: 39%;
    background-size: 19px;
}
.service-box {
	
}
.service-box > .fg-wrapper {
	background-color: rgba(255,255,255,0.8);
	padding: 29px 28px;
	border-bottom: 8px solid #ed7000;
}
.service-box > .fg-wrapper .fg-paragraph, .service-box > .fg-wrapper .fg-paragraph p {
	margin-bottom: 0;
}
.service-box > .fg-wrapper .fg-paragraph a:hover {
	text-decoration: underline !important;
}
.service-box > .fg-wrapper .fg-paragraph a:after, .link-external-with-arrow a:before {
    content: " ";
    background-image: url(/wp-content/uploads/icon-more-glyphicons-gray.svg);
    margin-left: 1px;
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position-y: 40%;
    background-size: 17px;
}
.team-box  > .fg-wrapper .fg-paragraph, .team-box  > .fg-wrapper .fg-paragraph p {
	margin-bottom: 6px;
}
.team-box  > .fg-wrapper .fg-paragraph:last-child, .team-box  > .fg-wrapper .fg-paragraph p:last-child {
	margin-bottom: 0;
}
.link-external-with-arrow a:before {
    margin-left: -3px;
}
.link-external-with-arrow a:hover {
	text-decoration: underline !important;
}
.document-download .fg-paragraph, .document-download .fg-paragraph p {
	margin-bottom: 7px;
}
.document-download .fg-image {
	margin-top: 3px;
}
.buttons-el-wrapper .btn-text > span {
	color: #ed7000;
}
.wpcf7-form p {
	margin: 0;
	color: #2e2d2e;
}
.wpcf7-text, .wpcf7-select, .wpcf7-textarea {
	font-size: 16px !important;
    font-weight: 400 !important;
	border-radius: 0;
	color: #2e2d2e;
	background: #ffffff;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: none;
	/* border-color: #ebeef6; */
	border: none;
	margin-bottom: 20px;
	width: 100%;
	height: 40px;	
	padding: 6px 12px;
}
.wpcf7-text[readonly],
.wpcf7-select[readonly],
.wpcf7-textarea[readonly] {
	background-color: rgba(255, 255, 255, 0.3);
}
.wpcf7-select {
	padding: 6px 8px;
}
.radio-wrap {
	height: 40px;
    padding: 6px 12px;
    margin-bottom: 20px;
    font-size: 16px !important;
}

input[type='radio'] {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	outline: none;
	border: 3px solid #ed7000;
}

input[type='radio']:before {
	content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 20% auto;
    border-radius: 50%;
}
input[type="radio"]:checked:before {
	background: #2e2d2e;
	
}
input[type="radio"]:checked {
  border-color:#ed7000;
}

.wpcf7-textarea {
	height: 155px !important;
}

.wpcf7-form .fg-paragraph p {
	color: #ffffff;
	margin-bottom: 4px;
	font-size: 19px !important;
}
.wpcf7-submit {
	background-color: #f56800 !important;
	border-color: transparent !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-align: center !important;
	color: #ffffff !important;
	padding-top: 7px;
    padding-bottom: 9px;
	text-decoration: none;
	width: 100%;
	border-radius: 0;
}
.wpcf7-submit:hover, .mzo-file-upload:hover {
	background-color: #2c3760 !important;
}
.wpcf7 form .wpcf7-response-output {
	border: none;
	font-size: 22px !important;
	color: #2e2d2e !important;
	margin-left: 0;
	padding-left: 0;
}
::-webkit-input-placeholder { /* Edge */
  color: ##2e2d2e;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2e2d2e;
}

::placeholder {
  color: #2e2d2e;
}

.ost-jobs {
	font-family: 'Heebo',Arial,sans-serif;
}
.ost-jobs .title {	
    font-size: 30px;
	font-weight: 700;
	color: #f56700;
}
.ost-jobs .published {	
	font-size: 17px !important;
	color: #2e2d2e;
	font-weight: 700;
	opacity: 1 !important;
}
.ost-jobs .ost-job-info, .ost-jobs .ost-job-attributes li, .ost-jobs button {	
    font-size: 22px;
	font-weight: 300;
	color: #2e2d2e;
}
.ost-jobs button {	
	border: 2px solid #2e2d2e !important;
	background-color: rgba(0, 0, 0, 0);
	font-size: 18px !important;
	font-weight: 700 !important;
	padding-top: 23px;
    padding-right: 25px;
    padding-bottom: 23px;
    padding-left: 25px;
}
.ost-jobs .ost-job-attributes li {
	padding: 13px 15px 12px;
}
.ost-jobs .ost-job:hover {
	background-color: rgba(0, 0, 0, 0);
}
h3.form-title, h4.form-title {
	font-weight: 600;
}
h3.form-title {	
	padding-top: 15px;
}
.form-text {
	margin-bottom: 20px !important;
}
h3.form-title, h4.form-title, .form-text, .radio-wrap, .radio-wrap span, .radio-wrap p {
	color: #2e2d2e;
}
.wpcf7-checkbox label, .wpcf7-radio label {
	font-weight: 300;
}
.ppw-post-password-container {
	max-width: 1170px;
    padding: 200px 0;
    margin: 0 auto;
}
.ppw-post-password-container .ppw-ppf-desc, .ppw-post-password-container p {
	margin-bottom: 15px;
	font-size: 22px !important;
	color: #2e2d2e !important;
	font-family: 'Heebo', Arial, sans-serif;
	text-align: center;
}
.ppw-post-password-container .ppw-pwd-label > input {
	margin: 0 15px;
	
}
.tab-v2 {
	padding: 60px 0;
}
.tab-v2 .nav-tabs {
	background-color: #f3f2f3;
	width: 100%;
}
.tab-v2 .nav-tabs > li > a {
	padding: 18px 20px 8px;
}
.tab-v2 .nav-tabs > li.active > a {
	border-bottom: 10px solid #ed7000;
}
.tab-content {
	padding: 10px 0;
}
.tab-content .tab-pane-content {
	padding: 0 !important;
}
.tab-content .tab-pane-content .ff-richtext h3 {
	font-size: 22px;
	font-weight: 700 !important;
	padding: 30px 0 0;
}
.tab-content .tab-pane-content .ff-richtext p:has(img) + p, .tab-content .tab-pane-content .ff-richtext p:has(img) + ul {
	padding-top: 20px;
}
.tab-content .wpcf7-form {
    opacity: 1;
	padding: 40px 30px;
    background-image: url(/wp-content/uploads/inhalt-kursanmeldung-background-desktop.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}
.tab-content .tab-pane-content .ff-richtext ul li {
	list-style: outside;
	list-style-type: none;
	margin: 12px 0;	
}
.tab-content .tab-pane-content .ff-richtext ul li:before {
	content: " ";
    background-image: url(/wp-content/uploads/icon-more-glyphicons-orange.svg);
    margin-left: -19px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position-y: 39%;
    background-size: 19px;
}

.hide {
  display: none;
}
/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.webagency {
		float: right;
	}
	.custom-map #combinedMap {
		/* min-height: 300px; */
	}
	.header-large {	
		height: 52vw;
	}
	.header-large .header-text {
		margin-bottom: 46px;
	}
	.header-large .header-text h1 {
		font-size: 43px;
	}
	.header-large .header-text h2 {
		font-size: 32px;
	}
	.header-text-background .fg-wrapper {
		height: 224px;
		max-width: calc(100% - (100% - 750px + 30px) / 2);
	}
	.header-small {
		height: 36vw;
	}
	.btn-base-brd-slide {
		white-space: normal;
	}
	.info-box {
		margin: 10px 15px 0;
		max-width: calc(100% - 30px);
	}
	.service-box:last-child {
		padding-bottom: 0 !important;
	}
	.footer-icons img {
		margin-right: 10px;
	}
	.mfp-iframe-holder .mfp-content {
		min-height: 80vw;
	}
	body.no-decoration .fg-section .container {
		width: calc(100% - 54px);
		padding-top: 38px !important;
	}
	body.no-decoration .fg-section .container h1.fg-heading {
		font-size: 26px !important;
	}
	body.no-decoration .fg-section .container h2.fg-heading {
		font-size: 24px !important;
	}
	body.no-decoration .fg-section .container h3.fg-heading {
		font-size: 21px !important;
	}
	body.no-decoration .fg-section .container .fg-paragraph p, body.no-decoration .fg-section .container .fg-paragraph a, body.no-decoration .fg-section .container .fg-paragraph p a {
		font-size: 21px !important;
	}
	.team-box  > .fg-wrapper {
		min-height: 199px;
	}
	.team-box > img + .fg-wrapper {
		min-height: 235px;
	}
	.radio-wrap {
		height: 20px !important;
	}
}
/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.custom-map #combinedMap {
		/* min-height: 325px; */
	}
	.header-large .header-text {
		margin-bottom: 61px;
	}
	.header-large .header-text h1 {
		font-size: 54px;
	}
	.header-large .header-text h2 {
		font-size: 40px;
	}
	.header-text-background .fg-wrapper {
		height: 274px;
		max-width: calc(100% - (100% - 970px + 30px) / 2);
	}
	.header-small {
		height: 28vw;
	}
	.row-5-columns .col-md-2 {
		width: 20%;
	}
	.info-box {
		margin: 10px 15px 0 15px;
		max-width: calc(50% - 30px);
	}
	.footer-icons img {
		margin-right: 7px;
	}	
	.mfp-iframe-holder .mfp-content {
		min-height: 60vw;
	}
	.team-box  > .fg-wrapper {
		min-height: 172px;
	}
	.team-box > img + .fg-wrapper {
		min-height: 205px;
	}
	h3.form-title {
		padding-top: 15px;
	}
	h3.form-title {
		font-size: 22px;
	}
	h4.form-title {
		font-size: 19px;
	}
	.form-text {
		font-size: 18px;
	}
	.tab-v2 .nav-tabs > li {
		height: 80px;
	}
}
/* Desktop (LG) */
@media screen and (min-width: 1200px) {
	.header-large .header-text {
		margin-bottom: 57px;
	}
	.header-large .header-text h1 {
		font-size: 68px;
	}
	.header-large .header-text h2 {
		font-size: 50px;
	}
	.header-text-background .fg-wrapper {
		height: 303px;
		max-width: calc(100% - (100% - 1170px + 30px) / 2);
	}
	.header-small {
		height: 22.8vw;
	}
	.footer-icons img {
		margin-right: 10px;
	}	
	.mfp-iframe-holder .mfp-content {
		height: auto;
		min-height: 46vh;
	}	
	.team-box  > .fg-wrapper {
	min-height: 164px;
	}
	.team-box > img + .fg-wrapper {
		min-height: 174px;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 1650px) {	
    .container {
		width: 1370px !important;
	}	
	.header-text-background .fg-wrapper {
		max-width: calc(100% - (100% - 1370px + 30px) / 2);
	}	
	.mfp-iframe-holder .mfp-content {
		max-width: 1100px;
	}
}
/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {	
	.header-large {
		height: 41vw;
	}
	.header-text-background .fg-wrapper {
		height: 412px;
	}
	.header-large .header-text {
		margin-bottom: 110px;
	}
}

/* Laptop (MD)  */
@media screen and (max-width: 1199px) {
}
/* Portfolio Medium  */
@media screen and (max-width: 1099px) {
}
/* Tablet (SM) */
@media screen and (max-width: 991px) {
	.ff-map {
		height: 500px !important;
	}
	h3.form-title {
		font-size: 18px;
	}
	h4.form-title {
		font-size: 16px;
	}
	.form-text {
		font-size: 16px;
	}
	.tab-v2 .nav-tabs > li {
		height: 72px;
	}
}
/* Portfolio Small  */
@media screen and (max-width: 799px) {
}
/* Phone (XS) */
@media screen and (max-width: 767px) {
	.image-fullwidth {
		/* min-height: 70vw; */
	}
	.webagency {
		margin-top: 27px;
		float: left;
	}	
	.custom-map #combinedMap {
		/* min-height: 54vw; */
	}
	.header-large {	
		height: 110vw;
	}
	.header-large .fg-bg span {	
		background-position: 11% center !important;
	}
	.header-large .header-text {
		max-width: 89vw;
		margin-bottom: 9.6vw;
		margin-bottom: 10.2vw;
	}
	.header-large .header-text h1 {
		font-size: 8.4vw;
	}
	.header-large .header-text h2 {
		font-size: 5.9vw;
	}
	.header-text-background .fg-wrapper {
		height: 57.1vw;
		max-width: calc(100% - 30px);
		/* max-width: 93vw; */
	}
	.header-small {
		height: 76vw;
		max-height: 350px;
	}
	.btn-base-brd-slide {
		white-space: normal;
	}
	.info-box {
		margin: 10px 15px 0;
		max-width: calc(100% - 30px);
	}
	.service-box:last-child {
		padding-bottom: 0 !important;
	}
	.mfp-container, .mfp-iframe-holder {
		padding: 0;
	}
	.mfp-iframe-holder .mfp-content {
		max-width: 100vw;
		min-height: 100vh;
	}
	body.no-decoration .fg-section .container h1.fg-heading {
		font-size: 24px !important;
	}
	body.no-decoration .fg-section .container h2.fg-heading {
		font-size: 22px !important;
	}
	body.no-decoration .fg-section .container h3.fg-heading {
		font-size: 18px !important;
	}
	.radio-wrap {
		padding-left: 0;
		display: flex;
		flex-direction: column;
		margin-bottom: 36px;
	}
	.ost-jobs .ost-job .ost-row .ost-column1, .ost-jobs .ost-job .ost-row .ost-column2, .ost-jobs .ost-job .ost-row .ost-column3 {
		text-align: left;	
	}	
}
/* Portfolio Extra Small  */
@media screen and (max-width: 549px) {
	.image-float-right img {
		float: none;
		width: auto;
		margin: 0 0 7px;
	}
	.map {
		height: calc(100vw - 30px) !important;
	}
	.radio-wrap {
		min-height: 50px;
		display: inline;
	}
	.radio-wrap + .radio-wrap {
		padding-top: 22px;
	}
	.radio-wrap + p span {
		padding-top: 22px;		
	}
}
/* Extra Small 1 Additional Media Query  */
@media screen and (max-width: 480px) {
	.header-large .header-text {
		margin-bottom: 9.6vw;
	}
	.ost-jobs .ost-job-attributes li {
		display: flex !important;
		justify-content: space-around;
	}		
	.ost-jobs .ost-job-attributes li.ost-hidden {
		display: none !important;
	}
	.wpcf7-list-item {
		display: block;
	}
}
/* Extra Small 2 Additional Media Query  */
@media screen and (max-width: 400px) {
	
}
/* Extra Small 3 Additional Media Query  */
@media screen and (min-width: 580px) and (max-width: 991px) {
	
}


/* effects */
@-webkit-keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUpSPWE;
  animation-name: fadeInUpSPWE;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

