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

	html{
		margin: 0;
	}

	body{
			/* color: #050537; */
			
			color: #050537;
			
			font-family: 'Open Sans', sans-serif;
			padding: 0; 
			font-weight: 400;
			background: #ffefef;
			text-align: center;
		}
		
	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;}}
	
	
	
	
/* ==================================================================================================================== */
/* BX SLIDER */
/* ==================================================================================================================== */	
	
	.bx-wrapper .bx-viewport {
		background:#ffefef!important;
	}
	
	
	.mobileheader{}
	.mobileheader img{width: 100%;}
	
	

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


	#linkblock{
		/* background: url('../img/bg-bonnie-stylez.jpg') no-repeat; */
		background-position: center top;
		
	}
	@media(min-width:300px) {#linkblock{padding: 10px 0px 40px 0px;}}
	@media(min-width:768px) {#linkblock{padding: 40px 0px 40px 0px;}}

	#seotext{background: #fef8f8; padding: 40px 0px;}
	#footer{padding: 40px 0px;}



/* ==================================================================================================================== */
/* TITEL */
/* ==================================================================================================================== */	

	.titel{font-family: 'Pacifico', cursive; text-align: center; text-shadow: 0px 0px 10px #541B18;}


	.titelbox{position: absolute;  z-index: 99; width: 100%; left:0px;}
	
	@media(min-width:300px) {.titelbox{top: -120px;}}
	@media(min-width:768px) {.titelbox{top: -100px;}}
	@media(min-width:992px) {.titelbox{top: -140px;}}
	@media(min-width:1200px){.titelbox{top: -170px;}}
	@media(min-width:1600px){.titelbox{top: -250px;}}
	@media(min-width:1900px){.titelbox{top: -200px;}}
	

	@media(min-width:300px) {.titel{color: #ffefef;font-size:40px;}}
	@media(min-width:768px) {.titel{color: #ffefef;font-size:40px;}}
	@media(min-width:992px) {.titel{color: #ffefef;font-size:50px;}}
	@media(min-width:1200px){.titel{color: #ffefef;font-size:60px;}}
	@media(min-width:1600px){.titel{color: #ffefef;font-size:60px;}}
	@media(min-width:1900px){.titel{color: #ffefef;font-size:70px;}}

	
	@media(min-width:300px) {.titel h1{color: #ffefef;font-size:40px;}}
	@media(min-width:768px) {.titel h1{color: #ffefef;font-size:40px;}}
	@media(min-width:992px) {.titel h1{color: #ffefef;font-size:50px;}}
	@media(min-width:1200px){.titel h1{color: #ffefef;font-size:60px;}}
	@media(min-width:1600px){.titel h1{color: #ffefef;font-size:60px;}}
	@media(min-width:1900px){.titel h1{color: #ffefef;font-size:70px;}}

	
	
	
	
	
	
	

/* ==================================================================================================================== */
/* Sharebox */
/* ==================================================================================================================== */


	.shareboxrelative{
		position: relative;
	}


	.sharebox{position: absolute;  z-index: 100; width: 100%; border: 0px solid blue; text-align: center;}


	
	/* @media(min-width:300px) {.sharebox{top: 450px;}} */
	/* @media(min-width:768px) {.sharebox{top: 450px;}} */
	/* @media(min-width:992px) {.sharebox{top: 450px;}} */
	/* @media(min-width:1200px){.sharebox{top: 250px;}} */
	/* @media(min-width:1600px){.sharebox{top: 370px;}} */
	/* @media(min-width:1900px){.sharebox{top: 450px;}} */

	@media(min-width:300px) {.sharebox{top: -50px;}}
	@media(min-width:768px) {.sharebox{top: -50px;}}
	@media(min-width:992px) {.sharebox{top: -50px;}}
	@media(min-width:1200px){.sharebox{top: -50px;}}
	@media(min-width:1600px){.sharebox{top: -70px;}}
	@media(min-width:1900px){.sharebox{top: -70px;}}
	
	
	

	.shareboxinlay{
		background: #fbb4b0;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding: 10px 5px;
		/* max-width: 739px; */
		max-width: 710px;
		margin: 0px auto;
	}

	.shareboxtext{
		font-family: 'Pacifico', cursive;
		text-align: left;
		color: #ffefef;
		font-size:30px;
		float:left;
		padding: 4px 0px 0px 0px;
	}
	.shareboxarrow{float:left; padding: 5px 5px 0px 10px;}
	.shareboxarrow img{width: 40px;}
	
	
	/*Mobile*/
	.sharemobile{
		
		text-align: center;
		
		margin: 0px auto;
		}
		
		
	@media(min-width:300px) {.sharemobile{width: 100%; padding: 20px 5px;}}	
	@media(min-width:400px) {.sharemobile{width: 400px; padding: 20px 20px;}}		
		
	
	
	

	
	
	
	/* Override Share - addshare*/
	.a2a_dd{margin-left: 5px;}
	
	.a2a_default_style a {

    float: left;
    line-height: 16px;
    padding: 0 2px!important;

}
	
	
	
	
	
	
	
	
	

/* ==================================================================================================================== */
/* LINKS LINK BOXES */
/* ==================================================================================================================== */	

	.linkbox img{width: 100%; max-width: 739px;}

	
	
	
	.linkbox-left{
		border: 0px solid red;
		float:left;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.linkbox-right{
		border: 0px solid red;
		float:right;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	
	@media(max-width:767px) {.linkbox-right{margin-right: 0px;}}
	@media(max-width:767px) {.linkbox-left{margin-left: 0px;}}
	
	
	
	.linkbox-left img{width: 100%; max-width: 364px;}
	.linkbox-right img{width: 100%; max-width: 364px;}

	
	@media(min-width:300px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:14px;}}
	@media(min-width:768px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:20px;}}
	
	
	@media(min-width:300px) {.linkbox h2 ,.linkbox-left h2, .linkbox-right h2{font-size:14px; margin: 0px 0px;}}
	@media(min-width:768px) {.linkbox h2 ,.linkbox-left h2, .linkbox-right h2{font-size:20px; margin: 0px 0px;}}
	
	
	
	
	/* @media(min-width:300px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:16px; color: #fbb4b0; font-family: 'Pacifico', cursive;}} */
	/* @media(min-width:768px) {.linkbox ,.linkbox-left, .linkbox-right{font-size:26px; color: #fbb4b0; font-family: 'Pacifico', cursive; }} */
	
	/* @media(min-width:300px) {.linkbox a,.linkbox-left a, .linkbox-right a{color: #fbb4b0;}} */
	/* @media(min-width:768px) {.linkbox a,.linkbox-left a, .linkbox-right a{color: #fbb4b0;}} */
	
	

/* ==================================================================================================================== */
/* TEXT */
/* ==================================================================================================================== */	

	#seotext h1{font-size: 28px; margin: 10px 0px;}
	#seotext h3{font-size: 28px; margin: 10px 0px;}
	#seotext p{
		text-align: justify; /* For Edge */
		-moz-text-align-last: center; /* For Firefox prior 58.0 */
		text-align-last: center;
		line-height: 24px;
	}
	@media(min-width:300px) {#seotext p{padding: 30px 20px;}}
	@media(min-width:768px) {#seotext p{padding: 30px 0px 40px 0px;}}
	
	
/* ==================================================================================================================== */
/* Profilbilder */
/* ==================================================================================================================== */	
	
	.profilimage{
		width: 100%; 
		margin-bottom: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border: 2px solid #fff;
		}
	
/* ==================================================================================================================== */
/* Btn zur Homepage */
/* ==================================================================================================================== */	
	.homepagebuttonfield{text-align: center; padding: 50px 0px;}
	
	.homepagebutton{
		background: #fbb4b0;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		text-decoration: none;
		line-height: 40px;
		padding: 10px 20px;
	}
	.homepagebutton:hover{background: #000;color: #fff;text-decoration: none;}
	
	

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

	
/* ==================================================================================================================== */
/* impressummodal */
/* ==================================================================================================================== */		
	
	.impressummodal{
		font-size: 12px;
		color: #000;
		text-align: left;
	}
	
	
/* ==================================================================================================================== */
/* Exitmodal */
/* ==================================================================================================================== */		
	
	.exitmodal{
		font-size: 16px;
		color: #000;
	}
	
	.exitmodal .modal-body{padding: 15px 15px 30px 15px;}
	
	
	.exittext{
		padding: 10px 20px 20px 20px;
	}
	.exitbutton{
		color: #fff;
		background: #669900;
		padding: 10px 20px;
		text-decoration: none;
		margin: 20px 0px;
	}
	.exitbutton:hover{color: #fff; background: #000; text-decoration: none;}