/* css p77 heike jurke */

/* General styles 
**************************************************/
body {
	font-size: 15px;
    color: #555555;
	background: #ffffff;
}

#main-content {
	background: #ffffff url(../img/fotos/bg-heike-jurke-04.jpg) top right fixed no-repeat;
}

::selection {
	background: #bf984d;
	color:#fff; 
}
::-moz-selection {
	background: #bf984d;
	color:#fff; 
}

/* Abstaende und Sonstiges */
.mb-xsmall{
	margin-bottom: 10px;
}
.mb-small{
	margin-bottom: 15px;
}
.mb-medium{
	margin-bottom: 20px;
}
.mb-large{
	margin-bottom: 40px;
}
.mb-xlarge{
	margin-bottom: 60px;
}
.top0 { margin-top:0px; }
.topm20 { margin-top:-20px; }
.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.bottom10 { margin-bottom:10px; }
.bottom20 { margin-bottom:20px; }


/* Accordion */
.accordion .head {
	background: #f1f0ee;
	background: rgba(237,236,234, 0.8);
	border: 1px solid #ebebeb;
}
.accordion .item:hover .head,
.accordion .item:focus .head {
	background: #fbfbfb;
	background: rgba(250,250,250, 0.8);	
}
.accordion .item.active .head:after,
.accordion .item .head:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1;
	position: absolute;
	top: 12px;
	left: 15px;
	color: #bf984d;
}
.accordion .item.active .head:after {
	content: "\f0a9";
}
.accordion .item .head:after {
	content: "\f0a9";
}
.accordion .item .head a {
	color:#333333;
	padding: 10px 20px 10px 40px;
	display: block;
	font-size: 17px;
}
.accordion .item.active .head a,	
.accordion .item .head a:hover,
.accordion .item .head a:focus {
	color:#222222;
}
.accordion .item .body {
	background: rgba(255,255,255,0.75);
	padding: 0px;
	border: none;
	border-top: none;
	box-shadow: none;
}
.accordion .item .body .contents {
    padding: 20px 30px 15px 15px;
}

/* Announce box individuell */
.announce-box2 {
	padding: 30px;
	background: #f7f7f7;
	font-size: 36px;
	color:#2b2b2b;

}
.announce-box2 p {
	margin: 0;
	line-height: 1.0;
}

/* Back to top */
.back-to-top:hover,
.back-to-top:focus,
#back-to-top:hover,
#back-to-top:focus{
	background-color: transparent;
	color: #bf984d;
}
.back-to-top,
#back-to-top {
	border:1px solid #bf984d;
	background-color: transparent;
	position:fixed; bottom:20px; right:20px; margin:0;
	font-size:20px;
}
.back-to-top:hover,
#back-to-top:hover {
	background-color: #bf984d;
	color: #fff;
}

/* Blockquote */
blockquote{
	border-left: 1px solid #bf984d;
	color: #222222;
	font-size:18px;
	padding: 25px 25px;
	margin: 1.50em 0;
	background: rgba(255,255,255, .75);
}
blockquote h5 { line-height: 1.33em; }

/* Blog */
.blog-list .post-header {
    font-size: 32px;
    font-weight: 300;
    font-family: "ralewaylight";
	margin-bottom:40px;
}
.blog-list .post-header a, .blog-list .post-meta span a, .blog-list .post-header a:focus, .blog-list .post-meta span a:focus {
    color: #222222;
}
.blog-list .post-header a:hover, .blog-list .post-meta span a:hover {
    color: #bf984d;
}
.blog-list .post-meta {
    color: #222222;
}
.blog-list .post-main-content {
    color: #555555;
}
.blog-list .post-read-more {
    margin-top: 25px;
}
.blog-list .post-content {
    background: none;
    padding: 30px 10px 50px 0;
    border: none;
    box-shadow: none;
	border-bottom:1px solid #e5e5e5;
}
.blog-list .post-content.ohneborder {
    border: none;
}
.blog-list .post {
    margin-bottom: 50px;
}
.blog-list .post-content.ohnefoto {
    padding-top: 0;
	margin-top: -15px;
}
#post-share, #post-share2 {
    margin-top: 0;
}
#post-share .u-heading, #post-share2 .u-heading {
	color:#686868;
	font-size: 15px;
	font-weight: 500;
	font-family: 'ralewaymedium';
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ededed;
}
.box-social ul li{
	margin-right: 5px;
}
.box-social ul li a {
	color: #ffffff;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 20px;
	line-height: 40px;
	font-size: 17px;
}
.box-social ul li a:hover { border-radius: 20px; }
.box-social ul li a.facboo { background: #3a5795; }
.box-social ul li a.facboo:hover { background-color:#314a7f; }
.box-social ul li a.twit { background: #55acee; }
.box-social ul li a.twit:hover { background-color:#4892cb; }
.box-social ul li a.gooplus { background: #da5437; }
.box-social ul li a.gooplus:hover { background-color:#b9472e; }
.box-social ul li a.permail { background: #bf984d; }
.box-social ul li a.permail:hover { background-color:#9f895c; }

/* Button */
.btn {
	border: 1px solid #ebebeb;
	font-weight: 500;
    font-family: 'ralewaymedium';
	font-size: 14px;
}
.btn-toranj {
	color: #fff;
	background-color: #bf984d;
	border-color: #bf984d;
	border-radius:4px;
}
.btn-toranj:hover, 
.btn-toranj:focus, 
.btn-toranj:active, 
.btn-toranj.active{
	background-color: #9f895c;
	border-color:#9f895c;
	color:#fff;
}

/* Call to action */
.row.call-to-action { margin-left:0px; margin-right:0px; }
.actionbutton { text-align:right; }
.call-to-action{
	background: #fbfbfb;
	background: rgba(250,250,250, 0.8);
	border-color:#e5e5e5;
	border-radius:4px;
	/* padding: 40px 20px; */
}
h2.action-title { line-height: 1.25em; }
.call-to-action .action-title{
	color: #2b2b2b;
	font-weight: 300;
	font-family: 'ralewaylight';
	font-size: 24px;
	text-transform: none;
}

/* Color */
.colored { color: #bf984d; }

/* Formular */
input, textarea, .form-control {
    border-radius: 4px;
    box-shadow: none;
    padding: 10px 15px;
    height: 45px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
	color: #505050;
}
.form-control:focus{
	border-color: #cccccc;
	box-shadow: 0 0 1px rgba(102, 175, 233, 0.2);
	-webkit-box-shadow :0 0 1px rgba(102, 175, 233, 0.2);
}
.alert {
    padding: 0 30px 0 0;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
	font-size:18px;
	font-weight: 300;
	font-family: 'ralewaylight';
	color: #bf984d;
}

/* Fotos */
.schatten { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }
.abgerundet { border-radius: 4px; }
.imglink { border: 1px solid #e5e5e5; }
.imglink:hover { 
	border-color: #bf984d;
}
.cap-compact.cap-reverse {
    border-left: medium none;
    border-right: 1px solid #bf984d;
    padding-left: 0px;
    padding-right: 20px;
    text-align: right;
}
.cap-bordered.cap-right {
    right: 25px;
}
.cap-compact .cap-title {
    line-height: 1;
    font-weight: 300;
    font-family: "ralewaylight";
	text-transform:none;
}
.cap-bordered .cap-title {
    color: #303030;
}
.img-responsive.blogfoto {
    max-width: 67%;
}
.img-responsive.inlinebl {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 30px;
}


/* Google Maps */
#gmap01,.gmap01{
	min-height: 400px;
}
#gmap01.gmap-full,.gmap01.gmap-full{
	height: 100%;
}

/* Grid */
.regular-page {
	padding-top: 40px;
	padding-bottom: 60px;
	color: #555555;
}
.regular-page .container {
	margin-left: 30px;
	margin-right: 0;
}

/* Homeslider */
#homeslider { 
	height:504px;
	margin-bottom:50px!important;
}
.ms-view { background: none repeat scroll 0% 0% #ffffff; }
.ms-skin-toranj .ms-nav-next, .ms-skin-toranj .ms-nav-prev { 
	color:#ffffff;
	height:30px;
	line-height: 30px;
	font-size: 20px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	    -ms-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#homeslider .ms-nav-prev, #homeslider .ms-nav-next {
    width: 30px;
    margin-left: 5px;
}
.ms-layer.cap-left{
	left:50px;
}
.ms-layer.cap-bottom{
	bottom:50px;
}
.ms-layer.cap-boxed {
    max-width: 80%;
}
.cap-boxed .cap-title{
	font-size: 24px;
	margin-bottom: 15px;
	color:#222222;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
.cap-boxed.cap-light .cap-title, .cap-boxed.cap-light .cap-des {
    color: #222222;
}
.caption .cap-des{
	font-size: 16px;
}
#homeslider .tj-controlls {
    bottom: 20px;
    right: 20px;
}

/* Icons */
ul li .fa-phone { margin-right: 2px; }
ul li .fa-fax { margin-right: -1px; }
ul li .fa-phone-square { margin-right: 1px; }
.fa-lg { margin-right: 5px; }
h2.action-title i { font-size: 20px; }
.fa-angle-double-right  {
    margin-left: 3px;
    line-height: 18px;
}

/* Icon Liste */
.vertical-services ul { margin-left: 30px; }
.vertical-services ul li {
    border-left: 1px solid #ebebeb;
	width:100%;
}
.vertical-services.kontakte .service-details p {
	height:60px;
	display:table-cell;
	vertical-align:middle;
}
.vertical-services .service-details .title {
    text-transform: none;
    font-weight: 300;
    font-family: 'ralewaylight';
	color: #bf984d;
	margin-bottom:10px;
}
.vertical-services li i{
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 25px 10px -30px;
    color: #ffffff;
    border: 0px solid #ebebeb;
    background: #bf984d;
}
.vertical-services li span i{
    background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	display: inline-block;
	float:none;
	font-size:15px;
    height: inherit;
    line-height: 1;
    margin: 0;
	text-align:inherit;
    width: inherit;
}
.vertical-services li span i.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
	margin-right:3px;
}
.vertical-services .service-details h5 {
    text-transform: none;
	font-size:16px;
    font-weight: 300;
    font-family: 'ralewaylight';
	color: #bf984d;
	margin-top:10px;
}
.standort.vertical-services ul li {
	padding-bottom: 30px;
}
.standort.vertical-services ul li:last-child {
	padding-bottom: 0;
}

/* Links */
a { color: #bf984d;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	    -ms-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
a:hover {
	color:#9f895c;
}
a:focus {
	color:#bf984d;
}

/* Listen */
ul.list-border li { border-bottom: 1px solid #dddddd; }

/* Logo */
#logo-wrapper { padding: 25px 25px 25px; }
#logo-wrapper a { max-width: 220px; }

/* News widget */
.widget { margin-bottom: 30px; }
.widget-recent-posts .w-post { margin-bottom: 20px; }
.widget-recent-posts .w-post-content { margin-top:0px; margin-left:85px; }
.widget-recent-posts .w-post-image {
    width: 70px;
    height: 70px;
    border-radius: 3px;
}
.widget-recent-posts .w-post-image img {
    height: 70px;
    width: 70px;
}
.widget-recent-posts .w-post-content a{
    color: #666666;
}
.widget-recent-posts .w-post-content a:hover,
.widget-recent-posts .w-post-content a:focus{
	color: #bf984d;
}
.widget-recent-posts .date{
    color: #bf984d;
	font-size:18px;
}
.w-post-content p { margin-top:5px; }

/* Sidebar */
#side-bar { background: #f1f0ee; }
.sub-menu { background: #f1f0ee; }
#menu-toggle { background: #bf984d; }
#menu-toggle:after,#menu-toggle:before { background: #bf984d; }
#navigation { text-align: center; }
#navigation li a {
	padding: 15px 35px 15px 35px;
	color: #333333;
	font-size: 14px;
}
#navigation li a:hover, #navigation li a:focus, #navigation li.current-menu-item a, #navigation li.current-menu-parent > a {
    color: #222222;
    background: none repeat scroll 0% 0% #fbfbfb;
}
#navigation li.current-menu-item a:before, #navigation li.current-menu-parent > a:before, #navigation .nav-prev > a:before {
    width: 0px;
    background: none repeat scroll 0% 0% #bf984d;
}
#navigation li.menu-item-has-children > a:after { color: #333333; }
#navigation ul.sub-menu li a {
	font-size: 14px;
}
#navigation ul.sub-menu li.nav-prev a {
    font-size: 14px;
}
#side-footer{
	bottom: 10px;
}
.social-icons li {
   margin-bottom: 0px;
}
.social-icons li a {
	color:#666666;
	font-size: 18px;
	padding: 2px;
}

.social-icons li a:hover {
	color:#bf984d;
}
#copyright:after {
	background-color: transparent;
	box-shadow: none;
}
#copyright a { 
	font-size:14px;
	color:#666666;
}
#copyright a:hover { 
	color:#bf984d;
}


/* Tabs */
.tabs .tabs-head li a {
	font-size: 15px;
	color:#474747;
	display: block;
	padding:7px 20px;
}
.tabs .tabs-head li.active a,
.tabs .tabs-head li:hover a,
.tabs .tabs-head li:focus a{
	color: #bf984d;
}

/* Text */
p { margin-bottom: 0.75em; }
.thin-text{
	font-size: 15px;
	font-weight: 400;
	font-family: 'ralewayregular';
	color:#222222;
}
.dropcap {
    position: relative;
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 44px;
    color: #666666;
    text-align: center;
    margin: -4px 10px 0 -4px;
    border: 1px solid transparent;
}
.dropcap.rund {
    margin: 5px 20px 0px 0px;
    font-size: 22px;
    background-color: #666666;
    color: #ffffff;
	border-radius: 2em;
}

/* Ueberschriften */
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
	font-family: 'ralewaylight';
	color:#222222;
	line-height:1.25;
}
.regular-page h1,
.regular-page h2,
.regular-page h3,
.regular-page h4,
.regular-page h5,
.regular-page h6{
	color:#333333;
}
.regular-page h3.colored, .regular-page h4.colored, .regular-page h5.colored { color:#bf984d; }

h1,.h1{
	font-size: 30px;
	margin-top: 35px;
	margin-bottom: 15px;
}
h2,.h2{
	font-size: 30px;
	margin-top: 35px;
	margin-bottom: 15px;
}
h3,.h3{
	font-size: 26px;
	margin-top: 25px;
	margin-bottom: 10px;
}
h4, .h4{
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h5, .h5{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h6, .h6{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.double-title { font-weight: 300; font-family: 'ralewaylight'; margin-left:-3px; }
.section-title.double-title { padding-bottom: 15px; }
.double-title:after {
	height: 1px;
	width: 90px;
	margin-left:3px;
}
.double-title span {
	top: 2px;
	font-weight: 300;
	font-family: 'ralewaylight';
	margin-left:3px;
	text-transform:uppercase;
}
.section-title:after{ background: #bf984d; }

.section-title.double-title.zwtitel { font-size: 36px; }
h3.section-title.double-title.zwtitel { font-size: 28px; }

.lined:after{
	content:'';
	position: absolute;
	height:1px;
	background:#bf984d;
	width:50px;
	bottom:-12px;
	left:0;
}


/* Video */
.video-container {
    padding-top: 0;
	margin-top: 30px;
}




/* Responsiveness  
**************************************************/
@media only screen and (max-width: 992px){
	
	.announce-box2 {
		padding: 40px;
		font-size: 26px;
	}
	.announce-box2 p {
		line-height: 1;
	}
	.actionbutton { text-align:left; }
	
	.blog-list .post-header { font-size: 24px; }
	
	/* Abstaende Responsive */
	.respbottom30 { margin-bottom:30px; }
	.respbottom40 { margin-bottom:40px; }
	.respbottom50 { margin-bottom:50px; }
	
}	

@media only screen and (max-width: 480px){	
	
	.vertical-services li i{
		font-size: 18px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 0 10px 10px -25px;
	}
	.vertical-services .service-details{
		padding-left: 40px;
	}
	.vertical-services ul {
		margin-left: 25px;
		padding: 0;
	}
	.vertical-services .service-details .title{
		font-size: 20px;
	}
	
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#menu-toggle {
		left:25px;
	}
	
	.img-responsive.blogfoto {
    	max-width: 100%;
	}
	
	#homeslider { 
	height:360px;
	}
	
	.ms-layer.cap-left {
	left:15px;
	}
	
	.ms-layer.cap-bottom {
	bottom:15px;
	}
	
	.cap-boxed .cap-title{
	font-size: 20px;
	}

}


/*Uebergang zu responsive menu 
**************************************************/
@media (max-width: 991px) {
  
	.show-sidebar #menu-toggle-wrapper { display: block; margin-bottom:30px; }
	.show-sidebar #main-content,
	.show-sidebar .page-side { margin-left: 0px; }
	.show-sidebar #side-bar { display: none; }
	
	.regular-page { padding-top: 80px; }
	.regular-page .container { margin-left: 0; }
	
}

/*Bootstrap media queries in Prozent
**************************************************/
@media (min-width: 768px) {
  .container {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 80%;
	max-width:926px;
  }
}