.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4
{
  color: #444;
  margin: 0;
	font-family: Cormorant Garamond, Georgia, serif;
  font-weight: 800;
}

.entry-content h1
{
	border-top: 5px solid #ecb51d;
  border-bottom: 5px solid #ecb51d;
	position: relative;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* top gradient line
.entry-content h1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10%;
	min-height: 5px;
	background: linear-gradient(
		to bottom,
		rgba(235, 182, 29, 0.35),
		rgba(235, 182, 29, 0)
	);
} */

/* bottom gradient line
.entry-content h1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10%;
	min-height: 5px;
	background: linear-gradient(
		to top,
		rgba(235, 182, 29, 0.65),
		rgba(235, 182, 29, 0)
	);
} */

.entry-content h2
{
	margin: 2em auto 1em auto;
	background-color: #444;
  color: #ecb51d;
}

.entry-content .standalone-img-container,
.entry-content .standalone-img-container::before,
.entry-content .standalone-img-container::after,
.entry-content .standalone-img-container img
{
	border-radius: 0.4em;
}

.entry-content .standalone-img-container
{
	position: relative;
	text-align: center;
	margin: 2em auto;
	padding: .4em;
	background-color: #444;
  overflow: hidden;
}

.entry-content .standalone-img-container img
{
		display: block;
		margin: auto;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

/* offset border sitting inside the padding */
.entry-content .standalone-img-container::before
{
    content: "";
    position: absolute;
    /* inset: 0.3em; unknown by this editor, hence top, right etc.*/
		top: 0.4em;
  	right: 0.4em;
 		bottom: 0.4em;
  	left: 0.4em;
    border: 2px solid #ecb51d;
    z-index: 2;
    pointer-events: none;
}

/* yellow -> transparent gradient overlay */
.entry-content .standalone-img-container::after
{
    content: "";
    position: absolute;
    left: 0.45em;
    right: 0.45em;
    bottom: 0.45em;
    height: 30%;
    background: linear-gradient(
        to top,
        rgba(235, 182, 29, 0.35),
    		rgba(235, 182, 29, 0)
    );
    z-index: 3;
    pointer-events: none;
}

@media (max-width: 768px)
{
  .entry-main h1,
	.entry-main h2,
  .entry-main h3
	{
    text-align: center;
  }
		
  .entry-main h1
	{
    font-size: 1.1em;
  }
		
  .entry-main h2
	{
		padding: 0.2em 0.1em;
    font-size: 1em;
  }
		
	.entry-content .standalone-img-container
	{
			margin-top: 1em;
			margin-bottom: 0;
	}
		
	.aligncenter
	{
    margin-bottom: 0;
  }
}

@media (max-width: 680px)
{
	.kontakt-probetraining
	{
		padding: .5em;
	}
		
	.kontakt-probetraining h2
	{
		border-radius: 10px;
	}
		
  body.responsive #masthead .hgroup .logo
	{
    float: none;
    display: none;
  }

  .so-mobilenav-mobile + *
	{
    top: 2em;
		right: -0.2em;
    position: relative;
    z-index: 9;
  }
		
	#page-wrapper #masthead > .hgroup.full-container
	{
    padding: 0;
  }
		
  .mobile-nav-icon::before
	{
    font-size: 1.8em;
  }
		
	body .is-layout-grid.grid-2x2
	{
    padding: 0.5rem;
		background-color: #444;
  }

  .so-mobilenav-mobile
	{
    top: 0;
    right: .5em;
    position: absolute;
    z-index: 9;
    color: yellow;
  }
		
	#page-wrapper #masthead > .hgroup.full-container
	{
    padding: .8em;
		background-color: #444;
  }
		
	.so-mobilenav-mobile
	{
    top: -1em;
    right: 2em;
  }
}

@media (max-width: 680px)
{
  .so-mobilenav-mobile + *
	{
		top: -0.1em;
    right: 1.6em;
    font-size: .9em;
  }
		
	.mobile-nav-icon::before
	{
    font-size: 1.7em;
    color: #ecb51d;
  }
}