@import url(../fonts/opensans_regular_german/stylesheet.css);
@import url(../fonts/opensans_semibold_german/stylesheet.css);
@import url(../fonts/jane_austen/stylesheet.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@import url(../fonts/specialelite_regular_macroman/stylesheet.css);
@import url(../fonts/aquilinetwo_regular_macroman/stylesheet.css);




:root {
  --white: #FFF;
  --black: #151e2a;
}




body {
	font-family: 'open_sansregular';
	color: #5D5048;
	font-size:100%;
	background-color: #fff;
    background-image: url("background.jpg");
	padding: 0px;
}

.container-component:first-child {
  margin-top: 12em;
}



/** LINKFARBE **********************************************************************************************************/

a:link  {
	font-weight : bold;
    text-decoration : none;
	color : #438A8F;
	background: transparent;
	outline: 0 none;
}
a:visited  
{
	font-weight : bold;
    text-decoration : none;
	color : #438A8F;
	background: transparent;
	outline: 0 none;
}
a:active  
{
	font-weight : bold;
    text-decoration : none;
	color : #438A8F;
	background: transparent;
	outline: 0 none;
}
A:Hover  
{
	font-weight : bold;
    text-decoration : underline;
	color : #438A8F;
    background: transparent;
	outline: 0 none;    
}




/** Seitenaufbau **********************************************************************************************************/
	


h1 {
	color: #5D5048 !important; /*graue Schrift*/
	font-size: 150%;
	font-family: 'aquilinetworegular';
	font-size: 150%;
	line-height: 2em;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 1em 0 0 0;
	
}

 h1 a:link  {
    color: #5D5048 !important; /*graue Schrift*/
	font-weight: normal;
	

}

header h1 a:visited  {
    color: #5D5048 !important; /*graue Schrift*/
}

main h1 {
	color: #5D5048 !important; /*graue Schrift*/
	font-family: 'open_sansregular';
	letter-spacing: 0;
	font-size: 180%;
	line-height: 2em;
	text-align: left;
	padding: 1em 0 0 0;
	font-weight: normal;
	
}


.container-header {
  background-color: transparent!important;
  background-image: none!important;
  -webkit-box-shadow: transparent;
  box-shadow: transparent;
 
}


.header  {
 height: 330px;
 background-image: url(.../images/header-1730.jpg);
 margin-bottom: 40px;
}
 

	
/* Navi */

.container-header .container-nav {
  padding-bottom: 0.3em;
  justify-content: center;
}


.dj-megamenu-wrapper {
  margin: 0 auto!important;
  background: #fff;
  border-bottom: #5D5048 2px solid;
  border-top: #5D5048 2px solid;
 
}

#dj-megamenu116 {
  margin: 0 auto!important;
  
}

.dj-megamenu-modern li a.dj-up_a {
  font-size: 15pt!important;
  color: #5D5048 !important;
  font-family: 'special_eliteregular';
  font-weight: 600;
}

.dj-drop {
  cursor: s-resize!important;
}

.dj-megamenu-modern a{
 color: #5D5048 !important;!important;
  font-weight: normal;
}



.dj-submenu a{
  color: var(--black)!important;
  font-weight: normal;
}

.dj-megamenu-modern li ul.dj-submenu > li > a {
  font-size: 15px!important;
  line-height: 24px;
  color: var(--black)!important;
}


.dj-megamenu-default li a.dj-up_a {
  font-size: 22pt!important;
  cursor: pointer;
  font-family: var(--navigation-font);
  background-color: transparent!important;
}

.dj-megamenu-default a{
  color: var(--white)!important;
  font-weight: normal;
}


.dj-offcanvas-close-btn {
  font-size: 30px!important;
  color: var(--orange)!important;
}










footer  {
    background-color: transparent!important;
	background-image: none!important;
    border-top: 0px solid #fbfafa;
	text-align: center!important;
	margin: 0 auto;
	color: #5D5048!important;
	font-family: 'aquilinetworegular';
	font-size: 18pt;
}

footer a {

font-family: 'open_sansregular';
font-size: 14pt;

}

.footer hr{
	background-color: #5D5048 !important; /*graue Schrift*/		
}



/** HEADLINES
*********************************************************************************************************
*/	
	
		
h2{
	font-family: 'open_sanssemibold';
	color: #5D5048;
    font-size: 150%;
	font-weight:normal;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

h3{
	font-family: 'open_sanssemibold';
	color: #5D5048;
    font-size: 125%;
	font-weight:normal;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 5px;
}


h3 a:link {
  color: #5D5048 !important;
  font-family: 'JaneAusten';
  font-family: 'aquilinetworegular';
  letter-spacing: 0.2em;
  font-weight: normal !important;
  text-decoration: none !important;
  font-size: 22px;
  text-align: center;
}





h4{
	font-family: 'open_sanssemibold';
	text-transform: uppercase;
	color: #5D5048;
    font-size: 100%;
	font-weight:normal;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.5em;
}
	
			



/** 404
*********************************************************************************************************
*/

#errorboxoutline {
text-align: center;
}

#errorboxoutline h2 {
text-align: center;
}
	

/** Galerien
*********************************************************************************************************
*/

.igui-lightbox {
    background: #A29477;  
}

.ig-lightbox-left-wrapper, .ig-lightbox-right-wrapper, .ig-thumb-scroller-lbox-below {
    background-color: transparent;
}
	
.igui-lightbox h4{
font-family: 'special_eliteregular';
/*background: #5D5048;*/ 
text-align: center;	
text-transform: none;
letter-spacing:0.1em;
text-decoration: overline;
}	

.igui-lightbox-items img {
  border: #fff 30px solid;
}
	
	
/** unterschiedliche Hintergründe
*********************************************************************************************************
*/


.page-sfx-speckstein .igui-lightbox {
    background: #282828!important;
}
	
	
	



/** Responsive
*********************************************************************************************************
*/

@media all and (min-width: 1281px) and (max-width: 1600px) {


	

		 		
}




@media all and (min-width: 1025px) and (max-width: 1280px) {



		 		
}




@media all and (min-width: 1024px) and (max-width: 1024px) {
	 



		 		
}




@media all and (min-width: 980px) and (max-width: 1023px) {
	
	
.dj-megamenu-modern li a.dj-up_a {
  font-size: 12pt !important;
}	
	 
.dj-megamenu-modern li a.dj-up_a > span.dj-drop {
  padding: 0 5px 0 0 !important;
}		 		











@media all and (min-width: 768px) and (max-width: 979px) {
		 

		 		
}




@media all and (min-width: 0px) and (max-width: 767px) {
	

 header h1 {
  font-size: 220%;
  padding: 1em 0;
}


#main {
padding: 5%;
}


.footer_custom { 
width: 80%;		
}




		 		
}