/****************************************************************************************************
	
****************************************************************************************************/

	html{
		margin: 0;
	}

	body{
			/* color: #050537; */
			 height: 100vh; /* Try removing this.. */
			color: #050537;
			
			/* font-family: 'Open Sans', sans-serif; */
			font-family: 'Maven Pro', sans-serif;
			
			font-weight: 400;
			background: #fafafa;
			text-align: center;
			
			
			
			/**/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1bcb1+0,4bc7d2+40,37b9e9+81,1191d6+100 */
background: #a1bcb1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a1bcb1 0%, #4bc7d2 40%, #37b9e9 81%, #1191d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #a1bcb1 0%,#4bc7d2 40%,#37b9e9 81%,#1191d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #a1bcb1 0%,#4bc7d2 40%,#37b9e9 81%,#1191d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1bcb1', endColorstr='#1191d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		}
		
		
		
		
	@media(min-width:300px) {body{padding: 30px 10px; }}	
	@media(min-width:768px) {body{padding: 20px; }}		
	@media(min-width:1200px){body{padding: 40px; }}		
		
		
		
		
	a {color: #050537;}	
		
		
		
		
/* ==================================================================================================================== */
/* OVERRIDE CONTAINER SIZE */
/* ==================================================================================================================== */		
	
	@media (min-width: 768px) {.container {width: 740px;}}
	@media (min-width: 992px) {.container {width: 960px;}}
	@media (min-width: 1200px){.container {width: 960px;}}	
		

/* ==================================================================================================================== */
/* DEFAULT CLASS */
/* ==================================================================================================================== */

	.nopadding{padding: 0px;}
	.my_padding_trbl_10 {padding: 10px;}
	.my_padding_trbl_15 {padding: 15px;}
	.clear{clear:both;}


	/* .logo{width: 100%;} */
	.textcenter{text-align: center;}
	.textleft{}
	
	
	
	.textshaddow{ text-shadow: 0px 0px 2px #fff;}
	.myblack{color: #000;}

	.implink{color: #999;}
	.implink:hover{color: #999;}

	.h1title{font-size: 22px; margin-top: 50px;}
	.smalltext{font-size: 12px;}


	@media(min-width:100px) {.spacertop{padding-top:0px;}}
	@media(min-width:768px) {.spacertop{padding-top:30px;}}
	@media(min-width:992px) {.spacertop{padding-top:50px;}}
	@media(min-width:1200px){.spacertop{padding-top:20px;}}

	.linkmobile{display: block;}
	.linkdesktop{display: none;}

/* ==================================================================================================================== */
/* MOBILE CLASSES */
/* ==================================================================================================================== */	
	
	@media(min-width:300px) {.mobile{display: block;}}
	@media(min-width:768px) {.mobile{display: none;}}
	
	@media(min-width:300px) {.desktop{display: none;}}
	@media(min-width:768px) {.desktop{display: block;}}
	
	
	/* for Share buttons */
	
	@media(min-width:300px) {.mobileshare{display: block;}}
	@media(min-width:1200px) {.mobileshare{display: none;}}
	
	@media(min-width:300px) {.desktopshare{display: none;}}
	@media(min-width:1200px) {.desktopshare{display: block;}}
	
	


/* ==================================================================================================================== */
/* SECTIONS */
/* ==================================================================================================================== */	


	#content{

		
	}
	@media(min-width:300px) {#content{padding: 10px 0px 40px 0px;}}
	@media(min-width:768px) {#content{padding: 40px 0px 40px 0px;}}
	@media(min-width:992px) {#content{padding: 40px 0px 40px 0px;}}
	@media(min-width:1200px){#content{padding: 40px 0px 40px 0px;}}
	@media(min-width:1600px){#content{padding: 80px 0px 40px 0px;}}

	#footer{padding: 40px 0px;}


	
/* ==================================================================================================================== */
/* Box */
/* ==================================================================================================================== */		
	
	.box{
		background: #fff;
		border: 1px solid #efefef;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);

	}
	
	@media(min-width:300px) {.box{padding: 20px;}}
	@media(min-width:1600px){.box{padding: 50px;}}
	
/* ==================================================================================================================== */
/* Headline */
/* ==================================================================================================================== */	
	@media(min-width:300px) {.box h1{color: #385b5b; font-size:22px;}}
	@media(min-width:768px) {.box h1{color: #385b5b; font-size:30px;}}
	@media(min-width:992px) {.box h1{color: #385b5b; font-size:30px;}}
	@media(min-width:1200px){.box h1{color: #385b5b; font-size:50px;}}
	@media(min-width:1600px){.box h1{color: #385b5b; font-size:50px;}}
	@media(min-width:1900px){.box h1{color: #385b5b; font-size:50px; }}
	
	
	.box h1{
		font-weight:400;
		letter-spacing: 2px;
		text-indent: -2px;
		
	}
	@media(min-width:300px) {.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:30px; }}
	@media(min-width:768px) {.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:50px; }}
	@media(min-width:992px) {.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:50px; }}
	@media(min-width:1200px){.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:50px; }}
	@media(min-width:1600px){.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:50px; }}
	@media(min-width:1900px){.box h2{margin-top: 0px; color: #385b5b; font-weight:600; font-size:50px; }}
	
	
	
	
	.box h2::before,
	.box h2::after {
    display: inline-block;
    content: "";
    border-top: .2rem solid #385b5b;
    width: 4rem;
    /* margin: 0 1rem; */
    transform: translateY(-1rem);
	margin: 0.5rem 2rem;
}
	
	
	@media(min-width:300px) {.box h2::before,.box h2::after {margin: 0rem 0rem; width: 0rem;}}
	@media(min-width:768px) {.box h2::before,.box h2::after {margin: 0.5rem 2rem; width: 4rem;}}
	
	
	/*Linkset h1 und h2*/
	
	.box h1 a, .box h2 a {color: #385b5b; text-decoration: none;}
	

/* ==================================================================================================================== */
/* Btn zur Homepage */
/* ==================================================================================================================== */	
	.homepagebuttonfield{text-align: center; }
	
	@media(min-width:300px) {.homepagebuttonfield{padding: 25px 0px;}}
	@media(min-width:768px) {.homepagebuttonfield{padding: 50px 0px;}}
	
	@media(min-width:300px) {
		.homepagebutton{
			background: #99cc00;
			color: #fff;
			font-size: 30px;
			font-weight: 700;
			text-decoration: none;
			line-height: 40px;
			
			/* -webkit-border-radius: 8px; */
			/* -moz-border-radius: 8px; */
			/* border-radius: 8px; */
			text-transform: uppercase;
		}
		.homepagebutton:hover{background: #000;color: #fff;text-decoration: none;}
	}
	
	
	
	
	@media(min-width:300px) {.homepagebutton{padding: 10px 30px;}}
	@media(min-width:768px) {.homepagebutton{padding: 10px 20px;}}

/* ==================================================================================================================== */
/* Footerlogo */
/* ==================================================================================================================== */		
	
	
	.footerlogofield{padding: 30px 0px;}
	.footerlogo{width: 150px;}
	
/* ==================================================================================================================== */
/* footer */
/* ==================================================================================================================== */	
	
	#footer {font-size: 12px;}
	#footer {color: #000;}