@media screen, projection
{
  body
  {
    font-family: 'Delius', sans-serif;
    color:#000000;	   
    background: url(../images/bg.jpg) center center fixed;
  }

  div.ym-wrapper
  {
    width:94%;
    max-width:70em	;
    margin:3% auto;
  }

  .ym-col1
  {
    width: 210px;  /* sidebar */
    margin-bottom:-10px;
    background-color:#fff;
  }

  .ym-col3
  {
    margin-left: 0px;  /* content */
    border-left: solid 210px white;
    margin-right: 0;
    background:rgba(255,255,255,0.85)
  }

  .ym-col1 .ym-cbox
  {
    padding:10px 5px;
  }
  
  .ym-col3 .ym-cbox
  {
    padding:3% 8%;
  }
  
  div.ym-column + nav
  {
      background-color:#810a1a;
      clear:both;
  }

  .footer div
  {
    font-size:90%;
  }
  
  h1,h2,h3,h4,h5,h6
  {
    color:#003056;
  }
  
  h1
  {
    font-weight:normal;
    font-family: 'Caveat Brush', cursive;
    
  }
  
  h2,h3,h4,h5,h6
  {
    font-weight:normal;
    margin-top:0.8em;
    font-family: 'Caveat Brush', cursive;
    
  }
  
  p
  {
    margin-bottom:0.5em;
  }
  
  #maintitle
  {
      font-size:60px;
      line-height:100px;
      margin:0;
  }
  
  /* ----------------------- menue anfang --------------------------- */
  
  ul.Navigation {			
    margin: 0; padding: 0;
    text-align: center;
  }

  ul.Navigation li {
    list-style: none;
    float: left;  				/* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin:0;
    padding:0;
    border-right:1px solid #ccc;		/* Ramhen rechts zur abtrennung */
  }


  *:first-child+html ul.Navigation li { 	 /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul.Navigation li ul {				/* Unternavigation */
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px; left: 0;				/* abstand Unternavigation nach oben */
    display: none;  				/* Unternavigation ausblenden */
    background-color:#bf8b92;			/* farbe Unternavigation */
  }

  *:first-child+html ul.Navigation ul {  	/* Workaround fuer den IE 7 */
    background-color:#bf8b92;
    padding-bottom:0.4em;
  }

  ul.Navigation li:hover ul
  {
    display: block;  				/* Unternavigation in modernen Browsern einblenden */
  }

  ul.Navigation li:hover			/* farbe menue kopf wenn maus im untermenue */
  {
    background-color:#bf8b92;
  }

  ul.Navigation li:hover a			/* farbe alle links beim hoover */
  {
    color:#000;
  }

  ul.Navigation li ul li {
    float: none;
    display: block;
    border:none;
  }

  ul.Navigation a,ul.Navigation li ul a {
    display: block;
    /* Breite den in li enthaltenen Elementen zuweisen */
    padding:5px 5px;				/* breite der kopfelemente */
    text-decoration: none;
    
    color:#fff;			/* farbe alle links beim hoover */
    background-color:transparent;
    font-size:85%;				/* schrift kopf */
  }

  ul.Navigation li ul a {
    padding: 5px;
    font-size:80%;				/* schrift untermenue */
  }

  ul.Navigation a:hover {		/* menue kopf beim hoover */
    color:#000;
    background-color:#e5d0d3;
  }

  ul.Navigation li ul a:hover{		/*untermenue beim hoover */
    color:#000;
    background-color:#e5d0d3;
  }

  /* ----------------------- menue ende --------------------------- */
  
  /* ----------------------- sub menue linke seite anfang --------------------------- */
   
  #parent
  {
    margin:1em auto;
  }
  
  ul#subnav
  {
    margin:0.5em auto;
    list-style: none;
    font-size:90%;
  }
  
  ul#subnav a
  {
    text-decoration:none;    
    color: #081d2e;
  }
  
  ul#subnav li
  {
    padding-left:0.5em;
  }
  
  ul#subnav li:hover
  {
    background-color:#e5d0d3  }
  
	ul#subnav li a:hover
  {
    background-color:transparent;
  }
  ul#subnav a:visited
  {
    text-decoration:none;    
    color:#081d2e;
  }
 
  /* ----------------------- sub menue linke seite ende --------------------------- */
 
    #parent
    {
      border-bottom:1px solid black;
      margin-bottom:0.5em;
      font-size:100%;
    }
    
    #catimage
    {
      margin:1em auto;
      display:block;
      
    }
    .postinfo
    {
      clear:both;
      text-align:right;
      font-size:80%;
      margin-top:2em;
    }
    
    
   /* ----------------------- kalender klassen --------------------------- */ 
   
	.tp_ical_eventlist
	{
		margin:0.5em auto;
		max-width:500px;

	}

	.tp_ical_event
	{
		-webkit-box-shadow: 0px 0px 10px 0px rgba(168,168,168,1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(168,168,168,1);
		box-shadow: 0px 0px 10px 0px rgba(168,168,168,1);
		background-color:#f2f2f2;
		margin-bottom:20px;
		padding:0;
		padding-bottom:0.5em;
	}

	.tp_ical_event_start
	{
		flex-basis:40%;
		text-align:right;
	}

	.tp_ical_event_start_end_seperator
	{
		flex-basis:15%;
		text-align:center;
	}

	.tp_ical_event_end
	{
		flex: 1;
	} 

	.tp_ical_event_start_end
	{
	  background-color:#810a1a;
	  color:#fff;
	  padding:0.3em;
	  padding-left:1em;
	  box-shadow: 0 4px 2px -2px gray;  
	  display: flex;
	}


	.tp_ical_event_summary
	{
		font-weight:bold;
	}

	.tp_ical_event_summary, .tp_ical_event_location, .tp_ical_event_description
	{
	  margin-top:0.5em;
	  margin-left:1.5em;
	}

	   /* ----------------------- wordpress klassen --------------------------- */   
	.postcontent
	{
		min-height:120px;
	}

	ul.wp-block-latest-posts, ul.wp-block-latest-posts li
	{
		margin-left:0;
	}
    /*------------------------------ Bilder ---------------------------------*/
	.wp-post-image
	{
	float: left;
	border:2px solid #bf8b92;
	background-color:#fff;
	padding: 4px;
	margin:0.3em 0.3em;
	}

	.size-full img, .size-large img, .size-thumbnail img, .size-medium img, .wp-block-image * img, div.ngg-gallery-thumbnail-box img
	{
	border:2px solid #bf8b92 !important;
	background-color:#fff !important;
	padding:4px !important;
	margin:4px !important;
	}

	img.aligncenter
	{
	border:2px solid #bf8b92 !important;
	background-color:#fff !important;
	padding:4px !important;
	}

	a img:hover
	{
	background-color:none;
	}

	.nocolor
	{
	border:none;
	background-color:transparent;
	padding:0.3em;
	margin:0.3em;
	}
       
	.alignright
	{
	float:right;
	display:inline;
	margin: 0.8em;
	}

	.alignleft
	{
	float:left;
	display:inline;
	margin: 0.8em;
	}

	.aligncenter
	{
	display:block;
	text-align:center;
	margin: 1.5em auto 1em auto;
	}
  
	/*------------------ gallery ----------------------*/
	div.ngg-galleryoverview
	{
		display:flex !important;
		flex-wrap : wrap;
		justify-content : center;
		align-items : center;
		align-content : center;
	}

	div.ngg-gallery-thumbnail-box 
	{
		display:block;
		width:160px;
		height:160px;
	}
	
	div.ngg-navigation
	{
		width:100%;
	}
}

	/*------------------------------ Bilder  ende ---------------------------------*/

	table
	{
	margin:0 auto;
	background-color: #fff;

	}

	.attachment-medium
	{
	border:1px solid silver;
	background-color:#ddd;
	padding:0.5em;
	margin:1.5em auto;
	}
  
	#nav-below
	{
	font-weight:normal;
	text-align:center;
	font-family: 'Rock Salt', serif;
	letter-spacing:0.08em;
	font-size:105%;
	}
}

 /* ----------------------- anpassung media size --------------------------- */ 
 
/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	.ym-wrapper {
		min-width: 0px;
	}
}
 
@media screen and ( max-width: 840px )  {
div.ym-wrapper
  {
    width:98%;
    margin:auto;
  }

/* ----- spalten ----------------*/
	.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n)
	{
		margin-left:auto !important;
		margin-right:auto !important;
	}
}
@media screen and ( max-width: 780px )  {

/* ----- spalten ----------------*/
	.wp-block-column
	{
		margin-left:auto !important;
		margin-right:auto !important;
	}
  div.ym-wrapper
  {
    width:100%;
    margin:0%;
  }
  
  #maintitle
  {
    text-align:center;
  }
  
  #mainlogo
  {
    width:210px;
    margin:0 auto;
  }
  
  ul#subnav li
  {
    float:left;
    padding-left:0.5em;
  }
  
  #catimage
  {
    display:none;
  }
  
  .post-image
  {
    display:none;
  }
    
  img 
  {
    max-width:98%;
    height: auto;
  }
  
  /* linearization for column module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border:none;
    width: 100% !important;
  }

  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0.4em;
    margin: 0;
  }
  
}

/* ----------------------- druck klassen --------------------------- */     
@media print
{
 div.ym-wrapper
  {
    width:100%;
  }

  nav
  {
  display:none;
  }
  
  .ym-col1
  {
  display:none;
  width: 0px;  /* sidebar */
  }

  .ym-col3
  {
  margin-left: 0px;  /* content */
  margin-right: 0;
  background: url(../images/transp70.png);
  }

  .ym-cbox
  {
    padding:0;
  } 
  
  /*------------------------------------ drucken kalender---------------- */
   .tp_ical_eventlist
  {
      margin:0.5em auto;
      max-width:450px;
      
  }

  .tp_ical_event
  {
      border:1px solid black;
      margin-bottom:20px;
      padding:1em;
  }
  
  .tp_ical_event_start
  {
    float:left;
    margin-right:1ex;
  }
}