/* CSS FOR CMS */

/* COLORS */
.primary {color: var(--primary-color) !important;}
.primary-bg {background: var(--primary-color) !important;}
.secondary {color: var(--secondary-color) !important;}
.secondary-bg {background: var(--secondary-color) !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.white-bg {background: #FFFFFF !important;}
.light-grey-bg {background: #ECECEC !important;}

/* R+V COLORS */
.ruv-blue {color: #001957 !important;}
.ruv-blue-bg {background: #001957 !important;}
.ruv-orange {color: #FFA500 !important;}
.ruv-orange-bg {background: #FFA500 !important;}

/* FONTS */
*, p, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif !important;
	line-height: 1.4;
	letter-spacing: 1px;
}

p {
	font-size: 20px;
	/*line-height: 32px;*/
	font-weight: 300 !important;
}
strong {
	font-weight: bold !important;
}
em {
	color: inherit !important;
}
.h60 {
	font-size: 60px;
	line-height: 68px;
	font-weight: 700;
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
	letter-spacing: 1px;
}
.h36 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 200;
	text-shadow: 0 0 25px rgba(0,0,0,0.5);
	letter-spacing: 1px;
}
.h32 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	letter-spacing: 1px;
}
.t24 {
	font-size: 24px !important;
	line-height: 28px !important;
	letter-spacing: 1px;
}
.t20 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
}
.t18 {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
}
.t16 {
	font-size: 16px;
	line-height: 18px;
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
	letter-spacing: 1px;
}
.t14 {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
}
.t12 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}
.bold {font-weight: 700 !important;letter-spacing: 1px;}
.italic {font-style: italic;}
.text-shadow {
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
}

/* FONT SIZE FOR TABLETS */
@media (max-width: 1199px) { 
	p {
		font-size: 16px;
		line-height: 28px;
		font-weight: 300 !important;
		letter-spacing: 1px;
	}
	.h60 {
		  font-size: 40px;
		  line-height: 44px;
		  font-weight: 700;
		  text-shadow: 0 0 30px rgba(0,0,0,0.5);
	}
	.h36 {
		  font-size: 22px;
		  line-height: 28px;
		  font-weight: 200;
		  text-shadow: 0 0 25px rgba(0,0,0,0.5);
	}
	.h32 {
		  font-size: 20px;
		  line-height: 26px;
		  font-weight: 700;
		  letter-spacing: 1px;
	}
	.t24 {
		  font-size: 18px !important;
		  line-height: 24px !important;
		  letter-spacing: 1px;
	}
	.t20 {
		  font-size: 16px;
		  line-height: 28px;
		  letter-spacing: 1px;
	}
	.t18 {
		  font-size: 14px;
		  line-height: 20px;
		  letter-spacing: 1px;
	}
	.t16 {
		font-size: 16px;
		line-height: 18px;
		text-shadow: 0 0 30px rgba(0,0,0,0.5);
		letter-spacing: 1px;
	}
	.t14 {
		  font-size: 12px;
		  line-height: 20px;
		  letter-spacing: 1px;
	}
	.t12 {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 1px;
	}
}

/* FONT SIZE FOR MOBILE DEVICES */
@media (max-width: 639px) { 
	p {
		font-size: 16px;
		line-height: 28px;
		font-weight: 300 !important;
		letter-spacing: 1px;
	}
	.h60 {
		  font-size: 36px;
		  line-height: 42px;
		  font-weight: 700;
		  text-shadow: 0 0 30px rgba(0,0,0,0.5);
	}
	.h36 {
		  font-size: 22px;
		  line-height: 28px;
		  font-weight: 200;
		  text-shadow: 0 0 25px rgba(0,0,0,0.5);
	}
	.h32 {
		  font-size: 20px;
		  line-height: 26px;
		  font-weight: 700;
		  letter-spacing: 1px;
	}
	.t24 {
		  font-size: 18px !important;
		  line-height: 24px !important;
		  letter-spacing: 1px;
	}
	.t20 {
		  font-size: 16px;
		  line-height: 28px;
		  letter-spacing: 1px;
	}
	.t18 {
		  font-size: 14px;
		  line-height: 20px;
		  letter-spacing: 1px;
	}
	.t16 {
		font-size: 16px;
		line-height: 18px;
		text-shadow: 0 0 30px rgba(0,0,0,0.5);
		letter-spacing: 1px;
	}
	.t14 {
		  font-size: 12px;
		  line-height: 20px;
		  letter-spacing: 1px;
	}
	.t12 {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 1px;
	}
}

/* GENERAL */
	
	/* Navigation */
	.dropdown-width {width: 400px;}
	.icon-nav {
		width: auto;
		height: 30px;
		margin-right: 30px;
	}
	.nav-text {
		padding: 30px 50px 30px 50px;
	}
	.nav-text:hover {
		background: var(--primary-color);
	}
	.nav-hover-border-radius1 {border-radius: 16px 16px 0 0; border-bottom: 1px solid white;}
	.nav-hover-border-radius1-5 {border-bottom: 1px solid white;}
	.nav-hover-border-radius2 {border-radius: 0 0 16px 16px;}
	
	@media (max-width: 639px) { 
		.full-center {width: 100%;}
		.nav-text {padding: 40px 30px 40px 30px;}
	}

	/* SECTIONS */
	.uk-section-large {padding: 40px 0;}
	@media (max-width: 1199px) { 
		.uk-section-large {padding: 30px 0;}
	}
	
	/* HERO */
	.hero-bg {
		background-image: linear-gradient(
			to top, 
			var(--primary-color) 0%,
			transparent 50%
		),
		url(../img/hero_hi.jpg)
	}
	.overlap-100 {margin-top: -100px;}
	.icon-intro {width: 108px; height: auto;}
	.ppicture {
		width: 200px; 
		height: 200px;
	}
	
	@media (max-width: 1199px) { 
		.overlap-100 {margin-top: -50px;}
		.icon-intro {width: 80px; height: auto;}
		.ppicture {
			width: 150px; 
			height: 150px;
		}
	}
	
	/* SECTION */
		
		/* CMS */
		.section-1440 {max-width: 1440px;margin:auto;}
	
	/* CONTAINER */
	
		/* CMS */
		.container-1440 {max-width: 1440px !important;}
		.container-1160 {max-width: 1160px !important;}
		.container-960 {max-width: 960px !important;}
	
	@media (max-width: 1199px) { 
		
		/* UI-KIT */
		.uk-section-medium {padding-top: 30px; padding-bottom: 30px;}
	}
	
	@media (max-width: 639px) { 
	
		/* UI-KIT */
		
		/* CMS */
		.container-1440 {padding: 0 !important;}
		.container-1160 {padding: 0 !important;}
		.container-960 {padding: 0 !important;}
		.padding-accodion {padding: 0px 20px !important;}
	}

	/* MARGINS & PADDINGS */
		
		/* UI-KIT */
		
			/* MARGIN */
			
				/* XSMALL */
				.uk-margin-xsmall {margin: 10px !important;}
				.uk-margin-xsmall-top {margin-top: 10px !important;}
				.uk-margin-xsmall-bottom {margin-bottom: 10px !important;}
				.uk-margin-xsmall-left {margin-left: 10px !important;}
				.uk-margin-xsmall-right {margin-right: 10px !important;}
			
				/* SMALL */
				.uk-margin-small {margin: 30px !important;}
				.uk-margin-small-top {margin-top: 30px !important;}
				.uk-margin-small-bottom {margin-bottom: 30px !important;}
				.uk-margin-small-left {margin-left: 30px !important;}
				.uk-margin-small-right {margin-right: 30px !important;}
			
				/* MEDIUM */
				.uk-margin-medium {margin: 50px !important;}
				.uk-margin-medium-top {margin-top: 50px !important;}
				.uk-margin-medium-bottom {margin-bottom: 50px !important;}
				.uk-margin-medium-left {margin-left: 50px !important;}
				.uk-margin-medium-right {margin-right: 50px !important;}
				
				/* LARGE */
				.uk-margin-large {margin: 100px !important;}
				.uk-margin-large-top {margin-top: 100px !important;}
				.uk-margin-large-bottom {margin-bottom: 100px !important;}
				.uk-margin-large-left {margin-left: 100px !important;}
				.uk-margin-large-right {margin-right: 100px !important;}
				
				/* XSLARGE */
				.uk-margin-xslarge {margin: 150px !important;}
				.uk-margin-xslarge-top {margin-top: 150px !important;}
				.uk-margin-xslarge-bottom {margin-bottom: 150px !important;}
				.uk-margin-xslarge-left {margin-left: 150px !important;}
				.uk-margin-xslarge-right {margin-right: 150px !important;}
			
				/* XLARGE */
				.uk-margin-xlarge {margin: 200px !important;}
				.uk-margin-xlarge-top {margin-top: 200px !important;}
				.uk-margin-xlarge-bottom {margin-bottom: 200px !important;}
				.uk-margin-xlarge-left {margin-left: 200px !important;}
				.uk-margin-xlarge-right {margin-right: 200px !important;}
				
			/* PADDING */
		
		/* CMS */
		.padding-50 {padding: 0 100px;}
		.padding-50-headline {padding: 0 100px !important;}
		.pad-30-l {padding-left: 30px !important;}
		.padding-small-vertical {padding: 20px 50px !important;}
	
		.forcedBr {display:none;}
	
		@media (max-width: 1199px) { 
			
			/* UI-KIT */
			
			/* MARGIN */
			
				/* XSMALL */
				.uk-margin-xsmall {margin: 10px !important;}
				.uk-margin-xsmall-top {margin-top: 10px !important;}
				.uk-margin-xsmall-bottom {margin-bottom: 10px !important;}
				.uk-margin-xsmall-left {margin-left: 10px !important;}
				.uk-margin-xsmall-right {margin-right: 10px !important;}
			
				/* SMALL */
				.uk-margin-small {margin: 20px !important;}
				.uk-margin-small-top {margin-top: 20px !important;}
				.uk-margin-small-bottom {margin-bottom: 20px !important;}
				.uk-margin-small-left {margin-left: 20px !important;}
				.uk-margin-small-right {margin-right: 20px !important;}
			
				/* MEDIUM */
				.uk-margin-medium {margin: 30px !important;}
				.uk-margin-medium-top {margin-top: 30px !important;}
				.uk-margin-medium-bottom {margin-bottom: 30px !important;}
				.uk-margin-medium-left {margin-left: 30px !important;}
				.uk-margin-medium-right {margin-right: 30px !important;}
				
				/* LARGE */
				.uk-margin-large {margin: 50px !important;}
				.uk-margin-large-top {margin-top: 50px !important;}
				.uk-margin-large-bottom {margin-bottom: 50px !important;}
				.uk-margin-large-left {margin-left: 50px !important;}
				.uk-margin-large-right {margin-right: 50px !important;}
				
				/* XSLARGE */
				.uk-margin-xslarge {margin: 90px !important;}
				.uk-margin-xslarge-top {margin-top: 90px !important;}
				.uk-margin-xslarge-bottom {margin-bottom: 90px !important;}
				.uk-margin-xslarge-left {margin-left: 90px !important;}
				.uk-margin-xslarge-right {margin-right: 90px !important;}
			
				/* XLARGE */
				.uk-margin-xlarge {margin: 100px !important;}
				.uk-margin-xlarge-top {margin-top: 100px !important;}
				.uk-margin-xlarge-bottom {margin-bottom: 100px !important;}
				.uk-margin-xlarge-left {margin-left: 100px !important;}
				.uk-margin-xlarge-right {margin-right: 100px !important;}
			
			/* CMS */
			.padding-50 {padding: 0 80px;}
			.padding-50-headline {padding: 0 50px !important;}
		}
		
		@media (max-width: 639px) { 
			
			/* UI-KIT */
			
			/* MARGIN */
			
				/* XSMALL */
				.uk-margin-xsmall {margin: 10px !important;}
				.uk-margin-xsmall-top {margin-top: 10px !important;}
				.uk-margin-xsmall-bottom {margin-bottom: 10px !important;}
				.uk-margin-xsmall-left {margin-left: 10px !important;}
				.uk-margin-xsmall-right {margin-right: 10px !important;}
			
				/* SMALL */
				.uk-margin-small {margin: 20px !important;}
				.uk-margin-small-top {margin-top: 20px !important;}
				.uk-margin-small-bottom {margin-bottom: 20px !important;}
				.uk-margin-small-left {margin-left: 20px !important;}
				.uk-margin-small-right {margin-right: 20px !important;}
			
				/* MEDIUM */
				.uk-margin-medium {margin: 30px !important;}
				.uk-margin-medium-top {margin-top: 30px !important;}
				.uk-margin-medium-bottom {margin-bottom: 30px !important;}
				.uk-margin-medium-left {margin-left: 30px !important;}
				.uk-margin-medium-right {margin-right: 30px !important;}
				
				/* LARGE */
				.uk-margin-large {margin: 50px !important;}
				.uk-margin-large-top {margin-top: 50px !important;}
				.uk-margin-large-bottom {margin-bottom: 50px !important;}
				.uk-margin-large-left {margin-left: 50px !important;}
				.uk-margin-large-right {margin-right: 50px !important;}
				
				/* XSLARGE */
				.uk-margin-xslarge {margin: 70px !important;}
				.uk-margin-xslarge-top {margin-top: 70px !important;}
				.uk-margin-xslarge-bottom {margin-bottom: 70px !important;}
				.uk-margin-xslarge-left {margin-left: 70px !important;}
				.uk-margin-xslarge-right {margin-right: 70px !important;}
			
				/* XLARGE */
				.uk-margin-xlarge {margin: 100px !important;}
				.uk-margin-xlarge-top {margin-top: 100px !important;}
				.uk-margin-xlarge-bottom {margin-bottom: 100px !important;}
				.uk-margin-xlarge-left {margin-left: 100px !important;}
				.uk-margin-xlarge-right {margin-right: 100px !important;}
			
			/* CMS */
			.padding-20 {padding: 0 20px !important;}
			.padding-50 {padding: 0 20px !important;}
			.padding-50-headline {padding: 0 20px !important;}
			.margin-small-left {margin-left: 20px !important;}
		}
	
	/* MISC */
	
		/* UI-KIT */
		
			/* CARD */
			.uk-card-large {padding: 100px !important;}
			.uk-card-large-op {padding: 100px !important;}
			.card-medium {padding: 50px !important;}
	
		/* CMS */
		.border-rounded-16 {border-radius: 16px;}
	
	
	@media (max-width: 1199px) { 
		
		/* UI-KIT */
		
			/* CARD */
			.uk-card-large {padding: 50px !important;}
			.uk-card-large-op {padding: 50px 50px !important;}
	}
	
	@media (max-width: 639px) { 
		
		/* UI-KIT */
			
				/* CARD */
				.uk-card-large {padding: 50px 20px !important;}
				.uk-card-large-op {padding: 50px 0px !important;}
				.uk-card-large-op .card-content {padding: 0px 20px !important;}
				.card-medium {padding: 50px 20px !important;}
				.card-mobile {width: 75%;margin:auto;}
		}
	
/* SPECIAL */

	/* LOGO */
	.logo { max-width: 200px; max-height: 100px; }
	
	/* BAUSTEINE */
	.break-word {word-wrap: break-word;}
	.img-120 {height:120px;}
	
	/* STICKY ICON INDICATOR */
	.sticky-icon {
		height: 40px;
		width: 40px;
	}
	.sticky-icon-img {height:25px; width:auto;}
	.sticke-helper {border-radius: 50px 0px 0px 50px;}
	.sticky-text {height: 40px;padding:0px 20px;}
	.border-rounded-5 {border-radius: 0px 5px 5px 0px;}
	
	/* SECTION ZUKUNFTSVORSORGE */
	.baustein-bav-bg {
		background-image: linear-gradient(
			to top, 
			var(--primary-color) 0%,
			transparent 50%
		),
		url(../img/img_zukunftsvorsorge.jpg)
	}
		
	.overlap-baustein {margin-top: -288px !important;}
	.move-forward {z-index: 9999 !important; position: relative;}
	.line {
	margin: 0 0 20px 0;
	border: 0;
	border-top: 5px solid #ffffff;
	border-top-color: #ffffff !important;
	width: 160px;
	}
	.border-r {
		border-right: 1px solid #e5e5e5;
	}
	
	/* LIST */
	.v-list-h {
		border-top: 1px solid #000000;
		padding: 30px 0;
		width: 100% !important;
		margin:0 !important;
	}
	.v-list-last {
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		padding: 30px 0;
		width: 100% !important;
		margin:0 !important;
	}
	.v-list {
		padding-left: 30px !important;
	}
	.list-icon {width: 25px; height: 25px;}
	
	@media (max-width: 1199px) { 
		.sticky-padding {padding: 0px !important; margin:20px !important;}
		.overlap-baustein {margin-top: -150px !important;}
	}
	
	@media (max-width: 639px) { 
		.img-120 {height:70px;}
		.padding-remove{padding: 0px !important;}
		.sticky-padding {padding: 0px !important; margin:10px !important;}
		.sticky-bg {background: none !important;}
		.v-list {padding-left: 0px !important;}
		.text-left-s {text-align: left !important;}
	}
	
	
	
	/* LAZ */
	#laz-grafik-container {
		height:350px; 
		position: relative; 
		font-size:.82rem;
	}
	
	#laz-col1 {
		position: absolute;
		left: 35%;
		top: 0px;
		width: 30%;
		box-sizing: border-box;
	}
	#laz-col1-row1 {
		opacity: .75;
		position: absolute;
		background: #eee;
		width: 100%;
		padding: 10px 10px 20% 10px;
		box-sizing: border-box;
	}
	
	#laz-col1-row2 {
		position: relative;
		background: #d8d8d8;
		width: 100%;
		top: 120px;
		padding: 13% 10px 10px 10px;
		box-sizing: border-box;
		clip-path: polygon(50% 15%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
	}	
	#laz-col2 {
		position: absolute;
		left: 0%;
		top: 120px;
		width: 37%;
		box-sizing: border-box;
	}
	#laz-col2-row1 {
		position: absolute;
		top: 20px;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
	}	
	#laz-col2-row2 {
		position: absolute;
		display: inline;
		rotate: -4deg;
		top: -10px;
		left: 10px;
		background: #ed1;
		padding: 7px;
		box-sizing: border-box;
	}
	
	#laz-col3 {
		position: absolute;
		left: 63%;
		top: 80px;
		width: 37%;
		box-sizing: border-box;
	}
	#laz-col3-row1 {
		position: absolute;
		top: 40px;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
	}
	#laz-col3-row2 {
		position: absolute;
		top: 100px;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
	}	
	#laz-col3-row3 {
		position: absolute;
		display: inline;
		rotate: -4deg;
		top: -55px;
		left: 40px;
		width: min-content;
		background: #ed1;
		padding: 7px;
		box-sizing: border-box;
	}
	
	@media (max-width: 639px) { 
		
		#laz-grafik-container {
			height: auto; 
			font-size:.82rem;
		}
		
		#laz-grafik-container > div > div {
			position: relative;
		}
		
		#laz-col1-row1 {
			margin-top: 100px;
		}
		
		#laz-col1-row1 > strong {
			position: relative !important;
			padding: 20px 0 0 0 !important;
			margin: 20px 0 0 0 !important;
			top: 20px;
		}
		
		#laz-col1 {
			position: relative;
			left: 0%;
			top: 0px;
			width: 100%;
			box-sizing: border-box;
			margin-top: 20px !important;
		}
			
		#laz-col1-row2 {
			top: 0px !important;
			margin-top: -30px !important;
		}
		
		#laz-col2 {
			position: relative;
			left: 0%;
			top: 13px;
			width: 100%;
			box-sizing: border-box;
		}
		
		#laz-col2-row1 {
			position: absolute !important;
			top: -356px !important;
			rotate: 0deg !important;
			clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0) !important;
			padding: 15px !important;
			text-align: center !important;
		}
		
		#laz-col2-row2 {
			position: absolute !important;
			top: -405px !important;
			rotate: 0deg !important;
			left: 0 !important;
			width: 100% !important;
			padding: 15px !important;
			text-align: center !important;
		}
		
		#laz-col3 {
			position: relative;
			left: 0%;
			top: 0px;
			width: 100%;
			box-sizing: border-box;
			margin-bottom: 120px !important;
		}
		
		#laz-col3-row1 {
			top: 104px !important;
			text-align: center !important;
			width: 100% !important;
			padding: 15px !important;
			clip-path: none !important;
		}
		
		#laz-col3-row2{
			width: 100% !important;
			padding: 15px !important;
			clip-path: none !important;
			top: 105px !important;
			text-align: center !important;
			clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0) !important;
		}
		
		#laz-col3-row3 {
			position: absolute !important;
			rotate: 0deg !important;
			text-align: center !important;
			width: 100% !important;
			padding: 15px !important;
			left: 0 !important;
			top: 1px !important;
		}
		
		.forcedBr {
			display: block;
		}
		
	}
	/* Card Table adjustments mobile */
	@media (max-width: 600px) { 
		.uk-card-body {
			padding: 15px 0px 15px 15px !important;
		}
		.cell-width-m {
			width: 100px !important;
			padding-left: 22px !important;
			padding-right: 21px !important;
		}
		.cell-width-n {
			width: 100px !important;
			padding-left: 15px !important;
			padding-right: 15px !important;
		}
		.border-tb-h {
			border-top: 1px solid #E1E1E1;
			border-bottom: 1px solid #E1E1E1;
		}
		.border-b-h {
			border-bottom: 1px solid #E1E1E1;
		}
		.border-tb {
			width: 348px !important;
		}
		.uk-table-divider {
			
		}
	}
	
	
	/* CUSTOM MODULE */
	
	.benefit-img{
		width: auto;
		max-height: 400px;
	}