/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! colorbox */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(images-colorbox/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(images-colorbox/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(images-colorbox/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(images-colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html
{
	box-sizing: border-box;
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

*, *:before, *:after {
  box-sizing: inherit;
}

::-moz-selection
{
	background: #b3d4fc;
	text-shadow: none;
}

::selection
{
	background: #b3d4fc;
	text-shadow: none;
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

textarea { resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Links
------------------------------------------------------------------------------------------------- */

a,
a:visited {
	color: #1ead08;
	text-decoration: none;
}

a:hover,
a:focus,
a:active { color: #666; }

/* Grid12
--------------------------------------------------------------------------- */

.grid-container
{
	width: 100%;
}

.row:before, 
.row:after
{
	clear: both;
	content: "";
	display: table;
}

[class*='col-']
{
	float: left;
	min-height: 1px;
	width: 8.33333333333%;
	padding: 5px;
}

.col-1 { width: 8.33333333333%; }
.col-2 { width: 16.6666666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333333333%; }
.col-5 { width: 41.6666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333333333%; }
.col-8 { width: 66.6666666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333333333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100%; }

.right
{
	float: right;
	margin-left: 10px;
}

.center
{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.gap
{
	margin-right: 10px;
}

/* Fonts
-------------------------------------------------- */

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* Iconfont
--------------------------------------------------------------------------- */

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot?24140013');
  src: url('../fonts/iconfont.eot?24140013#iefix') format('embedded-opentype'),
       url('../fonts/iconfont.woff2?24140013') format('woff2'),
       url('../fonts/iconfont.woff?24140013') format('woff'),
       url('../fonts/iconfont.ttf?24140013') format('truetype'),
       url('../fonts/iconfont.svg?24140013#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.svg?24140013#iconfont') format('svg');
  }
}
*/
a.scroll:before,
a.external:before,
.zurueck a:before,
.weiter a:after,
.up a:before,
#mobilemenu a:before,
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */

/* Icons
--------------------------------------------------------------------------- */

a.external:before { content: '\f08e'; }

#mobilemenu a:before { content: '\f0c9'; }

.zurueck a:before { content: '\e801'; }

.weiter a:after { content: '\e802'; }

.up a:before { content: '\e803'; }

a.noicon:before
{
	content: '';
}

/* Schriften
------------------------------------------------------------------------------------------------- */
body
{
	font: 1em/1.4 Verdana, Geneva, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3
{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
}

/* Farben
------------------------------------------------------------------------------------------------- 

Grün: #51f239

*/

body,
#wdauth
{
	background-color: #ccc;
}

header, 
footer
{
	background-color: #51f239;
	color: #222;
}

h1,
h2,
h3
{
	color: #222;
}

/* Layout
------------------------------------------------------------------------------------------------- */

body
{
	padding: 0 5px 50px 5px;
	margin: 0;
}

#wrapper
{
	background: #fff;
	margin: 0 auto 50px auto;
	width: auto;
	max-width: 1100px;
}

main
{
	display: block;
	margin: 25px 50px 20px 50px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.illustration img
{
	width: 1100px;
}


/* Header
-------------------------------------------------- */
header
{
	position:relative;
}

#siegel img {
	float: right;
	width: 15%;
	height: auto;
	position: relative;
	margin: 2px 2px -200px 0;
}

header h1 {
	font-size: 48px;
	margin: 0 40px 0 0;
	padding: 0 0 8px 0;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
}

header h1 img {
	width: 40%;
	vertical-align: bottom;
	margin: 0 15px -8px 0;
}

header h1 .space { display: inline; }
header h1 strong { display: inline-block; }
header .br { display: inline; }


/* Footer
-------------------------------------------------- */

footer {
	background: #51f239;
	font-size: 14px;
	line-height: 1.5;
	padding: 0;
}

footer img {
	float:left;
	width: 18%;
	height: auto;
}

footer address {
	font-style: normal;
	margin: 10px 0 10px 18%;
	padding: 0 0 0 10px;
}

footer address .spaced
{
	letter-spacing: .5em;
}



/* Headlines
--------------------------------------------------------------------------- */

h1 
{ 
	font-size: 1.8em; 
}

h2
{
	font-size: 1.7em;
	margin: 1.5em 0 0.5em 0;
}

h3
{
	font-size: 1.2em;
	margin: 2em 0 0 0;
}

main h1 + h3 { margin-top: 0; }
main h2 + h3 { margin-top: 0; }

/* Bilder
--------------------------------------------------------------------------- */
img
{
	max-width: 100%;
	height: auto;
}

figure
{
	margin: 0;
}

figcaption
{
	font-size: .8em;
}

figure img
{
	width: 100%
}

figure.border img
{
	border: 1px solid #ccc;
}

#verkauf .kapitelbild
{
	margin-top: 1em;
}

/* Navigation
--------------------------------------------------------------------------- */


#nav {
	background: #FFF;
	clear: both;
	margin: 0 auto;
	text-align: center;
}

#nav ul
{
		margin: 0;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav a {
	
	font-size: 18px;
	background: #FFF;
	color: #000;
	text-decoration: none;
	margin: 0 5px;
	padding: 4px 15px;
	line-height: 2em;
	white-space: nowrap;
}

#home nav .home,
#verkauf nav .verkauf,
#ankauf nav .ankauf,
#about nav .about,
#kontakt nav .kontakt,
#kontakt nav .impressum,
#datenschutzerklaerung nav .datenschutzerklaerung,
nav a:hover,
nav a:focus,
nav a:active
{
	background: #FFF;
	position: relative;
	top: 2px;
	color: #52B03A;
}

nav .datenschutzerklaerung,
nav .impressum
{
	display:none;
}

/* Navigationswiederholung
-------------------------------------------------- */

#navrepeat
{
	font-size: 12px;
	line-height: 2.5em;
	clear: both;
	margin: 0 10px;
}

#navrepeat ul { padding: 0; }
#navrepeat li { display: inline; }

#navrepeat a,
#navrepeat a:visited
{
	text-decoration: none;
	padding: 6px 1em 6px 0;
}

#home #navrepeat .home,
#verkauf #navrepeat .verkauf,
.verkauf #navrepeat .verkauf,
#ankauf #navrepeat .ankauf,
#about #navrepeat .about,
#kontakt #navrepeat .kontakt,
#kontakt #navrepeat .impressum,
#datenschutzerklaerung #navrepeat .datenschutzerklaerung,
#navrepeat a:hover,
#navrepeat a:focus,
#navrepeat a:active { color: #666; }


/* Main
--------------------------------------------------------------------------- */

.aktion
{
	background-color: #51f239;
	margin: 2em 0 0 0;
	border: 5px solid #fff;
}

.aktion h2
{
	font-size: 5em;
	color: #FF2600;
	margin: 0;
}

.aktion .text
{
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 0 .5em 0;
}

.aktion .text strong
{
	font-size: 2.5em;
}

.aktion .text em
{
	font-size: 1.5em;
	font-style: normal;
}

.aktion a
{
	color: #000;
}

/* Footer
--------------------------------------------------------------------------- */

footer a,
footer a:visited
{
	padding: 6px 0 6px 0;
	text-decoration: none;
}

footer a:hover,
footer a:focus,
footer a:active { color: #666; }

footer a[href^="tel"]:link,
footer a[href^="tel"]:visited
{
    color: #999 !important;
}


/* up
-------------------------------------------------- */

.up { 
	font-size: 12px;
	margin: 5em 10px 0 10px; 
}
.scroll { display: none; }


/* Address
-------------------------------------------------- */

footer address 
{ font-style: normal; }

/* Webdesign
--------------------------------------------------------------------------- */

#wdauth
{
	font-size: 10px;
	line-height: 1.25;
	padding: 2px;
	text-align: right;
}

#wdauth a,
#wdauth a:visited
{
	color: #666;
	text-decoration: none;
}

#wdauth a:hover,
#wdauth a:focus,
#wdauth a:active { color: #999; }

/* 1150px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 1150px) 
{
	header h1 { font-size: 40px; }
	
	#wrapper {
		width: auto;
		max-width: 1000px;
	}
	
	header h1 { margin: 0 20px 0 0; }
	
	header h1 img {
	margin: 0 15px -8px 0;
}


	footer { padding: 0; }
}

/* 987px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 987px) 
{
	header h1 { font-size: 33px; }
	
	header h1 img {
		width: 40%;
		vertical-align: bottom;
	}
	
	#wrapper {
		width: auto;
		max-width: 744px;
	}
	
	header h1 { margin: 0; }
	header h1 img {
	margin: 0 15px -8px 0;
}
	#main { margin: 15px 0 10px 0; }
	footer { padding: 0; }
}

/* 768px
--------------------------------------------------------------------------- */

@media only screen and (max-width: 768px)
{

	.col-1 { width: 33.33%; }
	.col-2 { width: 50%; }
	.col-3 { width: 50%; }
	.col-4 { width: 100%; }
	.col-5 { width: 100%; }
	.col-6 { width: 100%; }
	.col-7 { width: 100%; }
	.col-8 { width: 100%; }
	.col-9 { width: 100%; }
	.col-10 { width: 100%; }
	.col-11 { width: 100%; }
	.col-12 { width: 100%; }
	
	nav a,
	nav a:visited { padding: 0.5em 0.5em; }
		
	#mobilemenu { display: block !important; }
	#mobilemenu:hover { cursor: pointer; }
	nav.hideit { display: none; }
	nav { width: 100% !important; }
	nav ul
	{
		width: 100% !important;
		padding: 0;
	}
	
	nav li
	{
		float: none !important;
		display: block !important;
		width: 100% !important;
		-webkit-transition: none !important;
		transition: none !important;
		padding: 0;
	}
		
	header h1 { font-size: 20px; }
	
	header h1 img {
	margin: 0 15px -8px 0;
}
	
	header h1 img {
		width: 40%;
		vertical-align: bottom;
	}
	
	

	
	#wrapper { width: auto; }
	#main { margin: 10px 0 10px 0; }
	footer { padding: 0; }
}

/* 600
--------------------------------------------------------------------------- */
@media only screen and (max-width: 600px)
{
	.col-1 { width: 50%; }
	.col-2 { width: 100%; }
	.col-3 { width: 100%; }
	.col-4 { width: 100%; }
	.col-5 { width: 100%; }
	.col-6 { width: 100%; }
	
	.aktion h2
{
	font-size: 3em;
}
	.aktion .text
{
	font-size: 1em;
}
	.aktion .text strong,
	.aktion .text em
	{
		font-size: 1.5em;
	}
	
	#siegel
{
	display: none;
}
}
/* 479px
--------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) 
{
	#siegel img { width: 25%; }
	
	header {
		padding: 0 0 0px 0;
	}
	
	header h1 {
		font-size: 20px;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
	}
	
	header h1 img {
		width: 60%;
		margin: 0 0 0 0;
	}
	
	header h1 .space {
		background: #000;
		display: block;
		margin: 0 0 10px 0;
	}
	
	#main { margin: 0px 0 10px 0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden
{
	display: none !important;
	visibility: hidden;
}

.visuallyhidden
{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after
{
	content: " ";
	display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.nowrap { white-space: nowrap; }

.center
{
	text-align: center;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print
{
	*,
	*:before,
	*:after
	{
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	a,
	a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="#"]:after,
	a[href^="javascript:"]:after { content: ""; }

	pre,
	blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead { display: table-header-group; }
	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }

	p,
	h2,
	h3
	{
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 { page-break-after: avoid; }
}