/*
Theme Name: HM-Parkett 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: font-family: "capitolium-news-2", sans-serif;
	Regular 400
	Bold 	700

	
font-family: "source-sans-pro",serif;
	Regular 400
	Bold 700		
	

Blau: rgba(0,72,153,1.00);
Hintergrund: #fff;
Beige: rgba(248,245,242,1.00)


*/

/* source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-serif-4-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-italic - 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: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-serif-4-v8-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-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: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-serif-4-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-700italic - 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: 'Source Serif 4';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/source-serif-4-v8-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-3-v10-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@import url(../cornerstone/style.css);

.alignleft {display: inline; float: left; margin-right: 1.625em;}
.alignright {display: inline; float: right; margin-left: 1.625em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

.widget_nav_menu ul,.widget_recent_entries ul,.clearing-thumbs{list-style:none}

.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;}
#content,.sidebar{margin-top: 1em;}
.entry-content ul:not([class*="block-grid-"]):not(.clearing-thumbs),.widget_archive ul{margin-left:2em;}

/*




/* Hinweis fuer alte IE-Version 
-----------------------------------------*/
	#chromeframe {
		display: block;
		padding: 40px;
		color: #fff;
		background-color: #E30613;
		}
		#chromeframe h2 {
			font-size: 24px;
			color: #fff;
			}
		#chromeframe a {
			color: #fff;
			text-decapitolium-news-2tion: underline;	
			pointer-events: auto;
			}


/* Foundation - Overrides
-----------------------------------------*/
	button, 
	.button {
		background-color: rgba(0,72,153,1.00);
		border: 1px solid rgba(255,255,255,0.10);
		color: #fff;
		font-family: inherit;
		font-size: 1.2rem;
		font-weight: 400;
		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 {
		background-color: rgba(0,72,153,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 */
	.close-button {
		color: #fff !important;
		background: rgba(0,72,153,1.00) !important;
		padding: 0.5em;
		}	
		.reveal .close-button:hover { 
			color: rgba(0,72,153,1.00);
			}




/* Allgemeine Schriftformate
-----------------------------------------*/
	html,
	body { 
		font-family: "Source Sans 3", serif !important;
		font-weight: 400;
		font-style: normal;
		background-color: #ffffff;
		color: #222;	
		font-variant-ligatures: common-ligatures;
		font-feature-settings: "liga", "clig", "pnum";
		font-variant-numeric: proportional-nums; 
		}
	
	
	strong { font-weight: 700; }
	
	h1, h2,	h3,	h4,	h5,	h6 {
		font-family: "Source Serif 4", Times, "capitolium-news-2", sans-serif  !important;
		font-weight: 700;
		font-style: italic;		
		padding-bottom: 0.2em;
		text-align: left;
		clear: both;
		}
	
	p { line-height: 1.5; }
	
	a, 
	a:visited { 
		color: rgba(0,72,153,1.00);
		border-bottom: none;
		text-decapitolium-news-2tion: none;
		}
	a:hover, 
	a:active {
		color: rgba(0,72,153,1.00);
		outline: none;
		text-shadow: 0px 0px 10px rgba(205,234,249,1.00);
		}
	a:focus { -moz-outline-style: none; }	
	a.tel {	cursor: default; }
	
	footer a { white-space: nowrap; }
	
	hr { 
		/*border-color: rgba(227,6,19,0.10);*/
		border-color: rgba(0,0,0,0.10);
		margin: 4rem 0;
		}
		hr.half { 
		margin: 2.5rem  0 1.5rem 0;
		}
		hr:before,
		hr:after {
			content:"";
			display:table;
			}
		hr:after { clear:both }		
	
	mark {
		background-color: rgba(227,6,19,0.25);
		padding: 0 0.3em;
		}

	.kolumnen,
	.text-columns {
		 column-count: 3;
		 column-width: 250px;
		 column-gap: 6em;
		 column-rule: 1px solid rgba(0,0,0,0.15);
		 margin-bottom: 2rem; 
		}
		.kolumnen.schmal { column-width: 150px; }
		.kolumnen ul { text-align: left; }
		
		p + .kolumnen,
		p + .text-columns {
			 margin-top: 2rem;	  
			}
	
	.blau { color: rgba(0,72,153,1.00); }


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

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

	#inhalt {
		background-image: url('img/hintergrund_body_1.png'),
						  url('img/hintergrund_body_2.png'),
						  url('img/hintergrund_body_3.png'),
						  url('img/hintergrund_body_4.png');						  
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;		
		background-size: 45%, 45%, 50%, 50%;	
		background-position: -60% top,
							 160% top,
							 160% bottom,
							 -60% bottom;
							 }




/* Hauptnavigation
---------------------------------------------------------------------------------------------------------------------------*/	
	.title-bar {
		background-color: rgba(0,72,153,1.00);
		background-image: url('img/header_menu_background.jpg');
		background-repeat: repeat;
		background-position: top;
		}
		.title-bar button.menu-icon {
			background-color: transparent;
			}
			
	.off-canvas {
		height: 100%;
		background-color: rgba(248,245,242,1.00);
		}
		
		.off-canvas ul li.menu-item {
			background-image: url('img/header_menu_background.jpg');
			background-repeat: repeat;
			background-position: top;
			border-bottom: 1px solid #fff;
			}
			
			
			.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 ul li.current-menu-item a:after {								
							position: absolute;
							margin: auto;
							bottom: 0px;
							top: 18px;
							left: -10px;
							width: 20px;
							height: 100%;
							content: '';
							background-image: url('img/spritesheet.svg'); 
							background-position: -20px -50px;	
							}	


	.menu .active > a {
		background: none;
		}		
	
	
		



/* Header
---------------------------------------------------------------------------------------------------------------------------*/
	#page-header {
		display: flex;
		width: 100%;
		height: 40vh;
		min-height: 300px;
		background-image: url('img/header_hm-parkett.jpg');
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		}
	#logo-link {
		display: flex;
		width: 100%;
		height: 100%;;
		}		
	#header-logo {
		display: block;
		flex: 1;
		background-image: url("img/hm-parkett_logo_mit_schrift.svg");
		background-position: center 10%;
		background-repeat: no-repeat;
		background-size: 80% 80%;
		width: 100%;
		}





/* Icon-Menü
---------------------------------------------------------------------------------------------------------------------------*/	
	.menu-icon-navigation-container {
		position: absolute;
		right: 3vw;
		}
	.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(0,0,0,0.50);
		}
		.menu-icon-navigation-container ul li:hover {
		background-color: rgba(255,255,255,0.95);
		}
		.menu-icon-navigation-container ul li:last-child {
			border-right: none;
			}	
	.menu-icon-navigation-container ul li a {
		font-size: 1.3em;	
		padding: 0.5em 0.5em 0;
		}
	.menu-icon-navigation-container ul li:hover a i {
		display: inline-block;
		}
	.menu-icon-navigation-container ul li:hover a i {
		transform: scale(1.2);
		}
		
	
	




/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/
	#inhalt p {
		font-weight: 400;
		margin-bottom: 0.9em;
		line-height: 1.5em;
		text-align: justify;
		hyphens: auto;
		}
		
	#inhalt h1  { 	
		border-bottom: 1px solid rgba(0,72,153,1.00);
		font-size: 1.5rem;
		font-weight: 700;
		padding-bottom: 0.25em;
		margin-bottom: 1em;
		color: rgba(0,72,153,1.00);
		}
		
	#inhalt h2 {
		border-bottom: 1px solid rgba(0,72,153,1.00);
		color: rgba(0,72,153,1.00);
		font-size: 1.3rem;
		font-weight: 400;
		margin-bottom: 1.5rem;
		margin-top: 4rem;
		text-transform: uppercase;
		}
		#inhalt h2:first-child {
			margin-top: 0;
			}
		
	#inhalt h3 {
		color: rgba(0,72,153,1.00);
		font-size: 1.2rem;
		margin-top: 1.5em;
		}	
		
	#inhalt h4 {
		font-size: 1.1rem;
		}
		
	#inhalt h1 + h2,
	#inhalt time + h2  { margin-top: -1em; }
	
	#inhalt h2 + h3,
	#inhalt time + h3  { margin-top: -0.5em; }	
	
	ul + h3,
	p + h3 { margin-top: 2em; }	
	
	#inhalt p a,
	#inhalt li a { 
		font-weight: 400;
		/*padding-bottom: 0.05em;
		border-bottom: 3px dotted rgba(0,72,153,1.00);*/
		} 
	
	#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.2em;
		margin-right: 0.5em;
		color: #222;
		}
	
	small,
	.small { 
		font-size: 0.8em;
		color: #777;
		}

	blockquote {
		/*border-top: 8px solid rgba(0,72,153,1.00);
		border-bottom: 8px solid rgba(0,72,153,1.00);
		border-radius: 20px;
		padding: 2rem;*/
		
		padding: 0;
		border-left: 0;
		margin-top: 2rem;
		margin-bottom: 4rem;
		text-align: left;
		}
		blockquote, blockquote p {
			color: #222;
			}
		blockquote i {
			color: rgba(0,72,153,1.00);
			}
		
		
		




/* Bilder
-----------------------------------------*/
	figure { margin: 0; }
	
	figcaption {
		text-align: center;
		font-size: 0.8em;
		}
		
	.alignleft,
	.alignright,
	.aligncenter {
		}
		
	.alignleft img,
	.alignright img,
	.aligncenter img { 
		width: inherit;
		height: auto;
		}
	
	.alignleft,
	.alignright { 
		margin-top: 4px;
		margin-bottom: 1em;
		max-width: 40%; 
		/*	clear: both;*/
		}
	.alignleft,
	figure.alignleft { 
		float: left; 
		margin-right: 2rem; 
		}
		
	.alignright,
	figure.alignright { 
		float: right; 
		margin-left: 2rem;
		}
	
	.aligncenter,
	figure.aligncenter { 
		margin: 1rem 0;
		width: 100%;
		max-width: 100%;
		height: auto; 
		}
		.aligncenter.bild-oben { 
			margin: 0 0 4rem 0;
			}
	
	
	.ohne,
	.kein-schatten { 
		border: none !important;
		box-shadow: none !important;
		transform: none !important;
		}





/* Galerie
-----------------------------------------*/
	.gallery {
		margin: 2rem -2.8% 2rem 0;
		}
	 
	.gallery-item {
		float: left;	
		text-align: left;
		width: 28%;
		margin: 0 5% 5% 0;
		}
	.gallery img { 
		position: relative;
		box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);
	 }
	.gallery img:hover {	
		border: double 4px rgba(0,0,0,0.80);
	 }
	 
	.gallery a {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		}
	
	.rgg_imagegrid {
		clear: both;
		margin: 1rem 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: 1em;
		} 
		#inhalt .kolumnen ul {
			margin: 0;
			} 			
			#inhalt li {
				padding-left: 1.5em; 
				text-indent: -1.5em;
				margin-bottom: 0.8em;
				position: relative;
				} 			
				#inhalt li:before {
					content: "\f1c7";
					font-family: "foundation-icons";
					color: rgba(0,72,153,1.00);
					padding-right: 0.5em;
					}
			
	#inhalt h3 + ul { margin-top: 0; } 




/* Accordion
-----------------------------------------*/
	#inhalt ul.accordion li {
		margin-bottom: 0;
		padding-left: 0;
		text-indent: 0;
		}
		#inhalt ul.accordion li:before {
			display: none;
			}
			
	.accordion-title {
		font-family:  "Source Serif 4", Times, "capitolium-news-2", sans-serif;
		border-bottom: 1px solid #000;
		color: #fff !important;
		font-size: 1.4rem;
		background-color: rgba(0,72,153,1.00);
		background-image: url('img/header_menu_background.jpg');
		background-size: cover;
		background-repeat: repeat-x;
		}
		
	.accordion-content {
		background-color: rgba(248,245,242,0.3)
		}
		
	


/* Markenslider 
-------------------------------------------------------------------------------------------------------------------------*/

	
	#markenslider-wrapper {
		position: relative;
		display: block; 
		margin-top: 4rem;
		overflow: hidden;
		}
		
		#markenslider-wrapper h4.partner {
			display: block;
			position: relative;
			z-index: -99;
			color: #fff;
			background-color: #A78360;
			padding: 0.5em auto;
			text-align: center;
			font-style: normal
			}
		
		#markenlogos {	
			position: relative;
			max-width: 65%;
			margin-left: auto; 
			margin-right: auto; 
			}
				
		#markenlogos .slick-slide {	
			height: 120px;
			display: inline-block;
			position: relative;
			margin-left: auto;
  			margin-right: auto;
			}	
			#markenlogos .slick-slide img {
				position: absolute;
				border: none;
				bottom: 0;
				left: 0;
				right: 0;
				top: 0;
				margin: auto;
				padding: 0 2rem;
				max-height: 80%;
				
				}


/* Footer 
-------------------------------------------------------------------------------------------------------------------------*/
	#footer {	
		position: relative;	
		color: rgba(255,255,255,0.90);
		font-size: 1rem;
		padding: 3rem 0 2rem 0;
		background-image: url('img/footer_background.jpg');
		background-repeat: repeat;
		}
		
	.footer-1 {}
	.footer-2 { position: relative; }
	
		
	#footer .columns {
		margin-bottom: 2rem;
		}	
			
	#footer h2 {
		font-size: 1.4rem;
		margin: 1em 0 0 0;
		color: #fff;
		font-weight: 700;
		}
		
	#footer h4 {
		font-size: 1.2rem;
		font-weight: 700;
		margin-bottom: 0.5em;
		color: #fff;
		}
	
	#footer p {
		font-size: 1em;
		font-weight: 400;
		margin-bottom: 0.75em;
		line-height: 1.4em;
		overflow: hidden; /* this is what keep the <p> from wrapping */
		}	
	
	

	
	#footer ul { 
		margin: 2rem 0 6rem 0;
		padding: 0 0 0 0;
		list-style: none;
		text-align: center
		}
	#footer li { 
		display: block;
		border-bottom: 1px solid rgba(255,255,255,0.40); 
		padding: 6px 3px;
		}
		footer li:first-child { margin-top: -6px; }
		footer li:last-child { border-bottom: none !important; }
		footer li:hover { background-color: rgba(120,53,99,0.1);  }
		footer li a { }
	
				
	#footer a,
	#footer a:visited {  
		color: #fff;
		}
	#footer a:hover { 
		color: rgba(255,255,255,0.80);
		}
		
	#footer i {
		font-size: 1.5em;
		font-style: normal;
		color: rgba(255,255,255,0.80);
		display: inline-block;
		margin-right: 0.5rem;
		}
		
	#footer #nach-oben {
		position: absolute;
		bottom: 2.5rem;
		right: 5vw;
		display: inline-block;
		}
		#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);
			}
		

		#logo-forstwirtschaft {
			position: absolute;
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			bottom: 0;	
			width: 50%;
			max-width: 506px;
			}



#footer .menu>li>a {
    padding: 0.4rem 1rem;
}






/* 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.35em 0.625em 0.75em;
		}			
		fieldset legend {
			background-color: fff;
			padding: 1rem;
			font-weight: 400;
			}
	
	.kontakt a.button,
	.kontakt a.button:visited  { 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(0,72,153,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: none repeat scroll 0 0 #C60F13;
		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: 400;
		font-size: 0.875em !important;
		margin: -1em 0 1em;
		padding: 0.25em 0.5em;
		}
	
	div.wpcf7-response-output,
	div.wpcf7-validation-errors {
		padding: 2em !important;
		background-color: #bccf01;
		color: #fff !important;
		border: none !important;
		margin: 2em 0 !important;		
		box-shadow: inset 0 0 40px rgba(0,0,0,0.25);
		}
		
	div.wpcf7-validation-errors {
		background-color: #D11313;
		}
	
	
	:-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
-----------------------------------------*/
.google-maps-builder-wrap {
	min-height: 300px;
	height: 40vh;
	background: green; }







/* Suchergebnisse
-----------------------------------------*/
	
	#suche .column {
		margin-bottom: 3rem;
		padding-top: 1em;
		padding-bottom: 1em;
		}
		#suche .column:hover {
			background-color: rgba(248,245,242,1.00)
			}
	
	.relevanssi-query-term  {
		color: rgba(0,72,153,1.00);
		font-weight: 700;
		}
	#suchseite a.more-link  {
		text-align: right;
		display: block;
		font-weight: 700;
		}
		
	#s {
		font-size: 1.25rem;
		height: auto;
		padding: 1em;
		width: 100%;
		margin-bottom: 1rem;
		}






	


/* Schatteneffekte + helle Kante + Radius
---------------------------------------------------------------------------------------------------------------------------*/
	.alignleft,
	.alignright,
	.aligncenter,
	fieldset:hover,
	#sidebar img {
		box-shadow: 0 0 4px rgba(0,0,0,0.30);	
		}
	



/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	body,
	a, 
	textarea,
	tr,
	td,
	img,
	ul,
	li,
	.open,
	.closed,
	.panel,
	button, 
	.button,
	fieldset,
	i,
	#nach-oben:before,
	#suche .column {
		transition: all 0.3s ease;
	}


	









	/* JetForms
        -------------------------------------*/	

.jet-fb-form-block {
    background:  rgba(0,72,153,1.00);
    padding: 4%;
}
.jet-form-builder textarea { 
	height: 250px;
	padding-top: 1.5em;
						}


button.jet-form-builder__submit {
	background-color: #fff !important;
	color:  rgba(0,72,153,1.00) !important;
	padding: 0.5em;
	border-radius: 3px;
	
}


			.jet-form-builder__field:not(.checkboxes-field):not(.radio-field):not(.range-field) {
				background-color: rgba(255,255,255,0.50);
				border: none;
				}
			.jet-form-builder__field-label.for-checkbox>span::before {
				background-color: #fff;
				}
		
			.jet-form-builder__field-label.for-checkbox :checked+span::before {
				border-color: rgba(0,72,153,1.00) !important;
				background-color: rgba(0,72,153,1.00) !important;
				}

			.jet-form-builder [type='text'], 
			.jet-form-builder [type='password'], 
			.jet-form-builder [type='date'], 
			.jet-form-builder [type='datetime'], 
			.jet-form-builder [type='datetime-local'], 
			.jet-form-builder [type='month'], 
			.jet-form-builder [type='week'], 
			.jet-form-builder [type='email'], 
			.jet-form-builder [type='number'], 
			.jet-form-builder [type='search'], 
			.jet-form-builder [type='tel'], 
			.jet-form-builder [type='time'], 
			.jet-form-builder [type='url'], 
			.jet-form-builder [type='color'], 
			.jet-form-builder textarea {
				margin-bottom: 0 !important;
				padding-top: 35px !important;
				padding-bottom: 15px !important;
				padding-left: 9px !important;
				border-radius: 3px !important;
				background-color: rgba(255,255,255,0.50) !important;
				box-shadow: 0 0 0 !important;
				border: 0px solid rgba(0,72,153,1.00) !important;
				}


			.jet-form-builder input[required],
			.jet-form-builder textarea[required],
			.jet-form-builder select[required] {
				border: 0px solid rgba(0,72,153,1.00) !important;
				background-color: rgba(255,255,255,0.90) !important;
				}  

					.jet-form-builder input:focus,
					.jet-form-builder textarea:focus { 
						background-color: rgba(255,255,255,1.00) !important;
						color: #000;
						border: 1px solid rgba(0,72,153,1.00) !important;
						box-shadow:  0 1px 1px rgba(0,0,0,0.11), 
									  0 2px 2px rgba(0,0,0,0.11), 
									  0 4px 4px rgba(0,0,0,0.11), 
									  0 6px 8px rgba(0,0,0,0.11),
									  0 8px 16px rgba(0,0,0,0.11) !important;
						transform: scale(1.01);
						}

			/* Uploadfläche */	
			input#upload {
				background: 100% !important;
				background:  rgba(255,255,255,0.8) !important;
				border: rgba(0,72,153,1.00) 3px dashed !important;
				border-radius: 6px !important;
				padding: 90px 30px 30px 30px !important;
				width: 100% !important;
				position: relative;
			}
			input#upload:after {
				content: 'Daten per Drag&Drop in das Feld ziehen \A oder per Dateimanager auswählen.';
				position: absolute;	
				left: 30px;
				margin-top: -3em;
				font-size: 1.2em;
				max-width: 100%;
				word-break: break-all;
			}



			/* Label inline */
			.jet-form-builder .field-type-text-field,
			.jet-form-builder .field-type-textarea-field {
				margin-top: -12px !important;		
				}				
				.jet-form-builder .field-type-text-field label,
				.jet-form-builder .field-type-textarea-field label {
					z-index: 2;
					bottom: -35px;
					left: 16px;
					position: relative;
					pointer-events: none;
					}
					.jet-form-builder .field-type-text-field:focus-within label,
					.jet-form-builder .field-type-textarea-field:focus-within label,
					.jet-form-builder .input-filled label {
						bottom: -25px;
						left: 8px;
						color: rgb(0 0 0 / 0.5) !important;
						font-size: 0.7em !important;
						}

			.jet-sm-gb-b568fc13-f070-4a8b-bb12-b039ef493376 .checkradio-wrap { 
				display: flex; 
				justify-content: center;
				}

			.jet-form-builder__field-wrap.checkradio-wrap:not(:first-child) {
				padding-top: 0 !important;
			}
			
			.jet-form-builder__desc { margin-top: 0.5em; }

			.jet-form-builder .jet-container.plz-ort {
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				padding: 0;
			}
			.jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(2) { width: 27% !important; margin-right: 3%; }

			.jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(3) { width: 70% !important; }


			.jet-form-builder .jet-form-builder__desc { line-height: 1.3em; }

			.jet-form-builder__submit-wrap {
				justify-content: flex-end;
			}

			.jet-form-builder__submit {
				background-color: rgba(0,72,153,1.00) !important;
			}
			.jet-form-builder__submit:hover {
				background-color: rgba(0,72,153,1.00);
			}

			.jet-form-builder-row.field-has-error .error-message { color: #fff !important; }
			.jet-form-builder-message--success { background-color: #fff; border-radius: 3px; border: 0px !important;  }












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


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










footer ul.shariff-buttons  { display: flex !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;
	 	 }
		 
		 
		 
	/* Hauptnavigation
	----------------------------------------------------------------------*/	
	#widemenu {
		width: 100%;		
		padding: 0;
		background-image: url('img/header_menu_background.jpg') !important;
		background-repeat: repeat;
		background-position: top;
		bottom: auto !important;
		}		
		#widemenu ul {
			background: none;
			}		
			#widemenu li {
				text-align: center;
				}	
				#widemenu .menu > li > a {
					line-height: 50px;
					padding: 0 1rem;
					margin-top: -1px;
					}		
					#widemenu a,
					#widemenu .title-bar a {
						font-size: 1.1rem;
						position: relative;
						font-family:  "Source Serif 4", Times, "capitolium-news-2", sans-serif;
						letter-spacing: 0.1em;
						text-transform: uppercase;
						color: #fff;
						}	
						#widemenu a:hover {
							background: rgba(255,255,255,0.20);
							}	 
						
						#widemenu .menu .active > a:after {
							position: absolute;
							margin: auto;
							bottom: 0px;
							left: 10px;
							right: 10px;
							width: 20px;
							height: 10px;
							content: '';
							background-image: url('img/spritesheet.svg'); 
							background-position: -45px -50px;		
							}							
		
		#widemenu .divider {
			display: none;
			}


		/* Header
		---------------------------------------------------*/
		#page-header {
			min-height: 450px;
			background-image: url('img/header_hm-parkett.jpg');
			}
			
			
		/* Footer
		---------------------------------------------------*/
		#menu-footer-menue-container {
			position: relative;
			display: block;
			}
			#menu-footer-menue {
				position: absolute;
				right: 1rem;
				}
		#footer ul { 
			margin: -4px 0 1em 0;
			display:  inline-block;
			text-align: left;
			}
				
		#footer #nach-oben {
			bottom: 0.5rem;
			}
			
			
	
	}

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

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

/* 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 {}