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

body
				{
				background-image: url('../images/bg-body.svg');
				background-position: center 700px;
				background-repeat: no-repeat;
				background-size: 100% auto;
				}
/*
*
				{
				letter-spacing: .05em!important;
				}
*/
/* ------------------------------------------------------------------------------------------------------------ */

.flex-item-40
				{
				width: 36%;
				margin-right: 4%;
				}

.flex-item-60
				{
				width: 60%;
				}

.flex-item-60 .big
				{
				font-size: 1.7rem;
				line-height: 1.2em;
				margin-bottom: 0;
				}
				
.gradient-text
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 700;
				background: #1178C7;
				text-transform: none;
				background: linear-gradient(to right, #1178C7 0%, #17B3C2 90%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				}
				
.modal
				{
				display: none;
				width: 100%;
				max-width: 990px;
				box-sizing: border-box;
				padding: 0;
				margin: 0;
				background: none;
				}

.video-wrapper-wrapper
				{
				padding: 20px;
				background: rgb(182,182,182);
				background: linear-gradient(90deg, rgba(182,182,182,1) 0%, rgba(240,240,240,1) 100%);
				-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); 
				box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
				margin-bottom: 30px;
				}
				
.video-wrapper-wrapper .video-wrapper
				{
				margin-bottom: 0;
				}
				
.video-wrapper-wrapper .video-wrapper video
				{
				-webkit-border-radius:20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				}

h2.h2smaller
				{
				font-size:2.8rem;
				}
			
.video-new h4
				{
				letter-spacing: .2em!important;
				font-size: 1.6rem;
				}
				
.stoerer
				{
				background: #127088!important;
				}
				
.stoerer span
				{
				color: #FFF!important;
				}

.green-box
				{
				padding: 20px;
				box-sizing: border-box;
				width: 100%;
				background: #70feee;
				margin: 30px 0;
				}

.green-box *
				{
				margin: 0;
				text-align: center;
				}

.flex-big-teaser .big-teaser-wrapper
				{
				height: auto;
				position: relative;
				}

.flex-big-teaser .big-teaser-wrapper .big-teaser-inner
				{
				height: 100%;
				box-sizing: border-box;
				}

.skew-text-wrapper
				{
				position: relative;
				}

.skew-text
				{
				width: 50%!important;
				left: 25%!important;
				bottom: -60px;
				background: #70feee!important; 
				}

.skew-text *
				{
				color: #000!important; 
				}

.ten-years
				{
				position: absolute;
				right: -97px;
				top:-97px;
				z-index: 10;
				width: 194px;
				height: 194px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/siegel-10-years.png');
				}

#id_header #id_menu ul li.language
				{
				background-image: none!important;
				padding-left: 0!important;
				}

#id_header #id_menu ul li a,
#id_header #id_menu ul li.language a
				{
				color: #000!important;
				}

#id_header #id_menu ul li:nth-last-child(2)
				{
				background-image: none!important;
				padding: 8px 12px!important;
				background: rgb(0,103,84);
				background: linear-gradient(90deg, rgba(0,103,84,1) 0%, rgba(0,156,129,1) 100%)!important;
				-webkit-border-radius:6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				margin-top: -8px;
				}

#id_header #id_menu ul li:nth-last-child(2) a
				{
				color: #FFF!important;
				}

.indizes-box.indizes-box-1 .indizes-box-inner,
.indizes-box.indizes-box-2 .indizes-box-inner,
.indizes-box.indizes-box-3 .indizes-box-inner
{
border: none;
padding: 0;
background: none!important;
}

#id_instifolio_detail {
    padding-top: 0;
}

#id_content_default
				{
				padding: 80px 0;
				}

.index #id_content_default,
#uid257 #id_content_default,
#uid258 #id_content_default
				{
				padding: 0;
				}

#uid258 .tx-instifolio-index
				{
				padding: 80px 0;
				}

.module.header h1
				{
				font-size: 6rem!important;
				letter-spacing: .1em!important;
				font-weight: 800;
				text-shadow: 0px 0px 5px rgba(20,20,20,1);
				}
				
.module.header h1 span
				{
				text-transform: uppercase;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				display: block;
				font-size: 6rem!important;
				letter-spacing: .1em!important;
				font-weight: 800!important;
				text-shadow: 0px 0px 5px rgba(20,20,20,1);
				color: #fe7200;
				}

@media screen and (max-width: 940px) {
	
	.module.header .inner.inner-main
				{
				padding-top: 0!important;
				display: flex;
				align-items: center!important;
				}
	
	.module
				{
				overflow-x: hidden;
				}
	
	.skew-text
				{
				width: 100%!important;
				left: 0!important;
				bottom: 0;
				}

	
	.flex-big-teaser .big-teaser-wrapper .big-teaser-inner
				{
				background: #f4f4f4;
				margin-bottom: 40px;
				}
	
	.flex-big-teaser .big-teaser-wrapper
				{
				width: 100%;
				}
				
	.icon-box
				{
				width: 100%;
				padding: 40px 20px;
				}
	
	.ten-years
				{
				right: 10px;
				top:-100px;
				width: 120px;
				height: 120px;
				}
	
	.inner-medium,
	.big-teaser-wrapper
				{
				max-width: 100%;
				width: 100%;
				}
				
	.big-teaser-wrapper .big-teaser-inner
				{
				padding: 40px 20px 20px 20px;
				}
				
	.big-teaser-image-wrapper .big-teaser-image-inner h3
				{
				font-size: 1.1rem;
				}
	
	.big-teaser-wrapper .big-teaser-logo
				{
				margin-top: -70px;
				}
			
	.big-teaser-wrapper .big-teaser-logo .big-teaser-logo-inner
				{
				font-size: 1.2rem;
				padding: 10px;
				}

}



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

#printButtonWrapper
				{
				display: none!important;
				}


.index #id_content .inner
				{
				width: 1040px;
				}

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

}

h2
				{
				font-size: 7.4rem;
				text-transform: none;
				font-weight: 400;
				letter-spacing: 0;
				margin-bottom: 50px;
				}

a.big
				{
				font-size: 8rem;
				line-height: 1em;
				color: #000;
				background-image: url('../images/big-arrow.svg');
				background-position: right center;
				background-size: 200px auto;
				padding-right: 220px;
				transition: all 500ms;
				}

a.big:Hover
				{
				color: #01a88e;
				background-image: url('../images/big-arrow-o.svg');
				}

.btn
				{
				background: #70feee;
				color: #000!important;
				-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.4); 
				box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.4); 
				}

.btn-small
				{
				background: #ff7300;
				color: #FFF;
				font-weight: 600;
				padding: 5px 15px;
				font-size: .8rem;
				}

.btn-small:Hover
				{
				background: #70feee;
				color: #000!important;
				}

div.module.more-padding
				{
				padding-top: 160px;
				}

div.module
				{
				padding: 100px 0 80px 0;
				overflow: hidden;
				}

div.module.less-padding-top
				{
				padding-top: 40px;
				}

div.module.less-padding-bottom
				{
				padding-bottom: 25px;
				}

.fifty
				{
				width: 50%;
				}

.fifty.fifty-bigger
				{
				width: 70%;
				}

.fifty.fifty-bigger.fifty-left
				{
				margin-left: -20%;
				}

.fifty.fifty-bigger.fifty-right
				{
				margin-right: -20%;
				}

.fifty p
				{
				margin-bottom: 40px;
				font-weight: 800;
				padding-right: 20px;
				box-sizing: border-box;
				}

.fifty:first-of-type div
				{
				width: 70%;
				float: right;
				}

.fifty:first-of-type div:first-of-type
				{
				float: left;
				margin-bottom: 40px;
				}

.video-highlight h2,
.broschure h2
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				color: #ff7300;
				font-size:3.2rem;
				text-transform: uppercase;
				margin-bottom:20px;
				font-weight: 700;
				}

.video-highlight h4
				{
				max-width: 85%;
				margin-bottom: 40px;
				}

.video-highlight h4 strong
				{
				display:inline;
				font-weight: 700;
				color: #1e9c90;
				font-style: italic;
				}

.fifty p strong
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				font-style: italic;
				font-size: 1.5rem;
				color: #01a88e;
				text-transform: uppercase;
				}

.sixty
				{
				width: 60%;
				}

.fourty
				{
				width: 40%;
				}

.module.header
				{
				height: 80vh;
				/*background: #000;*/
				align-items: center;
				z-index: inherit;
				overflow: inherit;
				background-position: center center;
				background-size: cover;
				}	

.module.header.header-small
				{
				height: 60vh;
				min-height: 420px;
				}	

.module.header video,
.module.header img
				{
				width: 100%;
				height: 80vh;
				object-fit: cover;
				position: absolute;
				top: 0;
				left: 0;
				}

.module.header.header-small video,
.module.header.header-small img
				{
				height: 60vh;
				min-height: 420px;
				}

.module.header h1
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				text-align: center;
				font-size: 4rem;
				padding: 10px 0;
				color: #FFF!important;
				letter-spacing: .2em;
				}
				
.module.header .inner.inner-main
				{
				text-align: center;
				z-index: 10;
				height: 100%;
				display: flex;
				align-items: center;
				text-align: center;
				box-sizing: border-box;
				}

#id_header_content
				{
				width: 100%;
				text-align: center;
				}

.module.header .inner.inner-main *
				{
				text-align: center;
				}

.module.header .inner p
				{
				text-align: center;
				font-size: 1.8rem;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				font-style: italic;
				color: #FFF;
				text-transform: uppercase;
				font-style: italic;
				/*font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;*/
				margin: 0 0 30px 0;
				display: inline-block;
				background: none;
				}
				
.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;
				}
				
.module.header
				{
				padding: 0;
				}
				
#id_video_overlay
				{
				display: none;
				position: absolute;
				width: 100%;
				height: 100%;
				background: rgba(19,53,85,0.5);
				z-index: 1;
				top:0;
				left: 0;
				}

.stoerer
				{
				position: absolute;
				z-index: 99;
				top: -90px;
				right: -90px;
				width: 180px;
				height:180px;
				background: #01414d;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				text-align: center;
				display: flex;
				padding: 40px 10px;
				box-sizing: border-box;
				align-items: center;
				/*-webkit-box-shadow: 1px 1px 10px 1px rgba(39,181,200,0.8); 
				box-shadow: 1px 1px 10px 1px rgba(39,181,200,0.8);*/
				}

.stoerer span
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				display: block;
				width: 	100%;
				color: #70feee;
				text-align: center;
				font-size: 2rem;
				}

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

.table-wrapper
				{
				position: absolute;
				left: -38px;
				top:50px;
				}

table
				{
				border-collapse: collapse;
				}

table .table-content
				{
				background-color: #174046;
				color: #FFF;
				text-transform: uppercase;
				font-weight: 600;
				font-size: 1.1rem;
				padding: 0 10px 0 30px;
				}

.table-light .table-content
				{
				background-color: #70feee;
				}

.table-light .table-content,
.table-light .table-content *
				{
				color: #000!important;
				}

table img
				{
				display: block;
				width: 100%;
				}

.box
				{
				position: relative;
				padding: 120px 30px 30px 30px;
				box-sizing: border-box;
				width: 100%;
				background: rgb(194,231,236);
				background: linear-gradient(315deg, rgba(255,255,255,1) 40%, rgba(194,231,236,1) 100%);
				}

.box.box-grey
				{
				background:#dedad9;
				}

.box.box-grey h4,
.bg-head
				{
				font-size: 1.1rem;
				display: inline-block;
				background:#93f7ea;
				color: #000;
				padding: 6px 10px;
				margin-bottom: 10px;
				text-align: left;
				}

.bg-head.bg-head-blue
				{
				background:#013d69;
				color: #FFF;
				}

.box.box-grey h4 span
				{
				font-size: .9rem;
				text-align: center;
				}

.box.box-grey ul
				{
				margin-bottom: 30px;
				}

.box.box-grey li
				{
				font-size: 1rem;
				}

.box.box-grey .whitebox
				{
				display: inline-block;
				-webkit-border-radius:20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				margin: auto;
				padding: 10px 40px;
				text-align: center;
				}

.box.box-grey .whitebox img
				{
				max-width: 140px;
				display: block;
				margin-bottom: 10px;
				}

.box table img
				{
				margin-bottom: 0!important;
				}

.box.box-blue
				{
				background: #133555;
				background-position: center top;
				background-size: cover;
				}

.box.box-bg-image
				{
				background: #01414d;
				background-position: right bottom;
				background-size: 50% auto;
				background-image: url('../images/img-bg.svg');
				}

.box.box-bg-image .box-content
				{
				max-width: 60%;
				}

.box.box-blue,
.box.box-blue *,
.box.box-bg-image,
.box.box-bg-image *
				{
				color: #FFF;
				}

.box.box-bg-image .box-content ul.arrow-bullets li,
.arrow-bullets-list ul li
				{
				background-image:url('../images/arrow-blue.svg');
				}

.module-grey ul.arrow-bullets li,
.module-grey .arrow-bullets-list ul li
				{
				background-image:url('../images/arrow-petrol.svg');
				}

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

.arrow-box
				{
				background-image:url('../images/pfeil.svg');
				background-repeat: no-repeat;
				background-size: 120px auto;
				padding: 40px 0 0 160px;
				margin-top: 80px;
				}

.arrow-box *
				{
				font-size: 2rem;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 400;
				}

.arrow-box  span
				{
				color: #00a98f;
				}

.flex-wrapper.flex-bottom
				{
				width: 104%;
				margin-left: -2%;
				align-items:flex-end;
				}

.flex-centered
				{
				align-items: center;
				}

.grid-two
				{
				width: 46%;
				margin: 0 2%;
				text-align: center;
				}

.grid-two ul
				{
				margin-bottom: 20px;
				}

.grid-two h3
				{
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				display: inline-block;
				margin: 0 0 20px 0;
				padding: 10px 30px;
				text-transform: uppercase;
				font-size: 1.2rem;
				background: #70feee;
				text-align: center;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.4); 
				box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.4); 
				}

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

.aspect-wrapper
				{
				height: 0;
				overflow: hidden;
				padding-top: 50%;
				position: relative;
				margin-bottom: 80px;
				}
				
.aspect
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}

.aspect-symbol
				{
				position: absolute;
				top: 0;
				left: 30%;
				width: 60%;
				z-index: 35;
				}

h4.aspect-subline
				{
				font-size: 2.65rem;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 800;
				font-style: italic;
				text-transform: uppercase;
				color: #ff7701;
				position: absolute;
				top: 30%;
				left: 20%;
				width: 50%;
				z-index: 35;
				}

.aspect-image-1
				{
				position: absolute;
				top: 28%;
				right: 5%;
				width: 60%;
				z-index: 30;
				}

.aspect-image-2
				{
				position: absolute;
				bottom: 40px;
				left: 10%;
				width: 35%;
				z-index: 40;
				}

.aspect-content
				{
				position: absolute;
				top: 70%;
				right: 10%;
				width: 30%;
				z-index: 30;
				}

.aspect-content h3
				{
				font-weight: 400;
				}

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

ul.arrow-bullets,
.box.box-grey ul,
.arrow-bullets-list ul
				{
				list-style: none;
				}

ul.arrow-bullets li,
.box.box-grey ul li,
.arrow-bullets-list ul li
				{
				padding-left: 50px;
				background-image:url('../images/arrow-black.svg');
				background-repeat: no-repeat;
				background-size: 30px auto;
				background-position: 0px 3px;
				margin-bottom: 15px;
				}

.arrow-bullets-list ul li,
.arrow-bullets-list ul li *
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				}

ul.arrow-bullets h4
				{
				text-transform: uppercase;
				margin-bottom: 0;
				}

ul.arrow-bullets h5
				{
				font-size: 1rem;
				line-height: 1.4em;
				margin-bottom: 0;
				}

ul.arrow-bullets p
				{
				font-weight: 400;
				margin: 0;
				}

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

.bg1
				{
				background-image:url('../images/bgs/bg1.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				padding: 220px 0 160px 0!important;
				margin-top: -160px;
				}

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

#gdpr-cookie-message
				{
				z-index: 11;
				}

#id_header_c2a
				{
				position: absolute;
				bottom:-70px;
				width: 100%;
				left: 0;
				display: flex;
				z-index: 10;
				}

#id_header_c2a .inner
				{
				display: flex;
				}
				
#id_header_c2a .header-c2a
				{
				width: 48%;
				padding: 30px 30px 30px 60px;
				box-sizing: border-box;
				-webkit-box-shadow: 4px 4px 15px 4px rgba(0,0,0,0.15); 
				box-shadow: 4px 4px 15px 4px rgba(0,0,0,0.15); 
				background-color:#70feee;
				transition: all 500ms;
				}

#id_header_c2a .header-c2a.header-c2a-left
				{
				margin-right: 2%;
				}

#id_header_c2a .header-c2a.header-c2a-right
				{
				margin-left: 2%;
				}

.header-c2a a
				{
				color: #000!important;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-weight: 600;
				font-size: 1.4rem;
				text-transform: uppercase;
				text-decoration: none;
				background-position: right center;
				background-repeat: no-repeat;
				background-size: 40px auto;
				padding: 5px 50px 5px 0;
				background-image: url('../images/arrow-black.svg');
				}

#id_header_c2a .header-c2a:Hover
				{
				background-color: #fe7200;
				}

.header-c2a a:Hover
				{
				padding: 5px 60px 5px 0;
				}
				
.glow-box
				{
				padding: 30px 100px;
				box-sizing: border-box;
				background: #01414d;
				-webkit-box-shadow: 1px 1px 10px 1px rgba(39,181,200,0.3); 
				box-shadow: 1px 1px 10px 1px rgba(39,181,200,0.3);
				}
				
.glow-box,
.glow-box *
				{
				text-align: center;
				color: #70feee;
				}

.glow-box h3
				{
				font-weight: 400;
				}
			
.c2a-wrapper
				{
				position: absolute;
				width: 100%;
				bottom:-20px;
				left: 0;
				text-align: center;
				}
				
.c2a-wrapper a
				{
				max-width: 280px;
				margin: 0;
				}
			
.lined
				{
				background-image: url('../images/line.svg');
				background-position: center center;
				background-size: auto;
				text-align: center;
				margin-top: 40px;
				}

.box-image-wrapper
				{
				padding: 0 60px 60px 60px;
				margin-top: -40px;
				}

.module-grey .box,
.box.module-grey
				{
				background: #e4e0df;
				}

.module.universe
				{
				margin-top:0px;
				}
/*
.module.benefits h2,
.module.universe h2
				{
				font-size: 5rem;
				}
*/
.module.benefits .fifty img
				{
				max-width: 120%;
				}

.module.benefits .fifty ul.arrow-bullets li h5
				{
				font-size: 1.4rem;
				/*font-weight: 700;*/
				text-transform: uppercase;
				}

.module.benefits .fifty ul.arrow-bullets li
				{
				background-position: 0 9px;
				}



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

.four-wrapper
				{
				width: 102%;
				display: flex;
				margin: 40px 0 20px -1%;
				}

.four-wrapper .four
				{
				width: 23%;
				margin: 0 1%;
				background: #2d3538;
				box-sizing: border-box;
				padding: 20px;
				text-align: center;
				position: relative;
				}

.four-wrapper .four *
				{
				color: #FFF;
				text-align: center;
				}

.four-wrapper .four .image-wrapper
				{
				height: 60px;
				display: flex;
				align-items: center;
				justify-content: center;
				}

.four-wrapper .four img
				{
				max-width: 80%;
				max-height: 60px;
				margin: 0;
				}

.four-wrapper .four .short-line
				{
				max-width: 40%;
				height: 2px;
				background: #FFF;
				margin: 20px 30%;
				}

.four-wrapper .four h5
				{
				text-transform: uppercase;
				}

.four-wrapper .four p
				{
				margin: 0 0 10px 0;
				}


.four-wrapper .four.active
				{
				background: #FFF;
				}

.four-wrapper .four.active .short-line
				{
				background: #2d3538;
				}

.four-wrapper .four.active *
				{
				color: #2d3538;
				}

.four-c2a
				{
				position: absolute;
				width: 100%;
				bottom: -8px;
				left: 0;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

img.img-concept { bottom: -80px; position: absolute; left: -80px; }

.notintended img.img-concept { bottom: 0; position: relative; left: 0; }

img.img-asset { margin: 60px 0 0 -120px; max-width: 120%; }
img.img-benefits { margin-bottom: -100px; }



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

#id_footer .inner
				{
				padding: 80px 0;
				}

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

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

#id_footer ul li
				{
				float: none;
				margin-bottom: 10px;
				}

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

#id_footer_logo
				{
				width: 200px;
				height: 40px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('../images/ci/instifolio-invert.svg');
				margin-bottom: 20px!important;
				}

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

.main-image
				{
				max-width: 520px;
				}

#id_header #id_menu ul li:nth-last-child(2)
				{ 
				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:nth-last-child(2):Hover
				{ 
				background-image: url('../images/custom/instifolio/login-over.svg');
				}

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

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


#id_header #id_menu ul li:nth-last-child(2) a,
#id_header #id_menu ul li.language a
				{
				color: #1e9c90;
				}


#id_header #id_menu ul li:nth-last-child(2) a:Hover,
#id_header #id_menu ul li.language a:Hover
				{
				color: #134976;
				}
/*
.instifolio-box-details
				{
				padding-top: 35px!important;
				}
*/
#uid257 .module.grey#contact
				{
				padding-top: 0px!important;
				}

@media screen and (max-width: 900px) {
	
	h2,
	.video-highlight h2,
	.broschure h2,
	a.big
				{
				font-size: 3rem;
				margin-bottom: 30px;
				}
				
	#id_header #id_menu ul li:nth-last-child(2)
				{
				width: auto!important;
				display: inline-block;
				box-sizing: border-box;
				margin-top: 0;
				}			
		
	.arrow-box *
				{
				font-size: 1.2rem;
				}
	
	.main-image
				{
				max-width: 100%;
				}
	
	.module.header
				{
				height: 60vh;
				}
	
	.module.header h1,
	.module.header h1 span
				{
				font-size: 2rem!important;
				letter-spacing:0.1em!important;
				bottom: 25px;
				width: 100%;
				}
	
	#id_header_c2a
				{
				bottom: 5px;
				}
	
	#id_header_c2a .inner
				{
				display: block;
				}
				
	#id_header_c2a .header-c2a
				{
				width: 100%;
				margin: 0 0 10px!important;
				padding: 20px 10px 20px 20px;
				}
	
	.bg1,
	div.module,
	div.module.more-padding,
	.bg1,
	div.module, div.module.more-padding
				{
				padding: 40px 0!important;
				width: 100%;
				}
	
	.module.no-padding
				{
				padding: 0!important;
				}
	
	.bg1
				{
				margin-top: 0;
				}
			
	.glow-box
				{
				padding: 30px;
				}
	
	.four-wrapper,
	.flex-wrapper,
	.flex-wrapper.flex-bottom,
	.aspect-wrapper,
	.aspect
				{
				display: block;
				margin-left: 0;
				width: 100%;
				padding: 0;
				}
	
	.four,
	.fifty,
	.fifty:first-of-type div,
	.grid-two,
	.box.box-bg-image .box-content
				
				{
				float: none!important;
				width: 100%!important;
				padding: 0!important;
				margin-left: 0!important;
				margin-right: 0!important;
				max-width: 100%!important;
				}
				
	.four
				
				{
				padding: 20px!important;
				margin-bottom: 40px!important;
				}
				
	img.img-concept,
	img.img-asset,
	img.img-benefits { margin:0 0 20px 0; }
	
	img.img-concept { bottom: 0; position: relative; left: -60px; }
	
	.module.benefits .fifty img { max-width: 100%; }
	
	.aspect-symbol,
	h4.aspect-subline,
	.aspect-content,
	.aspect,
	.aspect-image-1
				{
				position: relative;
				top:0;
				left: 0;
				right: inherit;
				bottom: inherit;
				width: 100%;
				}
	
	.module.header video
				{
				height: 100%;
				}	
			
	.aspect
				{
				text-align: right;
				}
	
	.aspect-image-1
				{
				width: 80%;
				}
	
	.aspect-image-2
				{
				bottom:30px;
				left: 0;
				width: 40%;
				}
	
	.box.box-bg-image
				{
				padding-bottom: 120px;
				background-size: 70% auto!important;
				}
	
	.aspect-wrapper
				{
				height: auto;
				overflow: inherit;
				padding: 0;
				width: 90%;
				margin: 0 5% 20px 5%;
				}
	
	.module.header .inner.inner-main
				{
				align-items: baseline;
				padding-top: 30px;
				}
	
	h4.aspect-subline
				{
				font-size: 1.2rem;
				}
	
	.module.header .inner p
				{
				font-size: 1rem;
				}
			
	.header-c2a a
				{
				font-size: 1.1rem;
				background-size: 20px auto;
				padding: 5px 30px 5px 0;
				}
	
	a.big
				{
				background-size: 100px auto;
				padding-right: 120px;
				}
	
	.arrow-box
				{
				background-size: 60px auto;
				padding: 20px 0 0 80px;
				margin-top: 20px;
				}
				
	.stoerer
				{
				top: -35px;
				right: -15px;
				width: 90px;
				height:90px;
				padding: 20px;
				}

	.stoerer span
				{
				font-size: 1rem;
				}
	
	.module ul
				{
				margin-left: 0;
				}
	
	.module .gradient-box ul
				{
				margin-left: 20px;
				}
		
	#id_footer ul li
				{
				margin-left: 0;
				}
				
	#id_header_content {
		display: flex;
		justify-content: center;
		align-items: center;
    	height: auto;
}		
				
	.module.header.header-small,
.module.header.header-small video,
.module.header.header-small img
				{
				box-sizing: border-box;
				height: 40vh;
				min-height: 300px;
				}

}

@media screen and (max-width: 900px) {
	
	#id_header_content {
		display: block;
	}
		
}

/*			
#id_zoomimage
				{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-size: 110% auto;
				background-position: center center;
				animation: zoomimage 30s;
				}
				
@keyframes zoomimage {
  0% {
    background-size: 100% auto;
  }
  100% {
    background-size: 120% auto;
  }
}
*/
#id_zoomimage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#id_zoomimage img {
    flex-shrink: 0;
	width:initial;
	height: initial;
    min-width: 100%;
    min-height: 100%;
    max-width: 140%;
    max-height: 140%;
	top: initial;
	left: unset;
	position: relative;
	object-fit: initial;
	animation: zoomimage 20s forwards;
}

@keyframes zoomimage {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@media screen and (max-width: 900px) {
	
	#id_zoomimage img {
   	 	max-width: initial;
	}
		
}



#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row,
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row,
#uid1300 .mauticform-field-3 .mauticform-radiogrp-row,
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row,
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row
{
    display: inline;
	margin-right: 5px;
}

#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row input[type="checkbox"],
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row input[type="checkbox"],
#uid1300 .mauticform-field-3 .mauticform-radiogrp-row input[type="radio"],
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row input[type="radio"],
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row input[type="radio"]
{
    position: absolute;
	left: -3000px;
}

#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row label,
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row label,
#uid1300 .mauticform-field-3 .mauticform-radiogrp-row label,
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row label,
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row label
{
    display: inline-block;
	font-size: .9rem;
	line-height: 1em;
	font-weight: 400;
	color: #000;
	margin-bottom:10px;
	padding: 10px 20px;
	background: #FFF;
	border: 1px solid #CCC;
	cursor: pointer;
	-webkit-border-radius:40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	transition: all 500ms;
	
}

#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row label:hover,
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row label:hover,
#uid1300 .mauticform-field-3 .mauticform-radiogrp-row label:hover,
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row label:hover,
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row label:hover
{
	border: 1px solid #000;
}

#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label,
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row input[type="checkbox"]:checked + label,
#uid1300 .mauticform-field-3 .mauticform-radiogrp-row input[type="radio"]:checked + label,
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row input[type="radio"]:checked + label,
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row input[type="radio"]:checked + label
{
    background: #1e9c90;
	border-color:#1e9c90!important;
	color: #FFF;
}

#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row input[type="checkbox"]:focus + label,
#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row input[type="checkbox"]:focus + label,
#uid1300 .mauticform-field-3.mauticform-radiogrp-row input[type="radio"]:focus + label,
#uid1300 .mauticform-field-5 .mauticform-radiogrp-row input[type="radio"]:focus + label,
#uid1300 .mauticform-field-7 .mauticform-radiogrp-row input[type="radio"]:focus + label
{
    outline: none;
}

@media screen and (max-width: 700px) {
	
	#uid1300 .mauticform-field-1 .mauticform-checkboxgrp-row label,
	#uid1300 .mauticform-field-2 .mauticform-checkboxgrp-row label,
	#uid1300 .mauticform-field-3 .mauticform-radiogrp-row label,
	#uid1300 .mauticform-field-5 .mauticform-radiogrp-row label,
	#uid1300 .mauticform-field-7 .mauticform-radiogrp-row label
	{
    	text-align: center;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		
	}	
	
}

#uid1300 .mauticform-innerform input[type="text"],
#uid1300 .mauticform-innerform input[type="email"],
#uid1300 .mauticform-innerform input[type="date"],
#uid1300 .mauticform-innerform input[type="tel"],
#uid1300 .mauticform-innerform input[type="time"],
#uid1300 .mauticform-innerform select,
#uid1300 .mauticform-innerform textarea
				{
				padding: 15px 10px;
    			border: 1px solid #CCC!important;
				}

#uid1300 .mauticform-innerform .mauticform-field-2 input[type="text"],
#uid1300 .mauticform-innerform .mauticform-field-4 input[type="text"],
#uid1300 .mauticform-innerform .mauticform-field-6 input[type="text"]
				{
				padding: 15px 0!important;
				border:none!important;
    			border-bottom: 1px solid #000!important;
				}

#uid1300 #mauticform_kontaktformularinstifoliode_line
				{
				display: none;
				}

.left.left-3-2
{
width: 68%;
}

.right.right-3-1
{
width: 28%;
}

.right.right-3-1 .flex-wrapper.flex-column.two .box
{
width: 70%;
}

.highlight-box
				{
				background: rgb(0,103,84);
				background: linear-gradient(90deg, rgba(0,103,84,1) 0%, rgba(0,156,129,1) 100%)!important;
				padding: 40px 30px;
				box-sizing: border-box;
				-webkit-border-radius:10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin-bottom: 30px;
				}

.highlight-box h3
				{
				color: #FFF;
				font-size: 1.1rem;
				font-weight: 600;
				line-height: 1.2em;
				text-align: center;
				margin: 0;
				}