/*
Theme Name: Salon Marita 2016 - cornerstonechildtheme
Description: Child theme for the Cornerstone starter theme
Author: Stephen Mullen
Author URI: http: //www.thewirelessguy.co.uk
Template: cornerstone
Version: 1.0


font-family: "acumin-pro-condensed",sans-serif;
	Thin 100
	Extra-Light 200
	Light 300
	xxxRegular 400
	Semibold 600
	xxxBold 700	

font-family: "acumin-pro-extra-condensed",sans-serif;
	Extra-Light 200
	xxLight 300
	xxRegular 400
		
font-family: "ff-market-web",cursive;
Regular 400






*/


/* barlow-condensed-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/barlow-condensed-v12-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/barlow-condensed-v12-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/barlow-condensed-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-condensed-v12-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/barlow-condensed-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/barlow-condensed-v12-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/* Authentive - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Authentive';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Authentive.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/Authentive.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}





.bronze { color: rgba(174,153,144,1.00); }



.widget_nav_menu ul,
.widget_recent_entries ul,
.clearing-thumbs, 
.blocks-gallery-grid li {
	list-style:none;
}
#inhalt .blocks-gallery-grid li:before {display:none !important;}

.top-bar .title-area .name a {
	font-size: 1.0625em;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0 15px;
	line-height: 45px;
}

.orbit-container {background: transparent;}
.entry-content ul:not([class*="block-grid-"]):not(.clearing-thumbs),.widget_archive ul{margin-left:2em;}

img { height: auto !important; }

/*





/* Foundation - Overrides
-----------------------------------------*/

	

	button, 
	.button,
	a.button,
	a:visited.button{
		background-color: rgba(174,153,144,1.00);
		border: 1px solid rgba(255,255,255,0.10);
		color: #fff !important;
		font-family: inherit;
		font-size: 1.2rem;
		font-weight: 300;
		text-transform: uppercase;
		box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 0 2px rgba(0,0,0,0.10);		
		}
	button:hover, 
	.button:hover,
	a.button:hover {
		background-color: rgba(174,153,144,1.00);
		box-shadow: inset 0 0 20px rgba(0,0,0,0.25), 5px 5px 10px rgba(0,0,0,0.25);
		border-top: 1px solid rgba(255,255,255,0.50);
		border-left: 1px solid rgba(255,255,255,0.50);
		border-right: 1px solid rgba(0,0,0,0.50);
		border-bottom: 1px solid rgba(0,0,0,0.50);
		transform: scale(1.01);
		}
	
	
	/* Reveal - Modal 
	-----------------------------------------*/	
	.reveal h2 {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 0.5em;
		}					
	.reveal h3 {
		font-size: 1.5rem;
		font-weight: 300;
		margin-bottom: 0.2em;
		}
		.reveal h3 + h4 {
			font-size: 1rem;
			font-weight: 300;
			margin-top: -0.8em;			
			}
			
	.close-button {
		color: rgba(174,153,144,1.00) !important;
		background: none !important;
		padding: 0.5em;
		border: 1px solid rgba(174,153,144,1.00);
		}	
		.reveal .close-button:hover { 
			box-shadow: 0 0 8px rgba(0,0,0,0.20);
			background-color: rgba(174,153,144,0.00) !important;
			border: 1px solid rgba(174,153,144,1.00);
			transform: scale(1);
			}
			.reveal .close-button:hover .close-x { 
				transform: scale(1.3) rotate(180deg) translateY(-0.1em);
				}
		.reveal .facebook-link { 
			margin-top: 0; 
			font-size: 1.5rem; 
			}
		.reveal .facebook-link i { margin-right: 0.15em; }



/* Allgemeine Schriftformate
-----------------------------------------*/
	
	html,
	body { 
		font-family: "Barlow Condensed",sans-serif;
		font-size: 19px;
		font-weight: 200;
		line-height: 1.6;
		font-style: normal;
		background-color: #ffffff;
		color: #000;	
		font-variant-ligatures: common-ligatures;
		font-feature-settings: "liga", "clig", "pnum";
		font-variant-numeric: proportional-nums; 
		
		}	

	
	strong { font-weight: 600; }
	
	h1, h2,	h3,	h4,	h5,	h6 {
		font-family: "Barlow Condensed",sans-serif;		
		padding-bottom: 0.2em;
		text-align: left;
		color: rgba(174,153,144,1.00);
		}
		h1, h2	 {
			clear: both;
			}
	
	p { font-weight: 200; line-height: 1.6em; }
	
	a, 
	a:visited { 
		color: rgba(174,153,144,1.00);
		border-bottom: none;
		}
	a:hover, 
	a:active {
		color: rgba(174,153,144,1.00);
		outline: none;
		text-shadow: 0px 0px 10px rgba(174,153,144,0.25);
		}
	a:focus { -moz-outline-style: none; }	
	a.tel {	cursor: default; }
	
	footer a { white-space: nowrap; }
	
	hr { 
		border-top: 0px !important;
		border-bottom: 1px solid !important;
		border-color: rgba(0,0,0,0.10)  !important;
		background-color: transparent !important;
		margin: 2rem 0;
		clear: both;
		}
		hr:before,
		hr:after {
			content:"";
			display: table;
			width: 100%;
			}
		hr:after { clear:both }		
	
	mark,
	::selection {
		color: #000;
		background-color: rgba(174,153,144,0.5);
		padding: 0 0.3em;
		}

	.kolumnen,
	.text-columns {
		 column-count: 3;
		 column-width: 250px;
		 column-gap: 6em;
		 column-rule: 1px solid rgba(174,153,144,0.25);
		 margin-bottom: 2rem;
		 text-align: justify;
		}
		.kolumnen.schmal { column-width: 150px; }
		
		#inhalt .kolumnen > h2,
		#inhalt .kolumnen > h3,
		#inhalt .kolumnen > h4 {
			margin-top: 0;
			}
		
		p + .kolumnen,
		p + .text-columns {
			 margin-top: 2rem;	  
			}
	
	.bronze { color: rgba(174,153,144,1.00); }





/* Grundstruktur
---------------------------------------------------------------------------------------------------------------------------*/
	.svg .sprite, .shariff-button    { background-image: url('img/spritesheet.svg'); }
	.no-svg .sprite, .no-svg .shariff-button  { background-image: url('img/spritesheet.png'); }

	.off-canvas-wrapper {}	
	.off-canvas-content {
		background: none;
		box-shadow: none;
		}





/* Hauptnavigation  | Rest im Plugin selbst
---------------------------------------------------------------------------------------------------------------------------*/	

.top-bar .row {
    max-width: 75rem;
}

.top-bar  {
    height: 70px !important;
}

	#top-nav {
		z-index: 99;
		}
			
	.title-bar {
		background: rgba(255,255,255,0.85);
		color: rgba(174,153,144,1.00);
		padding: 0.5rem;
		font-weight: 300;
		position: relative;
		z-index: 1;
		}
		.title-bar-title {
			font-weight: 200;
			text-transform: uppercase;
			}
		.title-bar button.menu-icon {
			background-color: transparent;
			border: none;
			color: rgba(174,153,144,1.00) !important;
			box-shadow: none !important;
			z-index: 2;
			}
			.title-bar button.menu-icon:after {
				background: rgba(174,153,144,1.00);
				box-shadow: 0 7px 0 rgba(174,153,144,1.00), 0 14px 0 rgba(174,153,144,1.00);
				}
	
	.off-canvas {
		height: 100%;
		background-color: rgba(223,223,223,1.00);
		background-image: url('img/silberstruktur_800px.jpg');
		background-repeat: repeat;
		background-position: top;
		}		
		.off-canvas ul li.menu-item {
			border-bottom: 1px solid #fff;
            background-color: rgba(174,153,144,0.80);
			}
			.off-canvas ul ul li.menu-item {
                background-color: transparent;
				border-top: 1px solid rgba(174,153,144,0.50);
				border-bottom: none;
				}			
			
				.off-canvas ul li.menu-item a,
				.off-canvas ul li.menu-item a:visited {
					position: relative;
					color: #fff;
					padding: 0.7rem 2rem;
					}			
					.off-canvas ul li.current-menu-item a {
						background: rgba(255,255,255,0.20);
						}
						
			
			.off-canvas .menu .active > a {
				background: rgba(174,153,144,0.20);
				}
				.off-canvas ul .menu .active > a {
					background: rgba(255,255,255,0.20);
					color: #fff !important;
					}	
	
			.is-accordion-submenu-parent>a:after {
				border-color: rgba(174,153,144,1.00) transparent transparent;
				}
	
	


/* Header
---------------------------------------------------------------------------------------------------------------------------*/
	#page-header {
		position: relative;
		width: 100%;
		display: block; 
		height: 60vw;
		}
	
	#oberer-balken {
		position: absolute;
		display: block; 
		width: 100%;
		height: 50vw;
		top: -50px;
		left: 0;
		right: 0;
		background-image: url('img/bronzestruktur_800px.jpg');
		background-position: bottom center;
		background-repeat: repeat;
		}
		
	#header-image-smartphone,
	#header-image-desktop {
		position: relative;
		display: block;
		top: 95px;
		height: 200px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-left: 5px solid #fff;
		border-right: 5px solid #fff;
		}
	
	#header-logo {
		position: absolute;
		top: 10vw;
		left: 0;
		right: 0;
		margin-left: 10vw;
		margin-right: 10vw;
		height: auto;
		}		
	





/* Icon-Menü (Telefon , Mail, Anfahrt)
---------------------------------------------------------------------------------------------------------------------------*/		
	.menu-icon-navigation-container {
		position: absolute;
		z-index: 2;
		right: 0.5rem;
		top: -50px;
		}
		.menu-icon-navigation-container ul {
			list-style: none;
			margin: 0;
			padding: 0;
			line-height: none;
			}	
			.menu-icon-navigation-container ul li {
				float: left;
				background-color: rgba(255,255,255,0.7);		
				border-right: 1px solid rgba(174,153,144,1.00);
				border-bottom: 1px solid rgba(174,153,144,1.00);
				}
				.menu-icon-navigation-container ul li:hover {
					background-color: rgba(255,255,255,0.95);
					}
					.menu-icon-navigation-container ul li:first-child {
						border-left: 1px solid rgba(174,153,144,1.00);
						}	
						.menu-icon-navigation-container ul li a {
							font-size: 1.3em;	
							padding: 0 0.5em;
							line-height: 40px;
							}
						
						.menu-icon-navigation-container ul li:hover a i {
							display: inline-block;
							transform: scale(1.2);
							}
		
	
	







	








/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/

	#inhalt {
		margin-top: 4rem;
		}	
	
	#inhalt p {
		margin-bottom: 0.9em;
		line-height: 1.6em;
		hyphens: auto;
		}
		
	#inhalt h1  { 	
		font-size: 6vw;
		font-weight: 200;
		line-height: 1em;
		margin-bottom: 0.5em;
		color: rgba(174,153,144,1.00);
		border-bottom: 1px solid rgba(174,153,144,0.25);
		text-transform: uppercase;
		}
		
	#inhalt h2 {
		font-family: "Barlow Condensed",sans-serif;
		color: rgba(174,153,144,1.00);
		font-size: 5vw;
		font-weight: 200;
		margin-bottom: 1em;
		margin-top: 4rem;
		}
		#inhalt h2:first-child {			
			margin-top: 1.5em;
			}			
		#inhalt h1 + h2 { 
			margin-top: -1rem;
			margin-bottom: 1em;
			text-align: right;
			text-transform: none;
			}
		
	#inhalt h3 {
		color: rgba(174,153,144,1.00);
		font-size: 1.1rem;
		margin-top: 1.5em;
		font-weight: 600;
		}	
		
	#inhalt h4 {
		color: rgba(174,153,144,1.00);
		font-size: 1.0rem;
		margin-top: 1.5em;
		font-weight: 300;
		margin-bottom: 0;
		}
			
	
	ul + h3,
	p + h3 { margin-top: 2em; }	
	
	#inhalt p a,
	#inhalt li a { 
		font-weight: 200;
		} 
	#inhalt p strong a,
	#inhalt li strong a { 
		font-weight: 700;
		} 
	
	#inhalt figure a,
	#inhalt a[href$='.jpg'],
	#inhalt a[href$='.png'],
	#inhalt a[href^='mailto:'],
	#inhalt #suchseite a { 
		padding: 0; 
		background-color: transparent;
		}
	
	a[href$='.pdf']:before {
		content: "\f18E";
		font-family:"foundation-icons";
		font-size: 1.1em;
		margin-right: 0.5em;
		color: #222;
		}
	
	small,
	.small { 
		font-size: 0.8em;
		}

	blockquote {
		position: relative;
		border-left: none;
		background: none;
		margin: 2rem 0;
		padding: 0;
		quotes: "\201C""\201D""\2018""\2019";
		}
		blockquote:before {
			position: absolute;
			color: rgba(174, 153, 144, 0.1);
			content: open-quote;
			font-size: 16rem;
			left: 35%;
			line-height: 20rem;
			top: -4rem;
			vertical-align: -0.4em;
			}
			blockquote, blockquote p {
				display: block;
				font-family: "Authentive",cursive;
				font-size: 2.5rem;
				color: rgba(174,153,144,1.00);
				line-height: 1.6;
				text-align: center !important;
				}
				p.zitat-autor {
					color: #777;
					display: block;
					text-align: right !important;
					margin: -2rem 0 2rem 0 !important;
					}	
				


		
		.edding,
		.marker {
			font-size: 2rem;
			text-align: right;
			font-family: "Authentive",cursive;
			font-weight: 300;
			color: rgba(174,153,144,1.00);
			}
		
		
		.wochentag {
			font-weight: 600;
			width: 60px;
			float: left;
			}
			.vereinbarung {
				margin-top: 1em;
				bottom: 0;
				}



/* Bilder
-----------------------------------------*/
	figure { 
		margin: 0; 
		}	
		figcaption {
			text-align: right;
			font-size: 0.7em;
			}
		
	.alignleft,
	.alignright,
	.aligncenter {}
		
	.alignleft img,
	.alignright img,
	.aligncenter img { 
		width: inherit;
		height: auto;
		}
	
	
	.aligncenter,
	figure.aligncenter,
	.alignleft,
	.alignright { 
		margin: 0.75rem 0;
		width: 100%;
		max-width: 100%;
		height: auto; 
		}
		.aligncenter.bild-oben { 
			margin: 0 0 4rem 0;
			}
		
	.ohne, .ohne-schatten,
	.kein-schatten,
	.rl-image-widget-image{ 
		border: none !important;
		box-shadow: none !important;
		transform: none !important;
		}





/* Galerie
-----------------------------------------*/
	.gallery,
	.wc-gallery {
		margin: 2rem 0 2rem 0;
		}
		
	




/* FlexVideo 
-----------------------------------------*/	
	.flex-video {
	  height: 0;
	  margin-bottom: 1rem;
	  overflow: hidden;
	  padding-bottom: 67.5%;
	  padding-top: 1.5625rem;
	  position: relative; }
	  .flex-video.widescreen {
		padding-bottom: 56.34%; }
	  .flex-video.vimeo {
		padding-top: 0; }
	  .flex-video iframe,
	  .flex-video object,
	  .flex-video embed,
	  .flex-video video {
			height: 100%;
			position: absolute;
			top: 0;
			width: 100%;
			left: 0; 
			}	
	
	.flex-video  {
		margin: 3rem 0;
		}
		#sidebar .flex-video  {
			margin: 1rem 0;
			}			
	.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
		border: none;
		}






/* Liste
-----------------------------------------*/
	#inhalt ul {
		list-style: none outside ;
		margin: 1em 0;
		padding: 0 0 0 0;
		font-size: 19px;
		} 
		#inhalt .kolumnen ul {
			margin: 0;
			} 			
			#inhalt li {
				padding-left: 1.5em; 
				text-indent: 0em;
				margin-bottom: 0.8em;
				position: relative;
				text-align: left;
				} 			
				#inhalt li:before {
					content: '';
					display: block;
					background-image: url('img/spritesheet.svg');
					background-position: -50px -50px;	
										
					float: left;

					width: 6px;
					height: 10px;
					margin-right: 0.25em;
					margin-top: 0.6em;
					padding-right: 0.5em;

					
					}
			
	#inhalt h3 + ul { margin-top: 0; } 







		/* Social Feed - Instagram */

		.tpgb-sf-feed {
			background-color: #FFFFFF;
			border: none ;

		}
		.tpgb-soc-img-cls {
			padding: 0px !important;
		}

		.social-feed-style-4 .tpgb-sf-contant-img:before {
			background: rgb(121 85 72 / 90%);
			backdrop-filter: blur(6px);
		}

		.moreText,
		.tpgb-hashtag,
		.tpgb-sf-profile,
		.tpgb-sf-username,
		.tpgb-sf-logo {
					display: none !important;
				}

		.tpgb-sf-usercontact {
			left: 0 !important;
		}







/* Blogansicht
-----------------------------------------*/
	article {
		overflow: visible;
		}
		
	#aufmacher h2 {
		margin-bottom: 0;
		}	
			
	#archive-liste {
		margin-left: -1.9375rem;
		margin-right: -1.9375rem;
		}
		
	#archive-liste article {
		padding-left: 1rem;
		padding-right: 1rem;
		margin-bottom: 4rem;
		}	
		
	#inhalt time + h2  { margin-top: -4em; }		
	#inhalt h2 + h3,
	#inhalt time + h3  { margin-top: -0.5em; }	
	
	
	 #aufmacher img {
		width: 40%;
		margin-right: 10%;
		float: left;
		position: relative;
    	z-index: 1;
		}
	
	#blog-archive #aufmacher .date {	
		display: block;
		border-top: 1px solid rgba(174,153,144,0.25);
		font-size: 0.875em;
		text-align: right;
		padding: 0;
		margin: 0 0 1.5rem 0;
		}	
	
	#blog-archive .column .date {	
		display: inline-block;
		background-color: rgba(174,153,144,0.75);
		color: rgba(255,255,255,1.00);
		font-size: 0.875em;
		float: right;
		padding: 0 0.5em;
		margin: 0.1rem 0 0 0.5rem;
		}	
	
	
		
		#archive-liste .weitere-artikel img {
			margin-bottom: 1rem;
			}		
		
		#archive-liste .weitere-artikel h2 {
			font-family: "Barlow Condensed",sans-serif;
			font-size: 1.5rem;
    		font-weight: 300;
			margin-bottom: 0;
			}

	.blog .content,
	.blog-single .content {
		padding: 0.5rem;
		background-color: rgba(255,252,247,0.50);
		margin-bottom: 2rem;
		}	

		
		


	/* Post-Navigation - unter Einzelbeiträgen --*/
		.post-navigation {
			border-top: 1px solid rgba(0,0,0,0.25);
			padding-top: 0.5em;
			margin-top: 2em;
			font-weight: 300;
			color: rgba(0,0,0,0.25);
			font-size: 0.875rem;
			}
		.post-navigation h2.screen-reader-text { display: none; }	
			
		.post-navigation .nav-previous {
			display: block;
			width: 49%;
			float: left;
			}
			.post-navigation .nav-previous:before {
				content: "\f10a";
				font-family:"foundation-icons";
				margin-right: 0.5em;
				}
		.post-navigation .nav-next {
			display: block;
			width: 49%;
			float: right;
			text-align: right;
			}	
			.post-navigation .nav-next:after {
				content: "\f10b";
				font-family:"foundation-icons";
				margin-left: 0.5em;
				}
			





	/* Paginierung auf Archive-Seite
	-----------------------------------------*/		
		#inhalt ul.pagination {
			text-align: center;
			}			
			#inhalt ul.pagination li {	
				display: inline-block; /* Behebt Paginierungsfehler bei Smartphone-Ansicht*/				
				padding: 0;
				}
				#inhalt ul.pagination li:first-child {
					display: none;
				}				
				#inhalt ul.pagination li::before,
				#inhalt ul.pagination li.unavailable {
					display: none; 
					}		
				
					#inhalt ul.pagination li a,
					#inhalt ul.pagination li.current {
						padding: 0.4em 1em;
						border-radius: 50%;
						}
						#inhalt ul.pagination li.current {
							background: rgba(174,153,144,1.00) none repeat scroll 0 0;
							color: #fff;
							}	



	/* Blogansicht: Einzelseite - allgemein
	-----------------------------------------*/
		#blog-single .post-navigation {
			border-top: 1px solid rgba(0,0,0,0.25);
			padding-top: 0.5em;
			margin-top: 4em;
			font-weight: 300;
			color: rgba(0,0,0,0.25);
			}
		#blog-single .post-navigation h2.screen-reader-text { display: none; }	
		
		#blog-single .post-navigation a {
			border-bottom: none !important;
			}
		
		#blog-single .post-navigation .nav-previous {
			display: block;
			width: 49%;
			float: left;
			}
			#blog-single .post-navigation .nav-previous:before {
				content: "\f10a";
				font-family:"foundation-icons";
				margin-right: 0.5em;
				}
		#blog-single .post-navigation .nav-next {
			display: block;
			width: 49%;
			float: right;
			text-align: right;
			}	
			#blog-single .post-navigation .nav-next:after {
				content: "\f10b";
				font-family:"foundation-icons";
				margin-left: 0.5em;
				}








/* Marken (ghd, Great Lengths)
---------------------------------------------------------------------------------------------------------------------------*/
	#marken {
		margin-top: 2rem;
		margin-bottom: 2rem;
		}

	#marken .brockmann {
					margin-top: 2rem;
					}






/* Sidebar
---------------------------------------------------------------------------------------------------------------------------*/
	#sidebar {
		position: relative;
		margin-top: 3rem;
		padding-top: 1rem;
		}	
		#sidebar:after {	
			position: absolute;	
			z-index: -1;
			content: " ";
			background-image: url('img/silberstruktur_800px.jpg');
			background-repeat: repeat;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			opacity: 0.15;
			filter: Alpha(Opacity=15);
			}	
			
	#sidebar h3,
	#sidebar h4.widgettitle a  {
		font-family: "Barlow Condensed";
		font-size: 1.05rem;
		font-weight: 300;
		display: block;
		margin: 2em 0 0.5em 0;
		text-transform: uppercase;
		color: rgba(174,153,144,1.0);
		}
		
	#sidebar h3.sticky-post:before {
		position: relative;
		top: 0.2em;
		content: "\f121";
		font-family:"foundation-icons";
		font-size: 1.7em;
		margin: 0 0.2em 0 -0.2em;
		}	
		
	#sidebar img {
		width: 100%;
		height: auto;
		margin: 0.25rem 0;
		}
				
	#sidebar a {
		display: block;
		color: #222;
		}
		#sidebar a:hover {
			color: rgba(174,153,144,1.00);
			}
	
	#sidebar .date,
	#sidebar .weiterlesen,
	#blog-archive .weiterlesen {
		display: block;
		text-align: right;
		font-size: 0.875;
		margin-bottom: 1em;
		color: rgba(174,153,144,0.5);
		}
	
	#sidebar .excerpt, 
	#blog-archive .excerpt {
		color: rgba(150,150,150,1.00);		
	  	position: relative;
		}
		
		#blog-archive .excerpt:after { 
			content: " ";
			position: absolute; 
			display: block;
			width: 100%;
			height: 150px;
			bottom: 0;
			background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
			colorWithWhite:1;
			alpha:0;
			}
		
		
	#sidebar .weiterlesen,
	#blog-archive .weiterlesen {
		font-size: 1.025rem;
		color: rgba(174,153,144,1.0);
		}
		
	/* Kategorien + Subpages Widget
	-----------------------------------------*/	
	#sidebar .widget_categories ul {
			margin: 0.5em 0;			
			}
			#sidebar .widget_categories ul li {
				margin-bottom: 0.5em;
				padding-left: 1em;
				}
				#sidebar .widget_categories ul li.current-cat a,
				#shailan-subpages-widget-2 li.current_page_item a {
					color: rgba(174,153,144,1.00);
					font-weight: 600;
					}
	
	
		#sidebar h4,
		#shailan-subpages-widget-2 h4 a {
			margin: 0 !important;
			padding: 0;
			text-transform: uppercase;
			}
			
	







/* Footer 
-------------------------------------------------------------------------------------------------------------------------*/
	#footer {	
		position: relative;	
		font-size: 1em;
		padding: 3rem 0 2rem 0;
		}
		#footer:after {	
			position: absolute;	
			z-index: -1;
			content: " ";
			background-image: url('img/silberstruktur_800px.jpg');
			background-repeat: repeat;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			opacity: 0.35;
			filter: Alpha(Opacity=35);
			}
		
	.footer-1,
	.footer-2,
	.footer-3,
	.footer-4 { 
		position: relative; 
		}
		
		.footer-1,
		.footer-2 {
			position: relative;
			padding-left: 2rem;
			}
			.footer-1:before,
			.footer-2:before {
				position: absolute;
				left: 0.6rem;
				top: -0.2em;
				font-family: "foundation-icons";
				color: rgba(174,153,144,1.0) !important;
				font-size: 1.5em;
				}
				.footer-1:before { content: "\f172"; }
				.footer-2:before { content: "\f12B"; }
		
	#footer .columns {
		margin-bottom: 2rem;
		}	
				
	#footer h4 {
		color: rgba(174,153,144,1.0);
		font-size: 1.2rem;
		font-weight: 600;
		margin-bottom: 0.5em;
		}
	
	#footer p {
		font-size: 1rem;
		font-weight: 300;
		margin-bottom: 0.75em;
		line-height: 1.4em;
		overflow: hidden; /* this is what keep the <p> from wrapping */
		}	
		
	#menu-footer-menue-container {
		position: relative;
		display: block;
		}
		
	
		#footer ul { 
			margin: -4px 0 1em 0;
			padding: 0 0 0 0;
			list-style: none;
			display:  inline-block;
			}			
			#footer li { 
				display: block;
				border-bottom: 1px solid rgba(174,153,144,0.25);
				padding: 0;
				}
				#footer li:first-child { margin-top: -6px; }
				#footer li:last-child { border-bottom: none !important; }
				#footer li:hover { background-color: rgba(255,255,255,0.2);  }
				#footer li > a,
				#footer li > a:visited { 
					color: #333;
					font-weight: 300;
					padding: 0.5em; 
					}
	
				
	#footer a,
	#footer a:visited { 
		font-weight: 600; 
		color: rgba(174,153,144,1.0);
		}
	#footer a:hover { 
		color: rgba(174,153,144,0.8);
		}
	
	#footer i {
		font-size: 1.5em;
		font-style: normal;
		color: rgba(174,153,144,1.00);
		display: inline-block;
		margin-right: 0.5rem;
		}
		#footer .facebook-link { 
			margin-top: 2rem; 
			font-size: 1.15em; 
			}
		#footer .facebook-link i { margin-right: 0.15em; }
	

	
	#footer #nach-oben {
		position: absolute;
		bottom: 0.5rem;
		right: 5vw;
		display: inline-block;
		font-weight: 300;
		}
		#footer #nach-oben a {
			color: #333;
			}
			#footer #nach-oben:before {
				display: block;
				float: left;
				width: 15px;
				height: 13px;
				margin-right: 0.5rem;
				margin-top: 0.25rem;
				content: '';
				background-image: url('img/spritesheet.svg'); 
				background-position: 0px -50px;			
				}
			#footer #nach-oben:hover:before {
				transform: translate(0,-0.5em) scale(1.2);
				}


		#marken .greatlengths {
			margin-top: 0rem;
			}
		#marken .brockmann {}






/* PlugIns
---------------------------------------------------------------------------------------------------------------------------*/
 
/* Contact-Form 7
-----------------------------------------*/
	.wpcf7-form h3 { margin-top: 1.5em;	}
	
	fieldset:hover { background-color: rgba(255,255,255,0.8); }
	
	form .row { margin-top: 0 !important; }
	
	fieldset {
		border: 1px solid silver;
		margin: 0 0 2rem 0; 
		padding: 0 0.625em;
		}			
		fieldset legend {
			background-color: fff;
			padding: 1rem;
			font-weight: 300;
			}
	
	.kontakt a.button,
	.kontakt a.button:visited:not(.cmplz-btn)	{ color: #fff; }	
	
	.wpcf7-form input.wpcf7-text,
	.wpcf7-form textarea,
	.wpcf7-form select {
		border: 1px solid rgba(0,0,0,0.10);
		font-size: 1em;
		width: 100%;
		margin-bottom: 1rem;
		padding: 0.25em;
		}
	
	.wpcf7-form input.wpcf7-validates-as-required,
	.wpcf7-form textarea.wpcf7-validates-as-required {
		border: 1px solid rgba(174,153,144,1.00);
		background-color: #fff;	
		}	
	
	.wpcf7-form input.error,
	.wpcf7-form textarea.error {
		border: 1px solid #C60F13;
		}	
	
	.wpcf7-submit {
		font-size: 1.2em !important;
		}	
	
	.error small, 
	small.error,
	label.error {
		background: repeat scroll 0 0 #C60F13 !important ;
		color: #FFFFFF;
		display: block;
		font-size: 0.75em;
		margin-bottom: 1em;
		margin-top: -1.3125em;
		padding: 0.375em 0.25em;
		}
	
	.wpcf7-not-valid {
		box-shadow: 0 0 10px rgba(0,0,0,0.30) !important;
		border-color: rgba(227,6,19,1.00) !important;
		}
	span.wpcf7-not-valid-tip {
		background-color: rgba(227,6,19,0.20);
		color: #000 !important;
		display: block;
		font-weight: 300;
		font-size: 0.875em !important;
		margin: -1em 0 1em;
		padding: 0.25em 0.5em;
		}
	
	div.wpcf7-response-output,
	div.wpcf7-validation-errors {
		background-color: #8C8C8C !important;
		padding: 2em !important;		
		color: #fff !important;
		border: none !important;
		margin: 2em 0 !important;		
		box-shadow: inset 0 0 40px rgba(0,0,0,0.25);
		}
	
	
	:-webkit-input-placeholder { color:#444 !important; }
	::-moz-placeholder { color:#444 !important; } /* firefox 19+ */
	:-ms-input-placeholder { color:#444 !important; } /* ie */
	input:-moz-placeholder { color:#444 !important; }





/* Maps
-----------------------------------------*/
.gmp_map_opts  {
    border-bottom: 4px solid white !important;
	}




/* Suchergebnisse
-----------------------------------------*/
	.relevanssi-query-term  {
		color: rgba(174,153,144,1.00);
		font-weight: 600;
		}
	#suchseite a.more-link  {
		text-align: right;
		display: block;
		font-weight: 600;
		}
		
	#s {
		font-size: 1.25rem;
		height: auto;
		padding: 1em;
		width: 100%;
		margin-bottom: 1rem;
		}


			

/*   Shariff
-----------------------------------------*/	
	#empfehlen .shariff ul {
		list-style: inside;
		margin: 0.5em 0;
		}		
	#empfehlen .shariff ul li {
		display: inline-block;
		margin: 0 4px 0 0;
		padding: 0;
		width: 25px;
		height: 25px;
		}	
		#empfehlen .shariff ul li:before {
			display: none;
			content:'';
		}
	#empfehlen li.shariff-button a {	
		display: inline-block;
		width: 25px;
		height: 25px;	
		border-radius: 1px;
		padding: 0;
		margin: 0;
		}
		
	#empfehlen li.shariff-button:hover {
		background-color: #000;
		}
	#empfehlen .shariff .share_text { display: none; }

	.shariff-button.facebook { background-position: 0px 0px; }
	.shariff-button.googleplus { background-position: -25px 0px; }
	.shariff-button.twitter {	background-position: -50px 0px; }
	.shariff-button.xing { background-position: -100px 0px; }
	.shariff-button.pinterest {	background-position: -125px 0px; }
	.shariff-button.whatsapp { background-position: -150px 0px; }



/* Schatteneffekte
---------------------------------------------------------------------------------------------------------------------------*/
	.schatten,
	fieldset:hover,
	#sidebar img,
	.menu-icon-navigation-container,
	#header-logo,
	.flex-video,
	.tpgb-sf-feed {
		box-shadow: 0 0 10px rgba(174,153,144,0.50);
		}
	
	x {	
		border-top: 1px solid rgba(255,255,255,1.00);
		}
		
	x {	
		border-radius: 3px;
		}

/* Bronze-Box
---------------------------------------------------------------------------------------------------------------------------*/
	#shailan-subpages-widget-2,
	#sidebar #categories-2,
	#sidebar #recent-posts-2 {
		background-color: rgba(174,153,144,0.08);
		padding: 1rem;
		margin-bottom: 2rem;
		}


/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	body,
	a, 
	textarea,
	tr,
	td,
	ul,
	li,
	.open,
	.closed,
	.panel,
	button, 
	.button,
	fieldset,
	i,
	#nach-oben:before,
	#header-logo,
	.close-button,
	.close-x {
		transition: all 0.5s ease;
	}


	

/* Animationen aufheben
---------------------------------------------------------------------------------------------------------------------------*/	
	.already-visible {
		transform: translateY(0) !important;
		animation: none !important;
		}
		



/* wagnergraphics
-----------------------------------------*/
	.wagnergraphics {
		margin-left: -10px;
		max-width: 380px;
		}





button.ob-widget-btn {
	left: 20px !important; 
	right: inherit !important;
}







.cmplz-btn {
    color: #000000 !important;
}






/* We use this media query to add styles to any device that supports media queries */
@media only screen { }

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {
	
	 .no-js .top-bar { display: block; }
	 .no-js .title-bar { display: none; }
	  
	  
	  hr { 
		margin: 4rem 0;
		}
	 
	 
	 /* Icon-Menü _____________________________________*/
	 .menu-icon-navigation-container {
		right: 12%;
		top: 0;
		}
	 
	 
	/* Hauptmenü _____________________________________*/	
		.top-bar, 
		.top-bar ul {
			background-color: transparent;
			}	
		.top-bar-left {
			float: none;
			}
		
		#widemenu.is-at-top	{ 
			background: #fff;
			}		
		#widemenu ul.dropdown {
			list-style: none;
			padding: 0;
			margin: 0;	
			display: flex;
			justify-content: space-between;
			}		
			#widemenu li {
				display: flex;
				}	
				#widemenu .menu > li > a {
					position: relative;
					padding-left: 0;
					font-weight: 200;
					color: rgba(174,153,144,1.00);		
					overflow: hidden;
					font-family: "Barlow Condensed",sans-serif;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					}				
					#widemenu .menu > li:hover > a {
						transform: scale(1.05);
						}	
						.menu .active > a {
							background: none;
							color: rgba(174,153,144,1.00);
							}			
							#widemenu .menu-item a::before {
								content: '';
								position: absolute;
								bottom: 0;
								left: 0;
								width: 300%;
								height: 50px;
								opacity: 0;
								background: url(img/line.svg) no-repeat top left;
								-webkit-transform: translate3d(130px, 0, 0);
								transform: translate3d(130px, 0, 0);
								-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
								transition: transform 0s 0.3s, opacity 0.3s;
								}
								#widemenu .menu-item:hover a::before,
								#widemenu .menu-item.active a::before {
									opacity: 1;
									-webkit-transform: translate3d(-260px, 0, 0);
									transform: translate3d(-260px, 0, 0);
									-webkit-transition: -webkit-transform 0.5s;
									transition: transform 0.5s;
									}
									.menu-item-228 a::before,
									#widemenu ul.submenu a::before {
										display: none;
										}
				
			.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
				border-color: rgba(174,153,144,0.50) transparent transparent;
				}			
				.dropdown.menu > li.opens-right > .is-dropdown-submenu {
					left: -5px;
					right: auto;
					top: 94%;
					}
					.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
						border-color: transparent transparent transparent rgba(174,153,144,0.50);
						}
				
			#widemenu ul.submenu {
				min-width: 250px;
				background-color: rgba(255,255,255,0.95);
				}
				#widemenu ul.submenu li {
					padding: 0 0.5rem;
					border-bottom: 1px solid rgba(174,153,144,0.50);				
					}
					#widemenu ul.submenu li:hover,
					#widemenu ul.submenu li.current-menu-item {
						background-color: rgba(174,153,144,0.10);	
						}
						#widemenu ul.submenu li:last-child {
							border-bottom: none;				
							}
							#widemenu ul.submenu li a {
								display: block;
								width: 100%;
								padding: 1rem 0.75rem;
								font-size: 1.1rem;
								text-transform: none; 
								}
							
		/* Header _____________________________________*/			
			#page-header {
				height: 300px;
				}
			
			#oberer-balken {
				height: 90px;
				top: 0;
				}
				
			#unterer-balken {
				position: absolute;
				display: block;
				top: 95px;
				left: 0;
				right: 0;
				width: 100%;
				height: 105px;
				background-image: url('img/silberstruktur_800px.jpg');
				background-position: right bottom;
				background-repeat: repeat;
				opacity: 0.35;
				filter: Alpha(Opacity=35);
				}
				
			#header-logo {
				top: 0;
				left: 0;
				right: 0;
				margin-left: auto;
				margin-right: auto;
				width: 300px;
				background-color: #fff;
				padding: 10px;
				}
				#header-logo:hover {
					transform: scale(1.01);
					}
		
		
		
		/* Überschriften Inhalt _____________________________________*/								
			#inhalt h1  { 
				font-weight: 100;	
				font-size: 2.5rem;
				line-height: 1em;
				margin-bottom: 1em;
				}
				
			#inhalt h2 {
				font-size: 2rem;
				margin-bottom: 1.5rem;
				margin-top: 4rem;
				}
				#inhalt h2:first-child {			
					margin-top: 0;
					}			
				#inhalt h1 + h2 { 
					margin-top: -2.5rem;
					margin-bottom: 2rem;
					text-align: right;
					}
				
			#inhalt h3 {
				font-size: 1.2rem;
				margin-top: 1.5em;
				}
				#inhalt h2 + h3 { 
					font-size: 1.5rem;
					margin-top: -2rem;
					text-align: right;
					font-weight: 100;	
					}	
				
			#inhalt h4 {
				font-size: 1.1rem;
				margin-top: 1.5em;
				margin-bottom: 0;
				}
				
				
			/* Bilder _____________________________________*/		
			.alignleft,
			.alignright { 
				margin-top: 4px;
				margin-bottom: 1em;
				max-width: 40%;
				}
				.alignleft,
				figure.alignleft { 
					float: left; 
					margin-right: 2rem; 
					}		
				.alignright,
				figure.alignright { 
					float: right; 
					margin-left: 2rem;
					}
					
										
			/* Blog und Einzelartikel _____________________________________*/							
				#blog-archive #aufmacher .date {
					margin: -1.5rem 0 1.5rem 0;
					}				
				article footer {
					clear: both;
					margin-top: 4rem;
					}
				
				#post-empfehlen,
				.entry-meta {
					border-top: 1px solid rgba(0, 0, 0, 0.10);
					margin-top: 1rem;
					padding-top: 1.5rem;
					}
					
					
			
			/* Marken (ghd, Great Lengths)
			---------------------------------------------------------------------------------------------------------------------------*/
				#marken {
					margin-top: 6rem;
					margin-bottom: 2rem;
					}
				
				#marken .greatlengths {
					margin-top: 0rem;
					}
				#marken .organiclifestyle {
					margin-top: 1rem;
					}
				#marken .brockmann {
					margin-top: 0;
					}
				
			
			
			/* Sidebar_____________________________________*/
				#sidebar {
					margin-top: 0;
					}				
					#sidebar:after {
						display: none;
						}					
					#sidebar .excerpt:after { 
						content: " ";
						position: absolute; 
						display: block;
						width: 100%;
						height: 150px;
						bottom: 0;
						background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
						colorWithWhite:1;
						alpha:0;
						}
					
					
					
	
			/* Footer ____________________________________*/
					#menu-footer-menue {
						position:relative;
						right: 0;
						}
						
					#footer #empfehlen {	
						bottom: 0;
						clear: both;
						margin-top: 40px;
						position: relative;	
						}	
						
					#footer .vereinbarung {
						position: absolute;
						}
						
						
						
			/* Reveal - Modal 
			-----------------------------------------*/	
			.reveal h2 {
				font-size: 2rem;
				font-weight: 600;
				}
						
					}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
	#widemenu .menu > li > a {
					font-size: 1.075rem;
					}	
	}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}