/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/raleway-v15-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.eot'); 
  src: local(''),
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), 
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.woff') format('woff'), 
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), 
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg');
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/tsbasetemplate/Resources/Public/Instafolio/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				background-color: #FFF;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Raleway', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 400;
				color:#000;
				background-repeat: no-repeat!important;
				outline: none;
				text-decoration:none;
				}

#portal
				{
				width: 100%;
				/*max-width: 1240px;
				margin: auto;*/
				overflow-x: hidden;
				}

#portal *
				{
				color: inherit!important;
				font-family: inherit!important;
				}

img
				{
				max-width: 100%;
				height: auto;
				}

a
				{
				text-decoration:none;
				transition: all 500ms;
				color: #134976;
				}

a:Hover,
a.active
				{
				color: #1e9c90;
				}

b,
strong
				{
				font-weight: 700;
				}

img
				{
				max-width: 100%;
				height: auto;
				border:0px;
				}
				
h1
				{
				font-size: 1.8rem;
				line-height: 1em;
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				letter-spacing: .1em;
				padding: 40px 0 0 0;
				margin-bottom: 20px;
				background: none;
				color: #FFF;
				}

#id_content_default h1
				{
				color: #00486D;
				}

h2
				{
				display: block;
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				font-size: 2.2rem;
				letter-spacing: .1em;
				line-height: 1em;
				margin-bottom: 20px;
				}
				
h3
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				font-size: 1.8rem;
				line-height: 1.4em;
				margin-bottom:20px;
				}

h3.bolditalic
				{
				color: #1e9c90;
				font-size: 1.5rem;
				font-weight: 700;
				font-style: italic;
				margin-bottom: 20px;
				}
		
h4
				{
				font-size: 1.4rem;
				font-weight: 700;
				margin-bottom:20px;
				}
				
h5
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				font-size: 1rem;
				margin-bottom:5px;
				}
				
h6
				{
				font-size: .75em;
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				margin-bottom:10px;
				}

.centered-head
				{
				text-align: center;
				margin-bottom: 30px;
				}
			
p,
.module ul li
				{
				font-size: 1rem;
				line-height: 1.6em;
				margin-bottom: 30px;
				}

/*
.module .inner p
				{
				max-width: 70%;
				}
*/

.text-center
				{
				text-align: center;
				}

.text-right
				{
				text-align: right;
				}

p.zitat
				{
				font-size: 1.8rem;
				line-height: 1.4em;
				margin-bottom:20px;
				}

.overlay
				{
				position: absolute;
				z-index: 99;
				right: 0;
				bottom: 0;
				width: 30%;
				padding: 0 40px 20px 0;
				}

.overlay p,
.left p,
.right p,
form p
				{
				max-width: 100%!important;
				}

.left img,
.right img
				{
				max-width: 100%!important;
				box-sizing: border-box;
				border: none!important;
				}

p.highlight
				{
				color: #00486D;
				}

.grid-item p,
.contact p,
.skew-text .skew-text-inner p,
.inner-small p
				{
				max-width: 100%!important;
				}
/*		
a span
*/
#btn_top span,
#id_ci span,
#id_menu_btn span,
.module a span
				{
				display: none;
				}

p.small
				{
				font-size: .95rem;
				}

p.big
				{
				font-size: 1.2rem;
				margin-bottom: 10px;
				}

.animate-typing
				{
				font-size: 1.4rem;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				margin-bottom: 20px;
				}

i
				{
				font-size: 1.2rem;
				font-style: italic;
				margin-bottom: 20px;
				}

ul
				{
				list-style: none;
				}

.only-mobile
				{
				display: none;
				}

.not-mobile
				{
				display: block;
				}

.module ul
				{
				list-style: square;
				margin: 0 0 60px 20px;
				}

.module ul li
				{
				/*font-size: 1.2rem;*/
				margin-bottom: 5px;
				}

.module ul li:last-child
				{
				margin-bottom: 0;
				}

.centered,
.centered *
				{
				text-align: center;
				}

.centered
				{
				position: relative;
				}

.btn,
form input[type="submit"],
.mauticform_wrapper button,
#back_btn
				{
				display: inline-block;
				font-size: 1rem!important;
				text-transform: uppercase;
				line-height: 1.2em!important;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				text-align: center;
				color: #134976!important;
				margin-bottom:10px;
				padding: 10px 20px!important;
				background: #FFF;
				border: none!important;
				-webkit-border-radius: 0!important;
				-moz-border-radius: 0!important;
				border-radius: 0!important;
				}

form input[type="submit"]
				{
				background-image: url('../images/icons/btn-arrow-white.svg');
				}

.btn:Hover,
form input[type="submit"]:Hover,
.mauticform_wrapper button,
.btn.btn-highlight,
#back_btn:Hover
				{
				color: #FFF!important;
				background: #1e9c90;
				}

.btn.btn-highlight:Hover
				{
				background: #134976!important;
				}

.c2abuttons .btn
				{
				width:220px;
				box-sizing: border-box;
				margin: 0 10px 10px 10px;
				}
				
p.indented
				{
				padding-left: 120px;
				}

.fancybox-container
				{
				z-index: 9999999!important;
				}

a.more
				{
				display: inline-block;
				padding-right: 22px;
				background-image: url('../images/icons/arrow-right.svg');
				background-position: right center;
				background-size: 16px;
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				color: #00486D;
				}
				
a.more:Hover
				{
				background-image: url('../images/icons/arrow-right-grey.svg');
				color: #7f8082;
				}

a.more span
				{
				display: inline-block;
				}
				
a.back
				{
				display: inline-block;
				text-transform: uppercase;
				font-weight: 600;
				padding-left: 24px;
				background-image: url('../images/custom/instifolio/btn-arrow-back.svg');
				background-position: left center;
				background-size: 20px 20px;
				margin-bottom: 0;
				}

#id_search_field
				{
				display: none;
				padding-top: 40px;
				}

#id_search_field input
				{
				width: 100%;
				border: none;
				padding: 8px 0;
				border-bottom: 1px solid #000;
				}

.index #id_content_default .module:first-of-type
				{
				
				background-image: url('../images/raute.svg');
				background-position: left top;
				background-size: cover;
				}

.video-header
				{
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 0;
				}

.video-header video
				{
				width: 100%;
				margin-top: -100px;
				}

.pdf-footer
				{
				display: none;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.ui-tabs
				{
				padding: 10px;
				}

.ui-tabs-nav
				{
				padding: 0!important;
				border: none!important;
				background: none!important;
				}

.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li *,
a.ui-tabs-anchor:Hover,
.paginate_button
				{
				border: none!important;
				}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-tabs-anchor:Hover,
.paginate_button
				{
				background: none!important;
				}

.ms-options
				{
				min-height: 270px!important;
				}

.ms-options-wrap > button > span,
.comiseo-daterangepicker-triggerbutton.ui-button,
.head-right select,
.head-right select *
				{
				font-size: .75rem!important;
				line-height: 1.5em!important;
				}

.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-header .ui-state-active,
.ui-datepicker-calendar a.ui-button:active,
.ui-datepicker-calendar .ui-button:active,
.ui-datepicker-calendar .ui-button.ui-state-active:hover
				{
				border-color: #128BD9!important;
				background: #128BD9!important;
				color: #FFF!important;
				}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight
				{
				color: #000;
				border-color: #c5c5c5;
				background: #c5c5c5;
				}

.comiseo-daterangepicker-presets .ui-menu-item,
.comiseo-daterangepicker-presets .ui-menu-item *
				{
				color: #000!important;
				border: none!important;
				}

.date-wrapper
				{
				position: relative;
				width: 45%;
				float: right;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#mauticform_input_beschwerdeformularcharteredinvestment_datenschutzhinweis
				{
				font-size: .8rem;
				}

.mauticform_wrapper
				{
				max-width: 100%!important;
				margin: 0 0 20px 0!important;
				}

.mauticform-row
				{
				margin-bottom: 10px!important;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.left
				{
				position: relative;
				float: left;
				width: 48%;
				margin-right: 2%;
				}

.right
				{
				position: relative;
				float: right;
				width: 48%;
				margin-left: 2%;
				}

.grid-wrapper
				{
				display: flex;
				margin-left: -2%;
				width: 104%;
				}

.grid-three
				{
				position: relative;
				width: 29.33%;
				margin: 0 2% 20px 2%;
				}

.grid-four
				{
				position: relative;
				width: 23%;
				margin: 0 2% 20px 2%;
				}

.grid-four.grid-four-double
				{
				width: 46%;
				}

.grid-five
				{
				position: relative;
				width: 16%;
				margin: 0 2% 20px 2%;
				}

.grid-five.grid-five-double
				{
				width: 36%;
				}

.circles-wrapper,
.teaser-wrapper
				{
				display: flex;
				flex-wrap:wrap;
				}

.circles-wrapper
				{
				max-width: 80%;
				margin: auto;
				}

.circles.three-circles
				{
				width: 19%;
				margin: 0 3%;
				}

.circles.four-circles
				{
				width: 22%;
				margin: 30px 1%;
				}
				
.teaser-wrapper .teaser
				{
				width: 29.33%;
				margin: 0 2%;
				}

.arrows
				{
				float: left;
				width: 5.33%;
				background-image: url('../images/custom/instifolio/arrow-double.svg');
				background-position: center center;
				background-size: 70% auto;
				}

.circle-wrapper
				{
				width: 100%;
				padding-top: 100%;
				position: relative;
				
				background: #FFF;
				border: 1px solid #CCC;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				/*background-image: url('../images/custom/instifolio/raute.svg');
				background-position: center center;
				background-size: 100% auto;*/
				}

.circle-wrapper .circle
				{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				text-align: center;
				}

.circle-wrapper .circle .circle-inner
				{
				width: 86%;
				padding: 25px 7% 0 7%;
				text-align: center;
				}

.circle-wrapper .circle .circle-inner *
				{
				text-align: center;
				}

.circle-wrapper .circle .circle-inner img
				{
				width: 70px;
				height: auto;
				margin-bottom: 10px;
				}

.four-circles .circle-wrapper .circle .circle-inner
				{
				padding-top: 100px;
				}

.circle-wrapper h3
				{
				font-size: 1.1rem;
				line-height: 1em;
				color: #00486D;
				}

.circle-wrapper h3 span
				{
				background: #00486D;
				color: #FFF;
				font-size: 1rem;
				line-height: 1.9em;
				display: inline-block;
				font-weight: 600;
				width: 30px;
				height: 30px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				text-align: center;
				box-sizing: border-box;
				}

.circles.four-circles .circle-wrapper h3
				{
				font-size: 1.8rem;
				}

.div-overall
				{
				text-align: right;
				font-size: .9rem;
				}

.div-overall .overallPerformance
				{
				font-weight: 600;
				font-size: .9rem;
				}

.icon-wrapper
				{
				display: flex;
				flex-wrap:wrap;
				}

.icon-wrapper .icon-wrapper-icon
				{
				max-width: 30%;
				margin-right: 3.33%;
				}

.icon-wrapper .icon-wrapper-icon h3
				{
				font-size: 1.15rem;
				text-transform: uppercase;
				margin-bottom: 10px;
				}

.icon-wrapper .icon-wrapper-icon img
				{
				max-width:80px;
				margin-bottom: 5px;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_detail_bg
				{
				width: 100%;
				height: 340px;
				background: rgb(1,207,238);
				background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
				background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9c90', endColorstr='#00486D',GradientType=1 );
				}

/* ------------------------------------------------------------------------------------------------------------ */

.video-wrapper
				{
				position: relative;
			    padding-top: 56.25%;
			    height: 0;
			    overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				margin-bottom: 20px;
				/*
				-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
				*/
				}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.video-wrapper video
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}
	
/* ------------------------------------------------------------------------------------------------------------ */

.screen-video-wrapper
				{
				position: relative;
				/*margin-top: -60px;*/
				width: 100%;
				}

.screen-video-wrapper .screen-video 
				{
				height: 0;
				overflow: hidden;
				padding-top: 60%;
				position: relative;
				}

.screen-video-wrapper .screen-video .screen-video-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.screen-video-wrapper img
				{
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: auto;
				z-index: 10;
				}

.screen-video-wrapper video,
.screen-video-wrapper a.video-link
				{
				position: absolute;
				top:3%;
				right: 2%;
				width: 54%;
				z-index: 5;
				}

.screen-video-wrapper a.video-link
				{
				display: block;
				z-index: 11;
				}

.screen-video-wrapper a.video-link .video-link-inner
				{
				position: relative;
			    padding-top: 56.25%;
			    height: 0;
			    overflow: hidden;
				}

.screen-video-wrapper a.video-link .video-link-inner .video-link-content
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.screen-video-wrapper .screen-video .screen-video-inner span
				{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 20;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				color: #1e9c90;
				line-height:1em;
				font-size: 4rem;
				}

@media screen and (max-width: 1200px) {
	
	.screen-video-wrapper .screen-video .screen-video-inner span
				{
				font-size: 3rem;
				}

}

@media screen and (max-width: 900px) {
	
	.screen-video-wrapper .screen-video .screen-video-inner span
				{
				font-size: 2rem;
				}

}
			
/* ------------------------------------------------------------------------------------------------------------ */				

.flex-wrapper
				{
				display: flex;
				flex-wrap:wrap;
				}

.flex-wrapper .grid-item .grid-item-inner
				{
				margin: 20px!important;
				height: calc(100% - 20px);
				background-repeat: no-repeat!important;
				}

.icon-teaser-wrapper
				{
				justify-content: center;
				}

.icon-teaser-wrapper .icon-teaser
				{
				width: 27.33%;
				margin: 0 3%;
				text-align: center;
				}

.icon-teaser-wrapper .icon-teaser *
				{
				text-align: center;
				margin: auto;
				}

.icon-teaser-wrapper .icon-teaser img
				{
				width: auto;
				max-width: 100px;
				margin: 0;
				}

.icon-teaser-wrapper .icon-teaser h3
				{
				text-transform: uppercase;
				font-size: 1.2rem;
				margin-bottom: 10px;
				}

.content-slider
				{
				width: 100%;
				max-width: 100%;
				overflow-x: hidden;
				}

.slick-next
				{
				right: 20px;
				}

.slick-prev
				{
				left: 20px;
				z-index: 999;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_page
				{
				width:100%;
				margin: auto;
				}

#id_header
				{
				position: fixed;
				width: 100%;
				background: #FFF;
				z-index: 999;
				-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
				-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
				box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
				}

#id_header .inner
				{
				padding: 30px 0;
				transition: all 500ms;
				}

.reduced #id_header .inner
				{
				padding: 10px 0;
				}

#id_header #id_ci
				{
				float: left;
				width: 300px;
				height: 60px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('../images/ci/instifolio.svg');
				transition: all 500ms;
				}

.reduced #id_header #id_ci
				{
				width: 200px;
				height: 40px;
				}

#id_header #id_menu
				{ 
				float: right;
				padding-top: 22px;
				transition: all 500ms;
				}

.reduced #id_header #id_menu
				{ 
				padding-top: 11px;
				}

#id_header #id_menu ul li
				{ 
				float: left;
				margin-left: 40px;
				color: #205577;
				}

#id_header #id_menu ul li:last-child
				{ 
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 14px;
				background-image: url('../images/custom/instifolio/login.svg');
				padding-left: 20px;
				transition: all 500ms;
				}

#id_header #id_menu ul li:last-child:Hover
				{ 
				background-image: url('../images/custom/instifolio/login-over.svg');
				}

#id_header #id_menu ul li.login:last-child a
				{ 
				color: #205577!important;
				}


#id_header #id_menu ul li:last-child a
				{
				color: #1e9c90;
				}

#id_header #id_menu ul li a
				{
				position: relative;
				text-transform: uppercase;
				display: inline-block;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				}

#id_header #id_menu ul li a:Hover,
#id_header #id_menu ul li.active a,
#id_header #id_menu ul li a.active,
.index #id_header #id_menu ul li:first-child a
				{
				color: #fabc82!important;
				}

#id_menu_btn
				{
				display: none;
				position: absolute;
				width: 30px;
				height: 30px;
				top:25px;
				right: 0;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('../images/icons/menu.svg');
				}

.menu-opened #id_menu_btn
				{
				background-image: url('../images/icons/close.svg');
				}

/* ------------------------------------------------------------------------------------------------------------ */

.full-flex-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				background-color: #f4f4f4;
				}


.full-flex-wrapper.blue,
				{
				background: #084a71;
				}

.full-flex-wrapper.green
				{
				background: #00a28d;
				}

/*
.full-flex-wrapper .full-flex-left.blue,
.full-flex-wrapper .full-flex-right.blue
				{
				background: #218bc1;
				}

.full-flex-wrapper .full-flex-left.green,
.full-flex-wrapper .full-flex-right.green
				{
				background: #00a28d;
				}
*/

.full-flex-wrapper *
				{
				color: #FFF;
				}

.full-flex-wrapper .full-flex-left,
.full-flex-wrapper .full-flex-right
				{
				width: 50%;
				background-position: center center!important;
				background-repeat: no-repeat;
				background-size: cover;
				/*background-blend-mode: multiply;*/
				}

.full-flex-wrapper .full-flex-left .full-flex-inner,
.full-flex-wrapper .full-flex-right .full-flex-inner
				{
				max-width: 590px;
				box-sizing: border-box;
				padding: 80px 60px 60px 60px;
				}

.full-flex-wrapper .full-flex-left .full-flex-inner
				{
				float: right;
				}
/*
.full-flex-wrapper .full-flex-left .full-flex-inner,
.full-flex-wrapper .full-flex-left .full-flex-inner *
				{
				text-align: right;
				}
*/
.full-flex-wrapper.blue .full-flex-left,
.full-flex-wrapper.blue .full-flex-right
				{
				background-color: #00486D;
				}

.full-flex-wrapper.green .full-flex-left,
.full-flex-wrapper.green .full-flex-right
				{
				background-color: #00a28d;
				}

.full-flex-wrapper h2
				{
				margin-bottom: 8px;
				}

.full-flex-full .full-flex-inner
				{
				padding: 0!important;
				max-width: 100%!important;
				}

.full-flex-wrapper h6
				{
				display: inline-block;
				background: #000;
				text-transform: none;
				line-height: 1em;
				letter-spacing: .2em;
				color: #FFF;
				font-weight: 300;
				padding: 12px 20px 10px 20px;
				}				

/* ------------------------------------------------------------------------------------------------------------ */

#id_content
				{
				width:100%;
				padding-top: 120px;
				transition: all 500ms;
				}

.reduced #id_content
				{
				padding-top: 60px;
				}

.module
				{
				position: relative;
				padding: 80px 0;
				background-position: center center;
				background-size: cover;
				z-index: 2;
				overflow-x: hidden;
				}

.module.white-bg
				{
				background: #fff;
				}

.module-circles p
				{
				text-align: center;
				max-width: 100%;
				margin: auto;
				margin-bottom: 40px;
				}

.corner
				{
				position: absolute;
				bottom:0;
				right: 0px;
				width: 300px;
				height: 300px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('../images/corner.png');
				transition: all 500ms;
				}

#id_content_default
				{
				padding: 0;
				}

#id_content_default.content-detail
				{
				padding: 50px 0 0 0;
				}

.bottom-grey
				{
				height: 100px;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				background: #33383c;
				}

.skew-text
				{
				position: absolute;
				z-index: 999;
				bottom: -50px;
				left: 15%;
				width: 70%;
				background: rgb(1,207,238);
				background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
				background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9c90', endColorstr='#00486D',GradientType=1 );
				}

.skew-text .skew-text-inner
				{
				padding: 30px;
				width: calc(100% - 60px);
				}

.skew-text .skew-text-inner *
				{
				color: #FFF;
				text-align: center;
				margin-bottom: 0;
				}

.inner
				{
				position: relative;
				width:1180px;
				margin: auto;
				}

.module.grey
				{
				background: #f4f4f4;
				}	

.module.blue
				{
				/* 00486D */
				/* #484848 */
				background: #f4f4f4;
				}
/*
.module.blue .inner
				{
				padding: 80px 100px;
				box-sizing: border-box;
				}	
*/

/*.module.blue *,*/
.module.header *
				{
				color: #FFF;
				}			

.module.header
				{
				overflow: hidden;
				}	

.module.header h1
				{
				text-align: center;
				font-size: 2.8rem;
				letter-spacing: .2em;
				}

.module.header .inner
				{
				padding: 30px 0;
				text-align: center;
				z-index: 10;
				}

.module.header .inner p
				{
				text-align: center;
				background: #000;
				font-size: .9rem;
				letter-spacing: .15em;
				padding: 5px 20px;
				display: inline-block;
				}	

.module.no-padding
				{
				padding: 0;
				}

.inner-small
				{
				max-width: 70%;
				margin: auto;
				position: relative;
				}

.inner-small img
				{
				width: 100%;
				height: auto;
				margin-bottom: 30px;
				}

.centered .inner-small,
.inner-small.centered
				{
				margin: auto;
				}

.text-inner
				{
				padding: 30px 0 0 10%;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.flex-grid-wrapper,
.grid
				{
				position: relative;
				max-width:1680px;
				width: calc(100% + 40px);
				margin: auto;
				margin-left: -20px;
				transition: all 500ms;
				}

.flex-grid-wrapper.indizes,
.flex-grid-wrapper.teaser,
.flex-grid-wrapper.jobs
				{
				width: calc(100% + 20px);
				margin-left: -10px;
				}

.grid-sizer,
.grid-item
				{
				width: 33.33%;
				}

.grid-item .grid-item-inner
				{
				background: #FFF;
				border-bottom: 1px solid #7f8082;
				margin: 20px;
				background-size: contain;
				}

.four .grid-item .grid-item-inner
				{
				border-bottom: none;
				}

.grid-item.grid-item-highlight .grid-item-inner
				{
				background: #00486D;
				}

.grid-item.grid-item-highlight.grid-item-highlight-grey .grid-item-inner
				{
				background: #7f8082;
				}

.grid-item.grid-item-highlight .grid-item-inner *
				{
				color: #FFF;
				}

.grid-item.grid-item-highlight .grid-item-inner a.more
				{
				color: #FFF;
				background-image: url('../images/icons/arrow-right-white.svg');
				}

.grid-item:nth-child(1n) .grid-item-inner
				{
				margin-top: 40px;
				}

.grid-item:nth-child(2n) .grid-item-inner
				{
				margin-top: 140px;
				}

.grid-item:nth-child(5n) .grid-item-inner
				{
				margin-top: 80px;
				}

.grid-item:nth-child(4n) .grid-item-inner
				{
				margin-top: 100px;
				}

.grid-item .grid-item-inner .grid-item-inner-content
				{
				padding: 15px;
				transition: all 500ms;
				}

.grid-item .grid-item-inner .grid-item-inner-content *
				{
				}
				
.grid-item .grid-item-inner p
				{
				margin-bottom: 20px;
				}

.grid-item-video
				{
				position: relative;
				width: 100%;
				padding-top: 56.25%;
				background-position: center center;
				background-size: 105%;
				transition: all 500ms;
				}

.grid-item-video:Hover
				{
				background-size: 120%;
				}

.grid-item-video .grid-item-video-inner
				{
				position: relative;
				}
				
.grid-item-video .grid-item-video-inner .link
				{
				position: absolute;
				padding: 20px;
				bottom: 0;
				}

.indizes-box
				{
				width: 33.33%!important;
				display: flex;
				}

.indizes-box .indizes-box-inner
				{
				width: 100%;
				position: relative;
				background-color: #FFF;
				border: 1px solid #CCC;
				background-image: url('../images/gradient.svg');
				background-position: right top;
				background-size: contain;
				margin: 10px;
				padding: 20px!important;
				transition: all 500ms;
				}

.indizes-box:Hover .indizes-box-inner
				{
				background-color: #10497e;
				background-image: none;
				}


.indizes-box .indizes-box-inner *
				{
				color: #1e9c90;
				}


.indizes-box:Hover .indizes-box-inner *
				{
				color: #FFF;
				}

.indizes-box .indizes-box-inner h3,
.job-box .job-box-inner h3
				{
				font-weight: 700;
				letter-spacing: .05em;
				text-transform: uppercase;
				font-size: 1.2rem;
				line-height: 1.2em;
				margin-bottom: 40px;
				}

.job-box .job-box-inner h3 span
				{
				font-size: 1rem;
				display: inline-block;
				position: relative;
				bottom: 0;
				}

.indizes-box .indizes-box-inner span,
.job-box .job-box-inner span
				{
				display: block;
				position: absolute;
				bottom: 20px;
				}

.indizes-box.indizes-box-grey .indizes-box-inner
				{
				background-color: #FFF;
				background-image:url('../images/bgs/gradient-grey.svg');
				min-height:140px;
				}

.indizes-box-blank
				{
				position: relative;
				display: flex;
				width: 100%;
				}

.indizes-box-blank .indizes-box-blank-info
				{
				position: absolute;
				width: 100%;
				text-align: center;
				padding-top: 90px;
				z-index: 99;
				}

.indizes-box-blank .indizes-box-blank-info span
				{
				font-size: 1.2rem;
				color: #7f8082;
				font-style: italic;
				}

.teaser-item
				{
				width: 25%;
				}

.teaser-item h5
				{
				text-align: center;
				font-weight: 700;
				}

.teaser-item .teaser
				{
				display:block;
				margin: 10px;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				padding-top: 56%;
				position: relative;
				}

.teaser-item .teaser .teaser-item-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				background: rgb(1,207,238);
				background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
				background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9c90', endColorstr='#00486D',GradientType=1 );
				opacity: 0;
				transition: all 500ms;
  				}

.teaser-item .teaser:Hover .teaser-item-inner
				{
				opacity: 1;
  				}

.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered
				{
				position: absolute;
				left: 0;
				bottom: 0;
				right: 0;
				width: 90%;
				/*top: 50%;
				transform: translateY(-50%);*/
				padding: 0 5%;
				top:0;
				display: flex;
				justify-content: center;
				flex-direction: column;
				height: 100%;
  				}

.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered *
				{
				margin: 0;
  				}

.teaser-item .teaser .teaser-item-inner.video
				{
				opacity: 1;
				background-size: 30% auto;
				background-position: center center;
				background-repeat: no-repeat;
				background-image:url('../images/icons/play.svg');
				transition: all 500ms;
  				}

.teaser-item .teaser:Hover .teaser-item-inner.video
				{
				background-size: 40% auto;
  				}

.teaser-item .teaser .teaser-item-inner *
				{
				text-align: center;
				max-width: 100%;
				color: #FFF;
				}

.teaser-item .teaser .teaser-item-inner p
				{
				display: block;
				margin-bottom: 0;
				}

.highcharts-container,
.highcharts-root
				{
				width: 100%!important;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_instifolio_overview,
#id_instifolio_detail
				{
				padding-top: 50px;
				}

#id_instifolio_overview input,
#id_instifolio_overview select
				{
				background-color: #FFF!important;
				font-size: 1rem;
				border: none;
				margin-bottom: 30px;
				padding-left:10px;
				}
				
.head-right
				{
				position: relative;
				}
				
.head-right select
				{
				background-color: #f4f4f4!important;
				font-size: 1rem;
				border: none;
				margin-bottom: 20px;
				}

.instifolios
				{
				width: 102%;
				margin-left: -1%;
				display: flex;
				flex-wrap: wrap;
				}

.instifolio-box-wrapper
				{
				width: 31.33%;
				margin: 0 1% 20px 1%;
				}

.instifolio-box-wrapper *,
.instifolio-box *,
.instifolio-content table *
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 400;
				}

.instifolio-box-wrapper strong,
.instifolio-box strong,
.instifolio-content table strong
				{
				font-weight: 600;
				}

.instifolio-box-wrapper h3,
.instifolio-box h3
				{
				font-weight: 600;
				}
				

#id_instifolio_overview .instifolios
				{
				width: 102%;
				margin-left: -1%;
				display: flex;
				flex-wrap: wrap;
				}

#id_instifolio_overview .instifolio-box-wrapper
				{
				width: 31.33%;
				margin: 0 1% 20px 1%;
				}
				
@media screen and (max-width: 1200px) {
	
	#id_instifolio_overview .instifolios
				{
				width: 100%;
				margin-left: 0;
				display: block;
				}
	
	#id_instifolio_overview .instifolio-box-wrapper
				{
				width: 100%;
				margin: 0 0 20px 0;
				}

}

.instifolio-box
				{
				display: block;
				width: 100%;
				height: 100%;
				padding-bottom: 120px;
				position: relative;
				background-position: center center;
				background-size: cover;
				background-color: #00a28d;
				background-blend-mode: multiply;
				box-sizing: border-box;
				}

.instifolio-box-wrapper.milk .instifolio-box,
body.base-page.milk #id_instifolio_detail .instifolio-box
				{
				background-color: #9fb8b5;
				}
/*			
.base-page .instifolio-box
				{
				height: inherit;
				}
*/
.ui-tooltip-content a
				{
				text-decoration: underline;
				}

a.instifolio-box:Hover
				{
				/*background-size: 110% auto;
				background-color: #00486D;*/
				}

#id_instifolio_detail .instifolio-box
				{
				height: auto;
				}

.instifolio-box .instifolio-box-inner
				{
				/*position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;*/
				padding: 20px;
				}

#id_instifolio_detail .instifolio-box .instifolio-box-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				}

.instifolio-box-info
				{
				display: block;
				width: 52px;
				height: 52px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				position: absolute;
				box-sizing: border-box;
				/*right: 30px;
				margin-top: -15px;*/
				right: 40px;
				margin-top: 0px;
				}

.instifolio-box-info.instifolio-box-info-green
				{
				background-image:url('../images/green.svg');
				padding-top: 18px;
				top:0;
				}

.instifolio-box-info.instifolio-box-info-red
				{
				background-image:url('../images/red.svg');
				padding-top: 8px;
				top:0;
				}

.instifolio-box-info span
				{
				display: block!important;
				text-align: center;
				color: #FFF!important;
				font-size: .7rem;
				line-height: 1em;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details
				{
				background: #FFF;
				padding: 20px;
				box-sizing: border-box;
				width: 100%;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details *
				{
				margin: 0 0 5px 0;
				line-height: 1.2em;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details p
				{
				font-size: .8rem;
				max-width: 100%;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details h3,
#id_instifolio_detail h3
				{
				font-size: 1.4rem;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details span
				{
				display: inline;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details span.arrow
				{
				padding-left: 16px;
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 10px auto;
				margin: 0 3px 0 0;
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details span.arrow.arrow-green
				{
				background-image:url('../images/arrow-green.svg');
				}

.instifolio-box .instifolio-box-inner .instifolio-box-details span.arrow.arrow-red
				{
				background-image:url('../images/arrow-red.svg');
				}

#id_instifolio_detail_header
				{
				display: flex;
				}

#id_instifolio_detail_header .instifolio-box
				{
				padding-top: 40%;
				}

#id_instifolio_detail_header table
				{
				width: 100%;
				}

#id_instifolio_detail_header table td
				{
				width: 50%;
				vertical-align: top;
				}

#id_instifolio_detail *
				{
				max-width: 100%;
				}

#id_instifolio_detail p,
#id_instifolio_detail td,
#id_instifolio_detail th,
#id_instifolio_detail li,
#id_instifolio_detail h6
				{
				font-size: .9rem;
				line-height: 1.6em;
				}

#id_instifolio_detail th
				{
				line-height: 1.2em;
				}

#id_instifolio_detail tr td:first-child,
#id_instifolio_detail tr th:first-child
				{
				text-align: left!important;
				}

#id_instifolio_detail_header_left
				{
				width: 68%;
				margin-right: 2%;
				}

#id_instifolio_detail_header_right
				{
				width: 30%;
				}

/*
#id_instifolio_detail_header_short
				{
				margin-bottom: 20px;
				}
*/
#id_instifolio_detail h5
				{
				font-size: 1rem;
				text-transform: uppercase;
				font-weight: 600;
				color: #01a791;
				margin-bottom:10px;
				}

#id_instifolio_detail_header_box_content p
				{
				margin: 0;
				}

.instifolio-content
				{
				background: #FFF;
				padding: 20px;
				box-sizing: border-box;
				}

#id_instifolio_detail_header_right h5
				{
				margin-bottom:45px;
				}

#id_manager
				{
				/*display: flex;
				align-items:center;*/
				position: relative;
				margin-bottom: 40px;
				display: flex;
				/*flex-wrap: wrap;*/
				align-items: center;
				}

#id_manager #id_manager_image
				{
				/*float: left;*/
				position: absolute;
				width: 80px;
				height: 80px;
				overflow: hidden;
				margin-right: 10px;
				}

#id_manager #id_manager_image img
				{
				width: 100%;
				height: auto;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				}

#id_manager #id_manager_content
				{
				/*float: left;
				position: absolute;
				left: 0;
				top:0;*/
				padding-left: 90px;
				}

#id_manager #id_manager_content h4
				{
				font-size: .9rem;
				text-transform: uppercase;
				font-weight: 600;
				margin: 0;
				}

#id_manager #id_manager_content p
				{
				margin: 0;
				}

@media screen and (max-width: 1300px) {
	
	#id_manager #id_manager_image
				{
				width: 60px;
				height: 60px;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				}

	#id_manager #id_manager_content
				{
				padding-left: 70px;
				}

}

.block
				{
				margin-bottom: 40px;
				}

.block.block-min
				{
				margin-bottom: 20px;
				}

.block-short
				{
				max-width: 75%!important;
				}

.whitebox
				{
				position: relative;
				background: #FFF;
				padding: 20px;
				margin-bottom: 20px;
				box-sizing: border-box;
				}

.head-left,
.chart-left
				{
				width: 35%;
				float: left;
				}

.head-right,
.chart-right
				{
				width: 65%;
				float: right;
				}

.head-left,
.head-right
				{
				margin-bottom: 40px;
				}

.head-right input[type="date"]
				{
				padding: 13px;
				}

.head-right input[type="date"],
.head-right select,
.select-wrapper
				{
				position: relative;
				width: 28%!important;
				margin-left: 1%;
				float: right;
				background-color: #f4f4f4;
				box-sizing: border-box;
				}

.head-right select,
.head-right input[type="date"]
				{
				width: 100%!important;
				margin: 0!important;
				}

.submit-wrapper
				{
				width: 9%!important;
				margin-left: 1%;
				float: right;
				text-align: right;
				}

.date-checkbox
				{
				width: 30%!important;
				margin-left: 1%;
				float: right;
				text-align: right;
				padding-top: 12px;
				}

.date-checkbox label
				{
				font-size: .8rem;
				}

.head-right input[type="submit"],
.head-right input[type="submit"]:Hover

				{
				width: 48px;
				height: 48px;
				/*float: right;
				margin-left: 1%;*/
				background-color: inherit!important;!
				box-sizing: border-box;
				background-image: url('../images/custom/instifolio/arrow-go.svg')!important;
				background-position: right center;
				background-size: 30px;
				}

.head-right input[type="submit"]:Hover
				{
				background-image: url('../images/custom/instifolio/arrow-go-over.svg')!important;
				}
				
.head-left h5
				{
				padding-top: 18px;
				}

.chart-left
				{
				width: 65%;
				margin-right: 4%;
				}

.chart-right
				{
				width: 29%;
				padding-left: 2%;
				border-left: 1px solid #000;
				box-sizing: border-box;
				}

.chart-right table
				{
				width: 100%;
				margin-bottom: 40px;
				border-collapse: collapse;
				border-bottom: 1px solid #CCC;
				}

.chart-right table:last-child
				{
				margin-bottom: 0;
				}

.chart-right table tr td
				{
				width: 50%;
				padding: 5px 0;
				border-top: 1px solid #CCC;
				}

.chart-right table tr:last-child td
				{
				border-bottom: 1px solid #CCC;
				}

a.add
				{
				display: inline-block;
				font-size: 1.2rem;
				color: #01a791;
				padding: 20px 0 20px 40px;
				background-image: url('../images/custom/instifolio/plus.svg');
				background-position: left center;
				background-size: 30px;
				margin-bottom: 0;
				}

a.add:Hover
				{
				color: #08496c;
				background-image: url('../images/custom/instifolio/plus-over.svg');
				}

.delete-wrapper
				{
				position: absolute;
				z-index: 10;
				left: 50%;
				margin-left: -15px;
				bottom:-15px;
				}

a.remove
				{
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url('../images/custom/instifolio/delete.svg');
				background-position: center center;
				background-size: cover;
				}

a.remove:Hover
				{
				background-image: url('../images/custom/instifolio/delete-over.svg');
				}

a.remove span
				{
				display: none;
				}

#id_search_wrapper
				{
				position: relative;
				}

#id_search_wrapper #id_search_field
				{
				width: 100%;
				}

#id_search_wrapper #id_search_btn
				{
				position: absolute;
				width: 22px;
				height: 22px;
				right: 10px;
				top:14px;
				background-image: url('../images/custom/instifolio/search.svg');
				background-position: center center;
				background-size: 22px 22px;
				}

#id_search_wrapper #id_search_btn:Hover
				{
				background-image: url('../images/custom/instifolio/search-over.svg');
				}

@media screen and (max-width: 990px) {
	
	.instifolio-box-wrapper
				{
				width: 48%;
				}

}

@media screen and (max-width: 768px) {
	
	.instifolio-box-wrapper
				{
				width: 100%;
				margin: 0 0 20px 0;
				}

}

table.detailed-table
				{
				border-collapse: collapse;
				margin: 0;
				padding: 0;
				width: 100%;
				/*table-layout: fixed;*/
				}
				
table.detailed-table *
				{
				vertical-align: top;
				}
				
table.detailed-table tr
				{
				border-bottom: 1px solid #CCC;
				}

table.detailed-table th,
table.detailed-table td
				{
				padding: 5px 10px 5px 0;
				}

table.detailed-table th
				{
				font-weight: 600;
				}

.align-right
				{
				text-align: right;
				}

.balken-th-td
				{
				min-width: 160px;
				padding-left: 20px!important;
				}

.balken-wert
				{
				display: inline-block;
				font-weight: 600;
				width: 33.33%;
				font-size: .75rem;
				}

.balken
				{
				display: inline-block;
				/*color: #FFF;*/
				color: #000;
				font-size: .8rem;
				font-weight: 600;
				padding: 0 5px;
				width: 33.33%;
				height: 23px;
				box-sizing: border-box;
				background-repeat: no-repeat;
				background-size: 0 0;
				}

.balken.positive
				{
				background-image: url('../images/custom/instifolio/green.png');
				background-position: left top;
				/*text-shadow: 1px 1px 1px #36a591;*/
				color: #000;
				background-repeat: repeat-y!important;
				}

.balken.negative
				{
				background-image: url('../images/custom/instifolio/red.png');
				background-position: right top;
				/*text-shadow: 1px 1px 1px #b63f41;*/
				color: #000;
				background-repeat: repeat-y!important;
				}

#id_instifolio_detail #performanceRiskAPIData table tr td:nth-child(even)
				{
				text-align: right!important;
				}
				

.table-wrapper,
.dataTables_wrapper
				{
				width: 100%;
				overflow-x:auto;
				max-width: 100%;
				}

/*
@media screen and (max-width: 768px) {
  
	table.detailed-table
				{
				border: 0;
				}
				
	table.detailed-table thead
				{
				border: none;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
				}
				
	table.detailed-table tr
				{
				border: none;
				display: block;
				margin-bottom: 10px;
				}
				
	table.detailed-table td
				{
				border-bottom: 1px solid #ddd;
				display: block;
				text-align: left;
				}
				
	table.detailed-table td::before
				{
				content: attr(data-label);
				float: none;
				display: block;
				text-align: left;
				font-weight: 600;
				text-transform: uppercase;
				}
				

	table.detailed-table th,
	table.detailed-table td
				{
				border: none;
				}
	
}
*/
ul.pdf-links
				{
				list-style: none;
				margin: 0;
				}

ul.pdf-links li
				{
				border-bottom: 1px solid #ddd;
				padding: 5px 0;
				}

ul.pdf-links li a
				{
				font-weight: 600;
				display: block;
				padding: 10px 50px 10px 0;
				background-image: url('../images/custom/instifolio/pdf.svg');
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-position: right center;
				}

ul.pdf-links li a:Hover
				{
				color: #01a791;
				}

#id_instifolio_detail .btn
				{
				background: #01a791;
				color: #FFF!important;
				}

#id_instifolio_detail .btn:Hover
				{
				background: #134976;
				}

/* ------------------------------------------------------------------------------------------------------------ */


.frame-space-before-extra-small
				{
				margin-top: 2em;
				}

.frame-space-before-small
				{
				margin-top: 4rem;
				}

.frame-space-before-medium
				{
				margin-top: 6rem;
				}

.frame-space-before-big
				{
				margin-top: 8rem;
				}

.frame-space-before-extra-big
				{
				margin-top: 10rem;
				}
			


.frame-space-after-extra-small
				{
				margin-bottom: 2em;
				}

.frame-space-after-small
				{
				margin-bottom: 4rem;
				}

.frame-space-after-medium
				{
				margin-bottom: 6rem;
				}

.frame-space-after-big
				{
				margin-bottom: 8rem;
				}

.frame-space-after-extra-big
				{
				margin-bottom: 10rem;
				}



/* ------------------------------------------------------------------------------------------------------------ */

form input[type="text"],
form input[type="email"],
form input[type="date"],
form input[type="tel"],
form input[type="time"],
form textarea,
form select
				{
				width: 100%;
				box-sizing: border-box;
				-webkit-border-radius: 0!important;
				-moz-border-radius: 0!important;
				border-radius: 0!important;
				padding: 15px 0;
				background: none!important;
    			border: none!important;
    			border-bottom: 1px solid #000!important;
				color: #000;
				margin-bottom: 10px;
				}

#id_page form input[type="text"],
#id_page form input[type="email"],
#id_page form input[type="date"],
#id_page form input[type="tel"],
#id_page form input[type="time"],
#id_page form textarea,
#id_page form select
				{
				background: #f4f4f4;
				}

form .select-wrapper input[type="text"],
form .select-wrapper input[type="date"],
form .select-wrapper select
				{
				margin-bottom: 0!important;
				}

form input[type="submit"]
				{
				-webkit-appearance: none;
				cursor: pointer;
				}

form span
				{
				float: left;
				width: 20%;
				}

form input[type="file"]
				{
				float: left;
				width: 80%;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				border: none;
				color: #000;
				margin-bottom: 10px;
				}

form .checkbox-radio
				{ 
				margin: 0 0 20px 0!important;
				}

form .checkbox-radio h5
				{ 
				float: left;
				margin-right: 10px;
				line-height: 24px;
				}

form .checkbox-radio label
				{ 
				font-size: .95rem;
				margin-right: 10px;
				}

form input[type=checkbox]:not(old),
form input[type=radio   ]:not(old)
				{
				position: absolute;
				width: 28px;
				opacity: 0;
				}
				
form input[type=checkbox]:not(old) + label,
form input[type=radio   ]:not(old) + label
				{
				display: inline-block;
				padding-left: 28px;
				background-position: 0px 2px;
				background-size: 20px 20px;
				line-height: 24px;
				}
				
form input[type=checkbox]:not(old) + label
				{
				background-image: url('../images/form/checkbox.svg');
				}
				
form input[type=radio   ]:not(old) + label
				{
				background-image: url('../images/form/radio.svg');
				}
				
form input[type=checkbox]:not(old):checked + label
				{
				background-image: url('../images/form/checkbox-checked.svg');
				}
				
form input[type=radio]:not(old):checked + label
				{
				background-image: url('../images/form/radio-checked.svg');
				}

form textarea
				{
				height: 100px;
				text-align: left!important;
				}

#mauticform_input_kontaktformularinstifoliode_information_zum_datenschu,
#mauticform_input_kontaktformularinstifoliode_information_zum_datenschu *
				{
				font-size: .8rem;
				}

form select,
.select-wrapper button
				{
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border:none!important;
				border-radius: 0;
				font-size: 1rem!important;
				width: 100%;
				border: none;
				padding: 15px 10px!important;
				box-shadow: none;
				background-color: #f4f4f4!important;
				background-image:url('../images/form/select.svg');
				background-position: right 10px center!important;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				border-bottom: 1px solid #000;
				min-width: inherit!important;
				}

.select-wrapper button
				{
				padding: 15px 10px 14px 10px!important;
				}

.select-wrapper button
				{
				overflow: hidden;
				margin: 0!important;
				}

.select-wrapper button:after
				{
				display: none!important;
				}

@media screen and (max-width: 1300px) {
	
	.comiseo-daterangepicker-triggerbutton.ui-button
				{
				background-image:none!important;
				}

}

.select-wrapper label
				{
				padding: 2px 0 2px 30px!important;
				}

.select-wrapper input[type=checkbox]
				{
				opacity: 1;
				}

::-webkit-input-placeholder,
::-webkit-input-placeholder
				{
				color: #CCC;
				}

:-ms-input-placeholder,
:-ms-input-placeholder
				{
				color: #CCC;
				}

::placeholder,
::placeholder
				{
				color: #CCC;
				}

.all
				{
				padding: 30px 0;
				}
/*
.mauticform-checkboxgrp-checkbox
				{
				opacity: 1!important;
				position: relative!important;
				height: auto!important;
				}
*/
/* ------------------------------------------------------------------------------------------------------------ */

.highlights
				{
				flex-wrap: wrap;
				align-items: stretch;
				position: relative;
				}

.highlights .highlights-three
				{
				width: 30%;
				}

.highlights .highlights-three img
				{
				margin-bottom: 20px;
				}

.highlights-icon-left,
.highlights-icon-right
				{
				width:5%;
				background-image: url('../images/i-left.svg');
				background-size: 90% auto;
				background-position: center bottom +40%;
				}

.highlights-icon-right
				{
				background-image: url('../images/i-right.svg');
				}

.highlights .highlights-three .gradient-box
				{
				width: 100%;
				left: 30px;
				height: 100%;
				background: rgb(58,255,251);
				background: linear-gradient(180deg, rgba(58,255,251,1) 0%, rgba(58,255,251,0) 50%);
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				box-sizing: border-box;
				transition: all 500ms;
				}

.highlights .highlights-three .gradient-box.protect
				{
				background: rgb(250,179,115);
				background: linear-gradient(180deg, rgba(250,179,115,1) 0%, rgba(250,179,115,0) 50%);
				}

.highlights .gradient-box .gradient-box-content
				{
				padding: 30px;
				text-align:center; 
				}
/*
.highlights *
				{
				color: #FFF;
				}
*/
.highlights h3,
.highlights h4,
.highlights h5,
.highlights h6
				{
				text-transform: uppercase;
				text-align:center; 
				}

.highlights h5,
.highlights h6
				{
				margin-bottom: 15px;
				}
/*
.highlights h5
				{
				color: #70fcec!important;
				}
*/
.highlights .gradient-box .gradient-box-content h4
				{
				font-size: 1.5rem;
				/*color: #70fcec;*/
				text-transform: none;
				text-align:center; 
				}

/*
.protect,
.protect h5,
.protect h4,
.highlights h5.protect
				{
				color: #f9b170!important;
				}
*/

@media screen and (max-width: 940px) {
	
	.highlights-icon-left,
	.highlights-icon-right
				{
				width: 100%;
				height: 60px;
				background-size: auto 90%;
				background-position: center center;
				}
	
	.highlights img
				{
				width: 70%;
				margin: auto;
				}
	
	.highlights .highlights-three
				{
				width: 100%;
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 30px;
				text-align: center;
				}
	

}




/* ------------------------------------------------------------------------------------------------------------ */	

#id_footer
				{
				background: #00486D;
				}

#id_footer .inner
				{
				padding: 25px 0 20px 0;
				}

#id_footer *
				{
				color: #FFF!important;
				margin-bottom: 0;
				}

#id_footer ul,
#id_footer div.cookies
				{
				float: right;
				}

#id_footer ul li
				{
				float: left;
				margin: 0 0 0 40px;
				}

#id_footer .footer-row
				{
				float: left;
				width: 70%;
				}

#id_footer .footer-row.align-right
				{
				width: 30%;
				}

#id_footer .footer-row.footer-row-third ul li
				{
				text-align: right;
				}

#id_footer ul li a
				{
				position: relative;
				display: inline-block;
				}
				
#id_footer ul li a:Hover
				{
				color: #1e9c90!important;
				}

#id_footer img
				{
				width: 132px;
				height: auto;
				margin-bottom: 20px;
				}

#id_footer .inner .footer-row.align-right
				{
				text-align: right;
				}

#id_footer .inner .footer-row.align-right img
				{
				width: 160px;
				margin-top:-100px;
				}

/* ------------------------------------------------------------------------------------------------------------ */			

.contact
				{
				float: left;
				width: 33.33%;
				margin-bottom: 30px;
				}

.contact h5
				{
				color: #00486D;
				font-weight: 600;
				font-size: 1.2rem;
				padding: 8px 0 8px 0;
				}

.contact p
				{
				margin-bottom: 5px;
				}

.icon
				{
				display: inline-block;
				color: #00486D;
				font-weight: 600;
				font-size: 1.2rem;
				padding: 8px 0 8px 40px;
				background-position: left center;
				background-size: 30px;
				}

.icon.phone
				{
				background-image:url('../images/custom/instifolio/phone.svg');
				}

.icon.email
				{
				background-image:url('../images/custom/instifolio/email.svg');
				}

.icon.form
				{
				background-image:url('../images/custom/instifolio/form.svg');
				}

.icon.phone:Hover
				{
				background-image:url('../images/custom/instifolio/phone-over.svg');
				}

.icon.email:Hover
				{
				background-image:url('../images/custom/instifolio/email-over.svg');
				}

.icon.form:Hover
				{
				background-image:url('../images/custom/instifolio/form-over.svg');
				}

.loading
				{
				display: none;
				position: absolute;
				right: 0;
				top:7px;
				width: 30px;
				height: 30px;
				background-position: center center;
				background-size: 30px;
				background-image:url('../images/custom/instifolio/loading.gif');
				}

/* ------------------------------------------------------------------------------------------------------------ */	

#btn_top
				{
				display: inline-block;
				width: 40px;
				height: 40px;
				background-image: url('../images/icons/arrow-top-white.svg');
				background-size: 20px;
				background-position: center center;
				background-repeat: no-repeat;
				border: 1px solid #FFF;
				background-color: #00486D;
				position: fixed;
				bottom: 10px;
				right: 10px;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius: 50%;
				z-index: 999;
				transition: all 500ms;
				}

#btn_top:Hover
				{
				background-color: #1e9c90;
				}

@media screen and (max-width: 1300px) {
	
	.inner
				{
				width: 90%;
				padding: 0 5%;
				}

}

@media screen and (max-width: 1180px) {

	.circle-wrapper .circle .circle-inner
					{
					padding: 80px 5% 0 5%;
					}
	
	.circle-wrapper .circle .circle-inner img
					{
					width: 60px;
					}
	
	.circle-wrapper .circle .circle-inner
					{
					padding-top:40px;
					}
	
	.circle-wrapper h3
				{
				font-size: 1rem;
				line-height: 1.6em;
				}

}

@media screen and (max-width: 900px) {
	
	.full-flex-wrapper .full-flex-left .full-flex-inner,
	.full-flex-wrapper .full-flex-right .full-flex-inner
				{
				max-width: 100%;
				padding: 30px;
				}

.video-header video
				{
				width: auto;
				height: 100%;
				margin: 0;
				}
	
	#id_menu_btn,
	.only-mobile
				{
				display: block!important;
				}

	.indizes-box-blank .indizes-box-blank-info
				{
				position: relative;
				padding-top: 0;
				}
	
	.not-mobile,
	#btn_top,
	.indizes-box.indizes-box-grey
				{
				display: none!important;
				}

	#id_header #id_ci
				{
				width: 200px;
				height: 40px;
				}
	
	.flex-grid-wrapper.indizes,
	.indizes-box .indizes-box-inner,
	.job-box .job-box-inner
				{
				margin: 0 0 20px 0;
				}
	
	.skew-text,
	.overlay
				{
				width: 100%;
				left: 0;
				bottom: 0;
				padding: 0;
				position: relative;
				}
	
	.circle-wrapper .circle .circle-inner
					{
					padding-top:80px;
					}
	
	.circle-wrapper h3
				{
				font-size: 1.4rem;
				line-height: 1.4em;
				}
	/*
	#id_content_default
				{
				padding-top: 30px;
				}
	*/
	.module .inner p
				{
				max-width:100%;
				}
	
	.module.header h1
				{
				font-size: 1.5rem;
				bottom: 25px;
				width: 100%;
				}
	
	.filter select,
	.filter a
				{
				margin: 0;
				}
	
	#id_detail_header
				{
				width: 80%;
				margin: 40px 10% 0 10%;
				}
	
	#id_detail_header h1
				{
				position: relative;
				bottom: 0;
				}
	
	.text-inner
				{
				padding: 0;
				}
	
	.module.blue .inner
				{
				padding: 20px;
				}	

	.module.header .inner
				{
				padding: 0;
				}	
	
	h2
				{
				margin-bottom: 30px;
				}
	
	.corner
				{
				width: 220px;
				height: 220px;
				}
	/*
	#id_header
				{ 
				position: relative;
				}
	*/
	#id_header .inner,
	.reduced #id_header .inner
				{ 
				padding: 20px 0;
				}
	
	#id_header #id_menu
				{ 
				display: none;
				float: none;
				padding-top: 0;
				clear: both;
				width: 100%;
				padding-top:30px;
				}

	#id_header #id_menu ul li
				{ 
				float: none;
				text-align: left;
				margin: 0 0 10px 0;
				width: 100%;
				display: inline-block;
				}
/*
	#id_header #id_menu ul li.language
				{ 
				float: right;
				display: inline-block;
				background-image: url('../images/icons/language-white.svg');
				}
*/
	#id_header #id_menu ul li a
				{
				font-size: 1.4rem;
				
				} 
	
	h1,
	h2
				{
				font-size: 1.2rem;
				}
	
	h3
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				}
	
	.module.module-image
				{
				margin-top: 0;
				}
	
	.module.module-image .inner
				{
				padding-bottom: 40px;
				}
	
	.module.grey-center
				{
				padding: 40px 0;
				background-image: none;
				background: #34393d;
				}
						
	.inner-small
				{
				width: 90%;
				padding: 0 5% 0 5%;
				}
				
	.only-mobile
				{
				display: block!important;
				}
	
	.module.module-image
				{
				background-size: contain;
				}

	.grid-wrapper,
	.icon-wrapper,
	.full-flex-wrapper
				{
				display: block;
				margin-left: 0;
				width: 100%;
				}

	.grid-three,
	.grid-four,
	.grid-four.grid-four-double,
	.grid-five,
	.grid-five.grid-five-double,
	.icon-wrapper .icon-wrapper-icon,
	.full-flex-left,
	.full-flex-right
				{
				width: 100%!important;
				max-width: 100%!important;
				margin: 0 0 20px 0;
				}
				
	.full-flex-left,
	.full-flex-right
				{
				min-height: 200px;
				margin: 0;
				}
				
	.full-flex-left *,
	.full-flex-right *
				{
				float: none!important;
				}
	
	.indizes-box.indizes-box-1,
	.indizes-box.indizes-box-3
				{
				display: none!important;
				}
	
	.grid,
	#id_page,
	#id_main,
	#id_header,
	#id_content,
	#id_footer,
	.inner .inner-small,
	.grid-item,
	.footer-row,
	.contact,
	.indizes-box,
	.filter,
	.job-box,
	.flex-grid-wrapper,
	.teaser-item,
	.icon-teaser,
	.circles.three-circles,
	#id_instifolio_detail_header_left,
	#id_instifolio_detail_header_right,
	.head-left,
	.head-right,
	.chart-left,
	.chart-right
				
				{
				float: none!important;
				width: 100%!important;
				padding: 0!important;
				margin-left: 0!important;
				margin-right: 0!important;
				max-width: 100%!important;
				}
	
	#id_content
				
				{
				padding-top: 60px!important;
				}
	
	#id_instifolio_detail_header .instifolio-box
				{
				padding-top: 50%;
				}
	
	#id_instifolio_detail_header_right
				{
				padding: 20px!important;
				}
	
	#id_instifolio_detail_header
				{
				display: block;
				}
	
	#id_instifolio_detail h5
				{
				padding: 0;
				}
	
	.head-right input[type="date"],
	.head-right select,
	.select-wrapper
				{
				position: relative;
				width: 80%!important;
				float: left;
				background-color: #f4f4f4!important;
				box-sizing: border-box;
				margin-left: 1%;
				}
	
	.block-short
				{
				max-width: 100%!important;
				}
	
	.chart-left,
	.chart-right,
	.head-right
				{
				margin-bottom: 20px!important;
				}
		
	.chart-right
				{
				border: none;
				}
	
	.balken
				{
				width: 100%;
				}
	
	.select-wrapper
				{
				margin-bottom: 10px;
				}
	
	.balken-th-td
				{
				padding-left: 0!important;
				}
	
	p.indented
				{
				padding: 0;
				}
	
	.contact
				{
				margin-bottom: 30px;
				}
	
	.flex-grid-wrapper,
	.grid
				{
				margin: 0;
				}
	
	.grid-item .grid-item-inner,
	.flex-wrapper .grid-item .grid-item-inner,
	.flex-wrapper .grid-item,
	.accordeon-wrapper
				{
				margin: 0 0 20px 0!important;
				}
	
	.module
				{
				width: 100%;
				padding: 40px 0;
				max-width: 100%;
				}
	
	.flex-wrapper
				{
				display: block;
				}
				
	.left,
	.right
				{
				float: none!important;
				width: 100%!important;
				margin: 0 0 30px 0!important;
				}
	
	#id_instifolio_overview .left,
	#id_instifolio_overview .right
				{
				margin-bottom: 0px!important;
				}
	
	.circles-wrapper
				{
				display: block;
				}

	.circles
				{
				width: 80%;
				margin: auto;
				}

	.arrows
				{
				float: none;
				width: 80%;
				height: 100px;
				margin: auto;
				background-size: auto 40%;
				}
		
	form input[type="text"],
	form input[type="email"],
	form input[type="date"],
	form input[type="time"],
	form textarea,
	form select
				{
				width: 100%;
				padding: 15px;
				box-sizing: border-box;
				}
	
	#id_footer ul li
				{
				display: block;
				margin: 0 0 20px 0;
				}
	
	#id_footer .inner .footer-row
				{
				margin-bottom: 30px;
				}
	
	#id_footer .inner .footer-row *
				{
				text-align: left;
				float: none;
				}

	#id_footer .inner .footer-row.align-right
				{
				text-align: left;
				}

	#id_footer .inner .footer-row.align-right img
				{
				width: auto;
				margin-top:0;
				}
				
	#id_footer .footer-row.footer-row-third ul li
				{
				text-align: left;
				}

}

#gdpr-cookie-message
				{
				background: #1e9c90!important;
				}

#gdpr-cookie-message button
				{
				-webkit-border-radius: 0!important;
				-moz-border-radius: 0!important;
				border-radius: 0!important;
				padding: 10px 20px!important;
				font-weight: 700;
				text-transform: uppercase;
				}

#gdpr-cookie-accept
				{
				background: #00486D!important;
				color: #FFF!important;
				}

#gdpr-cookie-message button:Hover
				{
				background: #FFF!important;
				color: #00486D!important;
				}

#gdpr-cookie-advanced
				{
				color: #CCC!important;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

#portal.opus #id_instifolio_detail h5
				{
				color: #3888c4!important;
				}

#portal.opus .head-right input[type="submit"]
				{
				background-image: url('../images/custom/_opus/arrow-go.svg')!important;
				background-size: 20px;
				}

#portal.opus .head-right input[type="submit"]:Hover
				{
				background-image: url('../images/custom/_opus/arrow-go-over.svg')!important;
				background-size: 20px;
				}

#portal.opus .instifolio-box
				{
				background-color: #35a6d7;
				}
				
#portal.opus a.add,
#portal.opus a.add:Hover
				{
				color: #000;
				padding: 20px 0 20px 40px;
				background-image: url('../images/custom/_opus/plus.svg');
				background-size: 30px;
				}
				
#portal.opus ul.pdf-links li a:Hover
				{
				color: #3888c4;
				}

#portal.opus #id_instifolio_detail .btn
				{
				background: #000;
				}

#portal.opus #id_instifolio_detail .btn:Hover
				{
				background: #3888c4;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

#portal.cig #id_instifolio_detail h5
				{
				color: #1096D0!important;
				}

#portal.cig .instifolio-box
				{
				background-color: #22a4bf;
				}
				
#portal.cig a.add,
#portal.cig a.add:Hover
				{
				color: #1096D0;
				padding: 20px 0 20px 40px;
				background-image: url('../images/custom/instifolio/plus-cig.svg');
				background-size: 30px;
				}
				
#portal.cig ul.pdf-links li a:Hover
				{
				color: #215577;
				}

#portal.cig #id_instifolio_detail .btn
				{
				background: #59a98b;
				}

#portal.cig #id_instifolio_detail .btn:Hover
				{
				background: #215577;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

#portal.chartered #id_instifolio_detail h5
				{
				color: #FE7323!important;
				}

#portal.chartered .instifolio-box
				{
				background-color: #27b7d7;
				}
				
#portal.chartered a.add,
#portal.chartered a.add:Hover
				{
				color: #FE7323;
				padding: 20px 0 20px 40px;
				background-image: url('../images/custom/instifolio/plus.svg');
				background-size: 30px;
				}
				
#portal.chartered ul.pdf-links li a:Hover
				{
				color: #215577;
				}

#portal.chartered #id_instifolio_detail .btn
				{
				background: #FE7323;
				}

#portal.chartered #id_instifolio_detail .btn:Hover
				{
				background: #215577;
				}

/* ------------------------------------------------------------------------------------------------------------ */	

#portal.lixx #id_instifolio_detail h5
				{
				color: #12506f!important;
				}

#portal.lixx .instifolio-box
				{
				background-color: #6ca6c1;
				}
				
#portal.lixx a.add,
#portal.lixx a.add:Hover
				{
				color: #12506f;
				padding: 20px 0 20px 40px;
				background-image: url('../images/custom/instifolio/plus-lixx.svg');
				background-size: 30px;
				}
				
#portal.lixx ul.pdf-links li a:Hover
				{
				color: #12506f;
				}

#portal.lixx #id_instifolio_detail .btn
				{
				background: #12506f;
				}

#portal.lixx #id_instifolio_detail .btn:Hover
				{
				background: #12506f;
				}

#uid253 #blockReallocation .head-right,
#uid253 #blockDetailPerformance .head-right,
#uid253 #blockDetailComposition .head-right,
#uid253 .cloneCompositionDiv .head-right,
#uid253 #id_performance_risk_first .head-right
{
display:none!important;
}

#uid258 #id_content .module
{
padding-top: 0;
}

#uid258 #printButtonWrapper
				{
				/*display: none!important;*/
				}

#id_instifolio_detail_header_short .left img
{
width: 86%;
}

#btnPrint
{
margin-bottom: 100px;
}

#uid258 #btnPrint
{
/*display: none;*/
}



.big-teaser-three
				{
				width: 28.33%;
				-webkit-box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.25); 
				box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.25);
				}

.big-teaser-plus,
.big-teaser-minus
				{
				width: 7.5%;
				background-position: center 40px;
				background-repeat: no-repeat;
				background-size: 70%;
				}

.big-teaser-plus
				{
				background-image: url('../images/plus.svg');
				}

.big-teaser-minus
				{
				background-image: url('../images/minus.svg');
				}

.big-teaser-box
				{
				padding: 15px;
				border: 1px solid #222;
				margin-bottom: 10px;
				text-align: center;
				}

.big-teaser-box *
				{
				text-align: center;
				}

.big-teaser-wrapper
				{
				background: #f2f2f2;
				margin-bottom: 20px;
				height: 100%;
				}

.big-teaser-wrapper.big-teaser-orange
				{
				background: #fc7203;
				}

.big-teaser-wrapper.big-teaser-orange *
				{
				color: #FFF;
				}

.big-teaser-wrapper ul
				{
				margin-bottom: 10px;
				}

.big-teaser-wrapper .big-teaser-inner
				{
				padding: 30px;
				position: relative;
				}

.big-teaser-image-wrapper
				{
				margin-top: -60px;			
				position: relative;
			    padding-top: 59%;
			    height: 0;
			    overflow: hidden;
			    background-position: center center;
			    background-size: cover;
			    margin-bottom: 30px;
				-webkit-box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.5); 
				box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.5);
				}

.big-teaser-image-wrapper .big-teaser-image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				text-align: center;
				justify-content: center;
				}

.big-teaser-image-wrapper .big-teaser-image-inner h4
				{
				text-transform: uppercase;
				margin-bottom: 0;
				letter-spacing: .1em;
				font-size: 1.6rem;
				color: #FFF;
				}

.big-teaser-image-wrapper .big-teaser-image-inner h3
				{
				font-size: 1.8rem;
				line-height: 1.2em;
				padding: 20px;
				margin: 0;
				color: #FFF;
				text-align: center;
				}

.big-teaser-content
				{
				padding: 0px;
				position: relative;
				}

.big-teaser-content p
				{
				max-width: 100%!important;
				margin: 0;
				}

.big-teaser-content p,
.big-teaser-content li
				{
				line-height: 1.4em!important;
				}


@media screen and (max-width: 900px) {
	
	.big-teaser-three,
	.big-teaser-plus,
	.big-teaser-minus
				{
				width: 100%!important;
				}

	.big-teaser-plus,
	.big-teaser-minus
				{
				height: 60px;
				background-position: center center;
				background-size: 60px;
				margin-bottom: 50px;
				}
				
	.big-teaser-wrapper ul
				{
				margin: 0 0 10px 15px!important;
				}
	
}




.broschure
				{
				background-image:url('/fileadmin/user_upload/grey.svg');
				background-position: left center;
				}

.broschure img
				{
				margin: 0;
				}

@media screen and (max-width: 900px) {
	
	.broschure
				{
				background-image:none;
				background: #f4f4f4;
				padding: 20px;
				}
	
}

.big.linkedin
				{
				font-size: 1.6rem;
    			line-height: 1.2em;
				display: table;
				font-weight: 600;
				padding: 10px 45px 10px 0;
				background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/linkedin.svg');
				background-position: right center;
				background-size: 30px;
				}


.contact-btn-link h2
				{
				color: #127189;
				}
				
.contact-btn-link .btn
				{
				color: #FFF!important;
				background: rgb(0,74,124);
				background: -moz-linear-gradient(left, rgb(0,74,124) 0%, rgb(8,155,140) 100%);
				background: -webkit-linear-gradient(left, rgb(0,74,124) 0%,rgb(8,155,140) 100%);
				background: linear-gradient(to right, rgb(0,74,124) 0%,rgb(8,155,140) 100%);
				}
				
p.highlight
				{
				color: #000;
				font-size: 1.3rem;
				}

.inner-medium
				{
				max-width: 80%;
				margin: auto;
				}

.flex-wrapper.flex-big-teaser
				{
				align-items: stretch;
				}

.big-teaser-wrapper
				{
				background: #e3e4e6;
				margin-bottom: 40px;
				height: auto;
				}

.big-teaser-wrapper .big-teaser-inner
				{
				padding: 120px 60px 60px 60px;
				position: relative;
				}

.big-teaser-wrapper .big-teaser-logo
				{
				position: absolute;
				z-index: 9;
				margin-top: -80px;
				width: 100%;
				text-align: center;
				left: 0;
				}

.big-teaser-wrapper .big-teaser-logo .big-teaser-logo-inner
				{
				background: #FFF;
				padding: 15px 20px;
				box-sizing: border-box;
				margin: auto;
				display: inline-block;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				font-size: 1.6rem;
				text-transform: uppercase;
				color: #127189;
				line-height: 1em;
				text-align: center;
				}

.big-teaser-wrapper .big-teaser-logo img
				{
				width: 30%;
				background-color: #FFF;
				padding: 10px;
				}

.big-teaser-image-wrapper
				{					
				position: relative;
			    padding-top: 59%;
			    height: 0;
			    overflow: hidden;
			    background-position: center center;
			    background-size: 100% auto;
			    margin-bottom: 20px;
				box-shadow: none;
				}

.big-teaser-image-wrapper .big-teaser-image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				text-align: center;
				justify-content: center;
				}

.big-teaser-image-wrapper .big-teaser-image-inner h4
				{
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				margin-bottom: 0;
				letter-spacing: .1em;
				font-size: 1.6rem;
				color: #FFF;
				}

.big-teaser-image-wrapper .big-teaser-image-inner h3
				{
				font-size: 3.4rem;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				line-height: 1.2em;
				/*text-transform: uppercase;*/
				padding: 0 30px;
				color: #FFF;
				text-align: center;
				}

.big-teaser-content
				{
				padding: 0;
				position: relative;
				}

.big-teaser-content p
				{
				max-width: 100%!important;
				margin: 0;
				}

.flex-big-teaser .big-teaser-wrapper
				{
				width: 29.33%;
    			margin: 0 2%;
				height: 100%;
				display: initial!important;
				}

.flex-big-teaser .big-teaser-wrapper .big-teaser-inner
				{
				padding: 90px 30px 30px 30px;
				}

.flex-big-teaser .big-teaser-wrapper .big-teaser-inner h3
				{
				text-align: center;
				font-size: 1.2rem;
				line-height: 1.4em;
				}

.parallax
				{
				position: relative;
				width: 100%;
				min-height: 700px;
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				margin-bottom: 80px;
				}

.parallax .inner {
    padding: 100px 0!important;
}

.parallax p
				{
				font-size: 1.4rem;
				}

.parallax *
				{
				color: #FFF;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.icon-boxes
				{
				width: 102%;
				margin-left: -1%;
				}

.icon-box
				{
				width: 31.33%;
				margin: 0 1% 25px 1%;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				background: rgba(255, 255, 255, 0.8);
				padding: 40px 35px;
				box-sizing: border-box;
				display: flex;
				align-content: center;
				align-items: center;
				justify-content: center;
				}

.icon-box img
				{
				width: auto!important;
				max-height: 50px;
				margin-bottom: 10px;
				}

.icon-box p
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				text-align: center;
				margin: 0 0 20px 0;
				color: #000;
				}

.icon-box h5
				{
				text-align: center;
				padding: 10px 0;
				border-top: 1px dotted #FFF;
				}

.icon-box p strong
				{
				/*color: #fe7200;*/
				color: #000;
				}


#uid1101 #id_menu li.language,
#uid1120 #id_menu li.language,
#uid1116 #id_menu li.language
				{
				display:none;
				}

.image-dots
				{
				position: relative;
				}

:root {
  --pulseSize: 30px;
  --blue: rgba(255, 115, 0, 1);
  --transparentBlue: rgba(243, 180, 17, 0);
}

.image-dots .dot {
	display: inline-block;
	position: absolute;
	z-index: 10;
  width: var(--pulseSize);
  height: var(--pulseSize);
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 var(--blue);
  animation: pulsing 2s infinite;
  transition: all 0.2s;
  cursor: pointer;
}

.image-dots .dot:hover {
  --blue: rgba(209, 167, 160, 0.65);
  --transparentBlue: rgba(209, 167, 160, 0);
}

@keyframes pulsing {
  from {
    box-shadow: 0 0 0 0 var(--blue);
  }
  70% {
    box-shadow: 0 0 0 var(--pulseSize) var(--transparentBlue);
  }
  to {
    box-shadow: 0 0 0 0 var(--transparentBlue);
  }
}

.orange
				{
			color: #ea7e41;
				}


.gothere {
    position: absolute;
    bottom: -30px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #13b3c3;
    text-decoration: none!important;
    color: #FFF!important;
    font-size: .8rem;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
}



.flex-column.two .box {
    width: 46%;
    margin: 0 0 20px 0!important;
	padding: 0!important;
    float: left;
    background: #F4f4f4;
    box-sizing: border-box;
}

.flex-column.two .box .box-inner {
    padding: 20px 20px 0 20px!important;
    box-sizing: border-box;
}

.flex-column.two .box .box-inner img {
    margin-bottom: 15px;
}

.flex-column.two .box .box-inner p {
    font-size: .85rem;
    line-height: 1.4em;
    max-width: 100%;
    margin-bottom: 20px;
}

.flex-column.two .box .box-inner a.highlight
					{
					padding: 4px 0 4px 30px;
					background-repeat: no-repeat;
					background-position: left center;
					background-size: 20px;
					background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/linkedin.svg');
					}

.flex-column.two .box .box-inner a.highlight span
					{
					display: none;
					}


@media screen and (max-width: 900px) {
	
	.flex-column.two .box {
    width: 100%;
    float: none;
}

.flex-column.two .box .box-inner {
    padding: 20px!important;
}

.flex-column.two .box .box-inner p {
    font-size: 1rem;
    margin-bottom: 0;
}

	
}




.four-teaser-wrapper
				{
				display: flex;
				}
				
.four-teaser-wrapper .four-teaser
				{
				width: 21%;
				margin: 0 2% 30px 2%;
				}
				
.four-teaser-wrapper .four-teaser .four-teaser-image-wrapper
				{
				position: relative;
			    padding-top: 100%;
			    height: 0;
			    overflow: hidden;
			    background-position: center center;
			    background-size: 90% auto;
				margin-bottom: 10px;
				transition: all 500ms;
				}
				
.four-teaser-wrapper .four-teaser .four-teaser-image-wrapper .four-teaser-image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}
				
.four-teaser-wrapper .four-teaser span
				{
				display: block;
				text-align: center;
				font-size: 1.4rem;
				font-weight: 600;
				}
				
.four-teaser-wrapper a.four-teaser:Hover .four-teaser-image-wrapper
				{
			    background-size: 100% auto;
				}