/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */


	/* ------ 1.1 MAIN ------ */
	html, body {
		min-width: 362px;
		font-family: "Minion Pro", Georgia, serif;

		outline: none;
		color: #000;
	}
	body {
		z-index: 100;
	}

	a {
		color: #000;
		outline: none !important;
		text-decoration: none !important;
	}

	button:focus { outline: 0 !important; }


/* ============================================= 2.0 CONTAINER ============================================= */

	/*#content {
		margin-top: 211px;
	}*/

	/* ------ 2.1 NAVIGATION ------ */
	header {
		display: block;
	}

	header .navbar-default {
		background: #FFF;
		box-shadow: none;
	}

	header .navbar-wrapper {
		background: #FFF;
		width: 100%;
	}

	header .navbar-wrapper .navbar-border {
		position: relative;
		height: 100%;
	}
		header .navbar-wrapper.affix .navbar-border { border-bottom: 1px #293e09 dotted; }

	header .navbar-wrapper .navbar-left {
		-webkit-transition: margin-top 0.1s ease-out;
		-moz-transition: margin-top 0.1s ease-out;
		-ms-transition: margin-top 0.1s ease-out;
		-o-transition: margin-top 0.1s ease-out;
		transition: margin-top 0.1s ease-out;
	}

	header .navbar-wrapper .logo {
		background: url("../img/logo-full.png") left no-repeat;
		background-size: contain;
		margin-top: 24px;
		width: 173px;
		height: 120px;

		-webkit-transition: background 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out;
		-moz-transition: background 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out;
		-ms-transition: background 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out;
		-o-transition: background 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out;
		transition: background 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out;
	}
		header .navbar-wrapper.affix .logo {
			background: url("../img/logo-mini.png") left no-repeat;
			background-size: contain;
			margin-top: -5px;
			width: 173px;
			height: 70px;
		}

	header .navbar-wrapper .logo-mini {
		background: url("../img/logo-mini.png") left no-repeat;
		background-size: cover;
		margin-top: 0px;
		width: 85px;
		height: 55px;
	}

	header .button-contact {
		position: absolute;
		width: 100px;
		height: 100px;
		bottom: 40px;
		right: 0px;
		box-sizing: border-box;
		text-align: center;

		border-radius: 50px;
		background: #ec008c;
		background: -moz-linear-gradient(top,  #ec008c 0%, #8c0052 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec008c), color-stop(100%,#8c0052));
		background: -webkit-linear-gradient(top,  #ec008c 0%,#8c0052 100%);
		background: -o-linear-gradient(top,  #ec008c 0%,#8c0052 100%);
		background: -ms-linear-gradient(top,  #ec008c 0%,#8c0052 100%);
		background: linear-gradient(to bottom,  #ec008c 0%,#8c0052 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008c', endColorstr='#8c0052',GradientType=0 );

		-webkit-transition: right 0.2s ease-out;
		-moz-transition: right 0.2s ease-out;
		-ms-transition: right 0.2s ease-out;
		-o-transition: right 0.2s ease-out;
		transition: right 0.2s ease-out;

	}
		header .button-contact:active {
			background: #8c0052;
			background: -moz-linear-gradient(top,  #8c0052 0%, #ec008c 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c0052), color-stop(100%,#ec008c));
			background: -webkit-linear-gradient(top,  #8c0052 0%,#ec008c 100%);
			background: -o-linear-gradient(top,  #8c0052 0%,#ec008c 100%);
			background: -ms-linear-gradient(top,  #8c0052 0%,#ec008c 100%);
			background: linear-gradient(to bottom,  #8c0052 0%,#ec008c 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0052', endColorstr='#ec008c',GradientType=0 );
		}
		header .button-contact a  {
			display: block;
			height: 10px;
			padding: 40px 0px 60px;

			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
		}

	header .navbar-wrapper.affix .button-contact {
		width: 70px;
		height: 70px;
		bottom: 10px;
		right: 0px;
		border-radius: 35px;
	}
		header .navbar-wrapper.affix .button-contact a  {
			height: 10px;
			padding: 25px 0px 45px;

			font-size: 12px;
		}

		.navbar-default .navbar-nav li a {
			color: #293e09;
			font-family: 'Officina Serif Bold', 'Minion Pro', serif;
			font-weight: 400;
			padding: 0px 0px;
			background: none !important;
			box-shadow: none !important;
		}
			.navbar ul {
				z-index: 1;
			}
			.navbar ul li a {
				text-transform: uppercase;
				z-index: 100;
			}
				.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:active, .navbar-default .navbar-nav li.active a { color: #e2007a; }

				.navbar ul li ul li a {
					font-family: 'ff-meta-serif-web-pro', 'Minion Pro', serif !important;
					color: #293e09 !important;
					text-transform: none;
				}
					.navbar ul li ul li a:hover, .navbar ul li ul li a:active, .navbar ul li ul li.active a { color: #e2007a !important; }

	.btn-magazine {
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 900;
		width: 180px;
		height: 216px;
		position: absolute;
		top: 250px;
		right: 0px;
	}

	/* ------ 2.2 CONTENT ------ */
		.teaser-image {
			position: relative;
			width: 100%;
			background-repeat: no-repeat;
			background-color: #CCC;
			background-size: cover;
			background-position: center;
		}

		.section-end {
			border-bottom: 1px #293e09 dotted;
		}

		.link-back {
			margin-top: 23px;
			font-weight: 600;
			font-size: 18px;
			font-style: italic;
			text-align: right;
		}
			.link-back a { color: #293e09; }
			.link-back a:hover, .link-back a:active { color: #000; }

		/* -- 2.2.1 HOME -- */
			#teaser.bg-teaser {
				background: url("../img/home/kanzlei.jpg") center no-repeat;
				background-size: cover;
			}

		/* -- 2.2.2 Die Kanzlei -- */
				.slider-thumbnail {
					float: left;
					margin-top: 19px;
				}

		/* -- 2.2.3 Fachgebiete -- */

		/* -- 2.2.4 Team -- */


		/* -- 2.2.5 Kontakt -- */

		/* -- 2.2.6 Karriere -- */


/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 TITEL ------ */
		h1, h2, h3 {
			font-family: 'ff-meta-serif-web-pro', 'Minion Pro', serif;
			color: #293e09;
			font-weight: 600;
		}
			h1 {
				text-align: center;
				font-style: italic;
				font-weight: 400;
			}
			h1.size-xxl {
				text-align: left;
				font-style: normal;
				letter-spacing: normal;

				font-family: 'Officina Serif Bold', 'Minion Pro', serif;
				font-weight: 400;
				text-transform: uppercase;
			}

			h1 small, h2 small { margin-left: 62px; }
			h1 a, h2 a { color: #293e09; }
			h1 small a, h2 small a { color: #333; }
				h1 a:hover, h1 a:active, h2 a:hover, h2 a:active { color: #e2007a; }

			.icon-title {
				background: url("../img/icon.png") center no-repeat;
				background-size: cover;
			}
		h2 {
			letter-spacing: 0.05em;
		}
		h3 {
			font-style: italic;
			font-weight: 600;
		}


	/* ------ 3.2 ALLGEMEIN ------ */
		p.lead {
			font-size: 24px;
		}
		p {
			font-family: 'ff-meta-serif-web-pro', 'Minion Pro', serif;
			color: #293e09;
		}
		.meta-font { font-family: 'ff-meta-serif-web-pro', 'Minion Pro', serif; }

		.text-left { text-align: left; }
		.text-right { text-align: right; }

		a.link-mini { font-style: italic; }
			a.link-mini:hover { color: #e2007a; }

		.bg-lightbeige {
			background-color: #f0f1e9;
		}

		.img-block a span { color: #263e06; }
			.img-block:hover a span { color: #e2007a; }

		.color-green { color: #263e06; }
			.color-green a { color: #263e06; }
				.color-green a:hover, .color-green a:active { color: #e2007a; }
		.color-purple { color: #e2007a; }
		.color-gradient-purple {
			color: #e2007a;

			background: -webkit-linear-gradient(#c30070, #930255);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		}

		a.btn-right {
			border-bottom-right-radius: 30px;
		}

	/* ------ 3.3 BUTTONS ------ */
	button.btn {
		font-family: 'ff-meta-serif-web-pro', 'Minion Pro', serif;
		font-weight: 300 !important;
	}
	.btn-primary {
		background: #263e06;
		border: none;
	}
	.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
		text-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-transform: uppercase;

		-webkit-transition: background-color 0.2s ease;
		-moz-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		-o-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
	}
		.btn-primary:hover, .btn-primary:focus { background: #e2007a; }

	.btn-lg, .btn-group-lg > .btn {
		padding: 20px 35px 16px 35px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 0px;
	}
	a.btn-brd {
		margin-top: 15px;
		display: block;
		clear: both;
		overflow: hidden;
		padding-top: 2px;
		border-top: 1px #263e06 solid;
	}
		a.btn-brd:hover, a.btn-brd:focus { border-top-color: #e2007a; }

	a.btn-left {
		float: left;
		border-bottom-left-radius: 30px;
	}
	a.btn-right {
		float: right;
		border-bottom-right-radius: 30px;
	}

	a.btn-bottomleft {
		position: absolute;
		bottom: 0px;
		left: 0px;
		border-bottom-left-radius: 30px;
	}

	/* ------ 3.4 ICONS ------ */
	.subscription-feature {
		margin-bottom: 10px;
	}
		.subscription-feature .feature-border {
			padding-bottom: 2px;
			border-bottom: 1px #263e06 solid;
		}
		.subscription-feature .feature-icon {
			background-position: center;
			background-repeat: no-repeat;

			width: 100%;
			height: 58px;
			background-color: #c0cbb1;
			border-top-right-radius: 30px;
		}
			.subscription-feature .feature-icon.icon-bewaesserung	{ background-image: url("../img/icon-bewaesserung.png"); }
			.subscription-feature .feature-icon.icon-schnitt		{ background-image: url("../img/icon-schnitt.png"); }
			.subscription-feature .feature-icon.icon-beetpflege		{ background-image: url("../img/icon-blumenpflege.png"); }
			.subscription-feature .feature-icon.icon-rasenpflege	{ background-image: url("../img/icon-rasenpflege.png"); }
			.subscription-feature .feature-icon.icon-bluehzeit		{ background-image: url("../img/icon-bluehzeit_beratung.png"); }
			.subscription-feature .feature-icon.icon-wintersommer	{ background-image: url("../img/icon-wintersommer_plan.png"); }
			.subscription-feature .feature-icon.icon-aussaat		{ background-image: url("../img/icon-aussaat.png"); }
			.subscription-feature .feature-icon.icon-winterdienst	{ background-image: url("../img/icon-winterdienst.png"); }

		.subscription-feature .feature-text {
			margin-top: 40px;
		}

	/* ------ 3.5 LISTEN ------ */
	ul {
		padding: 15px 0px 0px 0px;
		list-style: none;
	}
	ul.list-highlight {
		padding-top: 0px;
	}
		ul.list-highlight li {
			color: #293e09;
			font-weight: bold;
		}

/* ============================================= 4.0 FORMULAR ============================================= */

/* ============================================= 5.0 TABELLEN ============================================= */

/* ============================================= 6.0 SONSTIGES ============================================= */

	/* ------ 6.1 BILDER ------ */
	.img-round-border-bottom-left {
		border-bottom-left-radius: 30px;
	}

	.img-hotspot {
		cursor: pointer;
		box-sizing: border-box;
		position: absolute;
		width: 53px;
		height: 49px;
		max-height: 150px;
		overflow: hidden;
		padding: 14px 20px 10px 20px;

		background-image: url("../img/icon-flower_white.png");
		background-repeat: no-repeat;
		background-size: 29px 28px;
		background-position: 13px 11px;

		-webkit-transition: background-image 0.2s ease-in;
		-moz-transition: background-image 0.2s ease-in;
		-ms-transition: background-image 0.2s ease-in;
		-o-transition: background-image 0.2s ease-in;
		transition: background-image 0.2s ease-in;
	}
		.img-hotspot:hover {
			-webkit-animation-name: rotate;
			-webkit-animation-duration: 3s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-moz-animation-name: rotate;
			-moz-animation-duration: 3s;
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: linear;
		}
		.img-hotspot.activated:hover {
			-webkit-animation-name: none;
			-moz-animation-name: none;
		}
		@-webkit-keyframes rotate {
			from {-webkit-transform: rotate(0deg);}
			to {-webkit-transform: rotate(360deg);}
		}

		.img-hotspot .hotspot-text {
			display: none; opacity: 0;

			color: #FFF;

			-webkit-transition: opacity 0.2s ease-out, color 0.3s ease-out;
			-moz-transition: opacity 0.2s ease-out, color 0.3s ease-out;
			-ms-transition: opacity 0.2s ease-out, color 0.3s ease-out;
			-o-transition: opacity 0.2s ease-out, color 0.3s ease-out;
			transition: opacity 0.2s ease-out, color 0.3s ease-out;
		}

	.img-hotspot.activated {
		cursor: default;
		position: absolute;
		height: auto;

		background-image: url("../img/icon-flower_green.png");
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 18px 15px;
		background-color: #f0f2eb;

		border-top-right-radius: 30px;
	}
	.img-hotspot.hotspot-right.activated {
		border-top-right-radius: 0px;
		border-top-left-radius: 30px;
	}

		.img-hotspot.activated .hotspot-text { display: block; opacity: 1; color: #263e06; }

	/*.img-hotspot:hover, .img-hotspot:active, .img-hotspot:focus {
		position: absolute;
		height: auto;

		background-image: url("../img/icon-flower_green.png");
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 18px 15px;
		background-color: #f0f2eb;

		border-top-right-radius: 30px;
	}
		.img-hotspot:hover .hotspot-text, .img-hotspot:active .hotspot-text, .img-hotspot:focus .hotspot-text { display: block; opacity: 1; color: #263e06; }*/

	.col-xs-12 {
		position: relative;
	}

	/* ------ 6.2 ABSTÄNDE ------ */
	.col-padding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.col-padding-strong {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.col-margin {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.box-round-border-bottom-right {
		border-bottom-right-radius: 30px;
	}

	/* ------ 6.3 ANIMATIONEN ------ */
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		/**/
	}
	.btn-primary:active, .btn-primary.active {
		border: none !important;
	}

	/* ------ 6.4 CAROUSEL ------ */
	.rsNav.rsBullets {
		position: relative;
		float: none;
		z-index: 100;

		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	.rsNav.rsBullets .rsNavItem.rsBullet {
		float: left;
		cursor: pointer;
		height: 100%;
		margin: 0px;
		background-color: #fff;
		z-index: 101;
	}
		.rsNav.rsBullets .rsNavItem.rsBullet.rsNavSelected {
			height: 100%;
			background-color: #e2007a;
			border-color: #e2007a;
		}

		.rsDefaultInv .rsBullet span { background: none !important; }

		#royalslider-gallery1.rsDefaultInv .rsBullets, #royalslider-gallery2.rsDefaultInv .rsBullets, #royalslider-gallery3.rsDefaultInv .rsBullets {
			bottom: 40px !important;
		}

.impressum i {
	color: #293e09;
	font-size: 30px;
}

.impressum i:first-child {
	margin-right: 6px;
}

.impressum i:hover,
.impressum i:focus,
.impressum i:active {
	color: #e2007a;
}
.agb{
	color: #263e06;
	.agb a { color: #263e06; }
	.agb a:hover, .agb a:active { color: #e2007a; }
}
.agb:hover {
	color: #E2007B; /* Farbe beim Hovern */
}