@import url('//fonts.googleapis.com/css?family=Raleway:300,400,400i,700');

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

@media (min-width:1300px) {.container {width:1270px;}}
@media (min-width:1400px) {.container {width:1370px;}}


/*
=======================================================================
	Bootstrap Col Double Margin
=======================================================================
*/


@media screen and (min-width: 991px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
		}
	
	.container .row {
		margin-right: -30px;
		margin-left: -30px;
		}
		.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:30px;padding-left:30px}
	}




/*
=======================================================================
	Main header General
=======================================================================
*/

header.mainheader  {
	z-index: 9999;
	top: 0;
	width: 100%;
	position: fixed;
	left: 0;
	transition: height 0.4s ease-in-out;
	-webkit-transition: height 0.4s ease-in-out;
	-moz-transition: height 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	border:0;
	}

body:not(.itemid-193) header.mainheader {
	background: #71bc78;
}

body header.mainheader:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	}
	
.mainheader .header-elements {
	padding-top: 25px;
	padding-bottom: 25px;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
	}

.mainheader .header-elements .sf-menu a {
	font-size:.8em;
	font-weight:lighter;
	}
	
	
	
@media (min-width:768px) {
	}

@media (min-width:991px) {
	.mainheader .header-elements .sf-menu a {font-size:1em;}
	}

@media (min-width:1200px) {
	.mainheader .header-elements .sf-menu a {font-size:1em;}
	}


/*
=======================================================================
	Main header Smaller General
=======================================================================
*/

/*body.itemid-193.fixed:not(.sticky-header) header.mainheader {background:none!important;}*/
/*body:not(.sticky) {background-color:none;}*/

.sticky-header header.mainheader {
	/*background: rgba(0,0,0,0.65);*/
	background:#71bc78 ;
}

.sticky-header header.mainheader .header-elements {padding-top: 0;padding-bottom: 0;}

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

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

@media (min-width:1200px) {
	header.mainheader .header-elements {padding-top: 0;padding-bottom: 0;}
	.sticky-header header.mainheader .header-elements {padding-top: 0;padding-bottom: 0;}
	.sticky-header .site-logo {width:200px;}
	}
	

/*
=======================================================================
	Custom Front Page
=======================================================================
*/

body.topmenu-0 .itemid-198 {padding-top:115px!important;padding-bottom:60px!important;}
body.topmenu-0 .itemid-198.xltitle h1 {font-size:2rem;font-weight:bold;}
body.topmenu-0 .itemid-198 .teaser {font-weight:lighter;}
body.topmenu-0 .itemid-198 .bttn.section-cta {background:#fff;color:#000;}
body.topmenu-0 .itemid-198 .bttn.section-cta:focus,
body.topmenu-0 .itemid-198 .bttn.section-cta:hover,
body.topmenu-0 .itemid-198 .bttn.section-cta:active {background: #0f7f87;border-color:#0f7f87;color:#fff;}
body.topmenu-0 .itemid-198 .bttn.section-cta:after {
	font-family: Font Awesome\ 5 Pro;
	content: "\f178";
	display: inline-block;
	margin-left: 10px;
	}


@media (min-width:768px) {
	body.topmenu-0 .itemid-198 {padding-top:150px!important;padding-bottom:100px!important;}
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:2.5rem;}
	}

@media (min-width:991px) {
	body.topmenu-0 .itemid-198 {padding-top:150px!important;padding-bottom:100px!important;}
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:3rem;}
	}

@media (min-width:1200px) {
	body.topmenu-0 .itemid-198 {padding-top:240px!important;padding-bottom:140px!important;}
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:4.3rem!important;}
	body.topmenu-0 .itemid-198 .teaser {font-size:1.4em;}
	}

@media (min-width:1500px) {
	body.topmenu-0 .itemid-198.xltitle h1 {font-size:5rem!important;}
	body.topmenu-0 .itemid-198 p {font-size:1.3em;}
	}


/*
=======================================================================
	Custom Footer
=======================================================================
*/

.site-footer .col.col1 img {width:150px;}

.site-footer .col .column-content h2 {font-size:1.4rem;font-weight:bold;letter-spacing:1px;}
.site-footer .col .column-content h2 + p {font-weight:lighter;}
.site-footer .white .col .column-content p,
.site-footer .white .col .column-content a {color:#dbdbdb!important;}
.site-footer .white .col .column-content a:hover,
.site-footer .white .col .column-content a:focus {text-decoration:underline;color:#fff!important;}

.site-footer a[href*="/maps/"]:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f041";
	display: inline-block;
	margin-right: 10px;
	}

@media (min-width:768px) {
	.site-footer .col.col1 img {width:200px;}
	}

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

@media (min-width:1200px) {
	.site-footer .col .column-content h2 {font-size:1.7rem;}
	}


/*
=======================================================================
	Custom Footer SoMe
=======================================================================
*/

.site-footer a[href*="facebook."]:before {
	font-family: Font Awesome\ 5 Brands;
	content: "\f082";
	margin-right: 10px;
	display: inline-block;
	}

.site-footer a[href*="linkedin."]:before {
	font-family: Font Awesome\ 5 Brands;
	content: "\f08c";
	margin-right: 10px;
	display: inline-block;
	}
	
.site-footer a[href*="websta.me"]:before,
.site-footer a[href*="instagram"]:before {
	font-family: Font Awesome\ 5 Brands;
	content: "\f16d";
	margin-right: 10px;
	display: inline-block;
	}

/*
=======================================================================
	Custom Footer Sub
=======================================================================
*/

.sub-footer,
.sub-footer a {color:#dbdbdb!important;}

.sub-footer a:hover,
.sub-footer a:focus {text-decoration:underline;color:#fff!important;}


/*
=======================================================================
	Flickity
=======================================================================
*/

.front-page-carousel {border-bottom:1px solid rgba(0,0,0,0.15);position:relative;padding-top:2.5rem;padding-bottom:2.5rem;}

.front-page-carousel .container {position:relative;width:100%;margin:0;padding:0;}


.custom-section-title {text-align:center;}
.custom-section-title > h2  {font-size:1.1rem;display:inline-block;}
.custom-section-title a {text-decoration:underline;}
@media (min-width:767px) {.custom-section-title > div {display:inline-block;}}


.main-carousel {width:100%;padding: 1rem 0 1.5rem 0 ;background: #fff;position:relative;}


.flickity-viewport {position:relative;}
.flickity-viewport:before {
	background: url(../images/grd-left.png);
	width:100px;
	height:100px;
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	}

.flickity-viewport:after {
	background: url(../images/grd-right.png);
	width:100px;
	height:100px;
	display:block;
	content:"";
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	}


.flickity-viewport .carousel-cell {padding-left:1rem;padding-right:1rem;}

.flickity-viewport .carousel-cell:not(.is-selected) img,
.flickity-viewport .carousel-cell.is-selected {
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}

.flickity-viewport .carousel-cell:not(.is-selected) img {
	opacity:0.8;
	}

.flickity-viewport .carousel-cell div {padding-left:2rem;padding-right:2rem;background: #fff;}
.flickity-viewport .carousel-cell.is-selected div {padding-left:2rem;padding-right:2rem;background: #fff;}
.carousel-cell > div {padding:1rem;display:block;}
.carousel-cell img {height:50px;}


.front-page-carousel .carousel-bttns {
	font-size:.9em;
	color:#999;
	z-index:1;
	text-align:center;
	}


.front-page-carousel .carousel-bttns a:before {
	font-family: Font Awesome\ 5 Pro;
	display: inline-block;
	margin-right:1rem;
	font-weight:bold;
	}



.front-page-carousel .carousel-bttns .pause-button:before {content: "\f04c";}
.front-page-carousel .carousel-bttns .play-button:before {content: "\f04b";}


/*
=======================================================================
	Blog & News
=======================================================================
*/

.itemid-288 {position:relative;}

@media (max-width:990px) {
	.itemid-288 .col-left {background: #0f7f87;padding-top:3rem;padding-bottom:3rem;}
	}

.itemid-288 .right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 50%;
	z-index: 0;
	background: #fff;
	margin-top: 0;
	}

.itemid-288 .left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 50%;
	z-index: 0;
	margin-top: 0;
	}


.itemid-288 .page-section-title {}

.itemid-288 .bttn-list {
	margin-top:3rem;
	font-size:.8em;
	display:table;
	}

.itemid-288 .bttn-list:after {font-family: Font Awesome\ 5 Pro;
	content: "\f054";
	padding-left: 10px;
	}

@media (max-width:990px) {
	.itemid-288 .col-left {margin-bottom:3rem;}
	}

@media (min-width:768px) {
	.itemid-288 .page-section-title {font-size:1.8rem;}
	}

@media (min-width:991px) {
	.itemid-288 .page-section-title {font-size:2rem;}
	.itemid-288 .left {background: #0f7f87;}
	.itemid-288 .right {background: #f6f6f6;}
	.itemid-288 .col-left {padding-right:2.5rem;}
	.itemid-288 .col-right {padding-left:2.5rem;}
	.itemid-288 .listelement-small-image .col-lg-4 {padding-right:0;}

	}

@media (min-width:1200px) {
	.itemid-288 .page-section-title {font-size:2.2rem;}
	.itemid-288.row-list .row-list-wrapper .listtext h1, 
	.itemid-288.row-list .row-list-wrapper .listtext a h1 {font-weight:bold!important;}	
	.itemid-288 .col-left {padding-right:3.5rem;}
	.itemid-288 .col-right {padding-left:3.5rem;}
	}


/*
=======================================================================
	Listelement Logo
=======================================================================
*/

.listelement-logo article {height:100%;border: 1px solid #e0e0e0;padding:2rem;text-align:center;position:relative;}
.listelement-logo article figure {
	height:60px;
	margin-bottom:1.5rem;
	}

.listelement-logo article figure img {
	max-width:100%;
	max-height:100%;
	object-fit: contain;
	}
	
.row-list .row-list-wrapper > .listelement-logo.col-lg-3 h1 {position:absolute;bottom:15px;left:0;text-align:center;width:100%;color:#999;font-size: .8em!important;}

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

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

@media (min-width:1200px) {
	.listelement-logo article {padding:2.5rem;}
	.row-list .row-list-wrapper > .listelement-logo.col-lg-3 h1 {font-size: .8em!important;}
	}


/*
=======================================================================
	Trainee List
=======================================================================
*/

.trainee-controls {margin-bottom:3rem;}
.trainee-controls button {border:0;color:#636363;background:#e6e6e6;margin-right:1rem;padding:1rem 0.5rem;font-weight:400;font-size:.7em;width:46%;margin-right:5%;}
.trainee-controls button:last-of-type {margin-right:0;}
.trainee-controls button:focus {outline:none;}

.trainee-controls button:after {
	font-family: Font Awesome\ 5 Pro;
	content: "\f406";
	display: inline-block;
	margin-left:1rem;
	}
	
.trainee-controls button.mixitup-control-active {background: #0f7f87;color:#fff;}
.trainee-controls button.mixitup-control-active:after {content:"\f4fc";}

.listelement-employee.listelement-trainee h3 a {color:#000;text-decoration:none;}
.listelement-employee.listelement-trainee h3 a:hover,
.listelement-employee.listelement-trainee h3 a:focus,
.listelement-employee.listelement-trainee h3 a:active {text-decoration:underline;}
.listelement-employee.listelement-trainee .employee-text {margin-top:.5rem!important;margin-bottom:.5rem!important;}
.listelement-employee.listelement-trainee .employee-year {margin-bottom:.5rem!important;}


@media (min-width:768px) {
	.trainee-controls button {font-size:1em;padding:1rem;width:auto;margin-right:30px;}
	}


/*
=======================================================================
	Trainee Profile
=======================================================================
*/

.page-profile .small-media {width:33%;}
.page-profile .text table td:first-child {white-space: nowrap;font-weight:lighter;}

/*
.page-profile .text ul {margin:0;padding:0;list-style:none;}
.page-profile .text ul li {margin:0;padding:0 0 0 2rem;position:relative;}
*/

.page-profile .text ul.profile-info {margin:0 0 3rem 0;list-style:none;padding-left:0;}
.page-profile .text ul.profile-info li {margin-bottom:.5rem;padding:0;}


.page-profile .text ul.profile-info li a {text-decoration:none;}
.page-profile .text ul.profile-info li a:focus,
.page-profile .text ul.profile-info li a:hover,
.page-profile .text ul.profile-info li a:active {text-decoration:underline;}
.page-profile .text ul.profile-info li a:before {
	display: inline-block;
	margin-right:10px;
	}

.page-profile .text ul.profile-info li.profile-info-email a:before	 {font-family: Font Awesome\ 5 Pro;content: "\f0e0";}
.page-profile .text ul.profile-info li.profile-info-linkedin a:before	 {font-family: Font Awesome\ 5 Brands;content: "\f08c";}


.page-profile .text ul.profile-blog {margin:0;padding:0;list-style:none;}
.page-profile .text ul.profile-blog li {margin-bottom:.25rem;position:relative;padding-left:30px;}
.page-profile .text ul.profile-blog li:before {
	position:absolute;
	left:0;
	font-family: Font Awesome\ 5 Pro;
	content: "\f075";
	display: inline-block;
	font-weight:bold;
	color:#0f7f87;
	}


.page-profile .text .table tbody tr td:first-child {width:25%;}

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

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

@media (min-width:1200px) {
	.page-profile .text h2 {font-size:1.3em;font-weight:bold;}
	}


/*
=======================================================================
	Custom List
=======================================================================
*/

.row-list .text {margin-bottom:1.5rem;}

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

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

@media (min-width:1200px) {
	.row-list .text {margin-bottom:3rem;}
	}


/*
=======================================================================
	Custom Containerwidth
=======================================================================
*/


@media (min-width:768px) {
	.containerwidth {max-width:750px;margin: 0 auto;}
	}

@media (min-width:991px) {
	.containerwidth {max-width:970px;margin: 0 auto;}
	}

@media (min-width:1200px) {
	.containerwidth {max-width:1170px;margin: 0 auto;}
	}


/*
=======================================================================
	Custom Misc
=======================================================================
*/

blockquote {
	border:0;
	position:relative;
	padding-left: 40px;
	padding-top: 10px;
	font-style:italic;
	font-weight:bold;
	color:#757575;
	line-height:1.5;
	}

blockquote:before {
	position:absolute;
	top:0;left:0;
	font-family: Font Awesome\ 5 Pro;
	content: "\f10d";
	display: inline-block;
	color:#e6e6e6;
	font-weight:bold;
	font-size:1.4em;
	}


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

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

@media (min-width:1200px) {
	blockquote:before {font-size:2.5em;}
	blockquote {
		padding-left: 80px;
		padding-top: 30px;
		}
	}