/*
Theme Name: Mindscape Child Theme
Template: mindscape
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */


/* @import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/3bcfac");*/

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../mindscape/css/fonts/proximanova-semibold.woff2') format('woff2'), 
  url('../mindscape/css/fonts/proximanova-semibold.woff') format('woff');
}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../mindscape/css/fonts/proximanova-regular.woff2') format('woff2'), 
  url('../mindscape/css/fonts/proximanova-regular.woff') format('woff');
}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('../mindscape/css/fonts/proximanova-light.woff2') format('woff2'), 
  url('../mindscape/css/fonts/proximanova-light.woff') format('woff');
}




.headline_zentriert {
	margin:0 auto;
	text-align:center;}

.text_zentriert {
	max-width:800px;
	margin:0 auto;
	text-align:center;
	}	
	

.off-canvas-menu-container .menu li  {
	margin-bottom:15px !important;
}

.off-canvas-menu-container .menu li a {
	font-size:24px !important;
	font-family: ProximaNova-Semibold !important;
}

h1, h2, h3, h4, h5, h6 { 
        	font-family: ProximaNova-Semibold !important;
        	font-weight: normal !important;
        	font-style: normal !important;
        }		


p {
font-family: ProximaNova-Light !important;
	font-size:18px !important;
	line-height:28px !important;
	
}

.bold, strong, b, span {
	font-family: 'ProximaNova-Regular' !important;
}

li, a {
font-family: ProximaNova-Light !important;
}


h1 {
	font-size:52px !important;
	line-height:62px !important;
	}


h2 {
	font-size:42px !important;
	line-height:50px !important;

	}
	
h3 {
	font-size:32px !important;
	line-height:40px !important;

	}
	
h4 {
	font-size:22px !important;
	line-height:30px !important;
	}	
	
	
h5 {
	font-size:18px !important;
	line-height:24px !important;
	}	
	
h6 {
	font-size:12px !important;
	line-height:16px !important;
	}	
	
#slide-out-widget-area strong {
	color:#1d292f !important;
	}	
	
.toggle h3 a {
	font-size:20px !important;
	line-height:22px !important;
}
	
.impressum_linien_test {
	position:absolute !important;
	right:0 !important;
	top:-40px !important;
	}	

	
.linien_test {
	position:absolute !important;
	right:0 !important;
	top:-615px !important;
	}	
	
.dreiecke_test {
	position:absolute !important;
	left:0 !important;
	top:-140px !important;
	
	}	
	
.dreieck_nach_links {
	position:absolute !important;
	right:0 !important;
	top:-160px !important;
	}	
	
span.interval {
	min-width:40% !important;
}


.team-meta h3 {
	font-size:28px !important;
	line-height:34px !important;
	 margin-bottom:0 !important;
	 word-spacing: 9999999px;
}

.team-meta p {
	font-size:15px !important;
}

.team_member_details div {
	font-family: ProximaNova-Light !important;
	font-size:18px !important;
	line-height:28px !important;
	}	

.team_member_details h2 br {
		display:none;
		}		
	
.team_member_details .title {
	font-family: ProximaNova-Regular !important;
	color:#00abc8 !important;
	}	


.pricing-column h3 {
		color:#1d292f !important;
		margin-bottom: 10px !important;
	}

.pricing-column-content h4 {
	font-size:28px !important;
	margin-bottom: 20px !important;
}

.anfragen_button a, .anfragen_button a:visited {
	color:#fff !important;
	font-size: 18px;
	font-family: ProximaNova-Semibold !important;
	letter-spacing: 1px;
	background-color: #00abc8 !important;
	padding:10px 22px;
	display:inline-block;
}

.anfragen_button a:hover, .anfragen_button a:active {
	background-color: #04839a !important;

}





@media only screen and (min-width : 1000px) and (max-width : 1023px), 
@media only screen and (min-device-width : 1000px) and (max-device-width : 1023px)
 { 
	
		.slider_container_header {
	margin-top:50px !important;
}


}	


@media only screen and (max-width : 999px), 
@media only screen and (max-device-width : 999px) { 
		

		header#top {
			margin-top:20px !important;
		}
		
		.only_for_mobile {
			height:80px !important;
			
		}

        .ganz_oben {
			height:50px !important;
		}

      
		h1 {
			font-size:34px !important;
			line-height:46px !important;
			}
        
        .slider_container_header {
			margin-top:80px !important;
		}
		


		h1 {
			font-size:28px !important;
			line-height:42px !important;
			}
		
		
		h2 {
			font-size:24px !important;
			line-height:38px !important;
		
			}
			
		.linien_test, .dreiecke_test, .dreieck_nach_links, .impressum_linien_test {
				display:none !important;
				}		
		
		.off-canvas-menu-container .menu li  {
					margin-bottom:15px !important;
				}

		.off-canvas-menu-container .menu li a {
					font-size:20px !important;
					line-height: 22px !important;
					font-weight:bold !important;
				}		

	}




	@media only screen and (max-width : 667px), 
	@media only screen and (max-device-width : 667px) { 
			
	
		
			.slider_container_header {
				margin-top:60px !important;
			}
			
		}		
	
		}