/*  Template Farbe #f38200 
*******************************/

@font-face {
    font-family: 'Return-To-Sender';
    src:url('../fonts/Return-To-Sender.ttf.woff') format('woff'),
        url('../fonts/Return-To-Sender.ttf.svg#Return-To-Sender') format('svg'),
        url('../fonts/Return-To-Sender.ttf.eot'),
        url('../fonts/Return-To-Sender.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
h1, h2, h2.title, span.site-title, span.site-sub-title {    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}

h1 { 
   font-family: 'Return-To-Sender';
   color:  #f38200;
   font-size:  80px;
   line-height: 1em;
   font-weight: 100;
}
h2, h2.title { 
   font-family: 'Return-To-Sender';
   font-size:  60px;
   line-height: 1em;
   font-weight: 100;
	letter-spacing: 1px;
}
h2, h2.title { 
   font-family: 'Return-To-Sender';
   font-size:  60px;
   line-height: 1em;
   font-weight: 100;
	letter-spacing: 1px;
}
span.site-title { 
   font-family: 'Return-To-Sender';
   font-size:  54px;
   line-height: 1em;
   font-weight: 100;
	letter-spacing: 1px;
	display: inline-block;
}
h3 {text-transform: uppercase;}

.item-page h3, .blog h3 {
  margin:  30px 0 10px;
  clear: both;
}
.item-page h2, .blog h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  font-size: 30px;
  letter-spacing: 0;
}
.item-page h2 a, .blog h2 a {
  color: #333;
}
.item-page h2 a:hover, .blog h2 a:hover {
	text-decoration: none;
}
.blog .page-header {
  padding-bottom: 10px;
  margin: 20px 0 10px;
}
.blog p, .item-page p {
	text-align: justify;
}
.item-page img {
	width: 100%;
}
.item-image {
margin: 0 0 30px;
}
span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(../images/bg_mask.png) center center no-repeat #000;
	cursor: pointer;
	height: 366px;
	width: 487px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}
span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
.items-row {
  clear: both;
  margin-bottom: 50px;
}
@font-face { 
	font-family: 'Sunshine In My Soul'; 
	src: url('../fonts/sunshine_in_my_soul.eot'); 
	src: url('../fonts/sunshine_in_my_soul.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/sunshine_in_my_soul.svg#Sunshine In My Soul') format('svg'), 
	url('../fonts/sunshine_in_my_soul.woff') format('woff'), 
	url('../fonts//sunshine_in_my_soul.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;
	} 
	
h1>span, .site-sub-title {
	font-family: 'Sunshine In My Soul';
	font-weight: normal;
	font-size:  28px;
}

.nav-holder {
	position:  fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: rgba(51,51,51,.95);
	padding: 15px 0;
}
.navbar {/*margin-bottom: 0!important;*/ background: rgba(51,51,51,.95); border-color: #252525;}
.logo {margin: 0 10px;}
.nav-collapse {margin: 20px 10px 0;}
.navbar .nav {
    margin: 20px 10px 0px 0px;
}

.navbar-inverse .navbar-inner {
	background: rgba(51,51,51,.95);
    border-color: #252525;
    padding-top: 10px 20px;
}
.navbar .btn, .navbar .btn-group {
  margin: 25px 20px 0 0;
}
.navbar .brand {
  padding: 20px 20px 10px;
  margin-bottom: -20px;
}
a.brand {color: #fff; }
a.brand:hover {color: #fff; text-decoration: none;}

.nav-pills > .active > a.my-nav {background: none;color: #f38200; }
.nav-pills a.my-nav {;color: #ffffff; }
.nav > li > a.my-nav:hover, .nav > li > a.my-nav:focus {color: #f38200;text-decoration: none;background-color: transparent;}

#slider {
	width: 100%;
	height: auto;
}

/* Buttons 
**************************************/


a.success, a.success-small, input.success, input.success-small {
	display:  block;
	text-align: center;
	background-color: transparent;
	text-transform: uppercase;
	padding: 12px;
	}
a.success, input.success {
	width:  300px;
	margin: 40px 0;
	border: 2px solid #f38200;
	font-size: 1.4em;
	line-height: 1em;
	color: #f38200;
	}	
a.success:hover, input.success:hover {
	background-color: #f38200;
	color:  #ffffff;
	-moz-transition: all 0.3s ease-in;   /* Mozilla */
    -webkit-transition: all 0.3s ease-in;    /* WebKit */
    -o-transition: all 0.3s ease-in;    /* Opera */
    transition: all 0.3s ease-in; 	/* Standard */
    text-decoration:none;
	}	
a.success-small, input.success-small {
	width:  280px;
	margin: 20px 0;
	font-size: 1.2em;
	border: 1px solid #ffffff;
	color: #ffffff;
	}
a.success-small:hover, input.success-small:hover {
	-moz-transition: all 0.3s ease-in;   /* Mozilla */
    -webkit-transition: all 0.3s ease-in;    /* WebKit */
    -o-transition: all 0.3s ease-in;    /* Opera */
    transition: all 0.3s ease-in; 	/* Standard */
    text-decoration:none}

.btn-green {background-color: transparent;color: #ffffff;}
.btn-green:hover {background-color: #ffffff;color:#62ac2c;}

.btn-orange {background-color: transparent;color: #ffffff;}
.btn-orange:hover {background-color: #ffffff;color:#f38200;}

.btn-blue {background-color: transparent;color: #2980b9;}
.btn-blue:hover {background-color: #2980b9;color:#ffffff;}

.btn-blue2 {background-color: transparent;color: #ffffff;}
.btn-blue2:hover {background-color: #ffffff;color:#2980b9;}

#content {padding-top: 100px;}
#content a.modal img {width: 100%; height: auto; border: 1px solid #efefef; padding: 0;}
.about a.modal img { -webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;}
#content .item-page .pull-right {width:50%; margin: 0 0 20px 2%;}
#content .item-page .pull-left {width: 45%; margin: 0 2% 20px 0;}
#content .item-page dd {color: #999;}
#content div[class*='leading'] {
	clear: both;
	margin-bottom: 50px;
}
.projectlink {
	position: relative;
	bottom: 0;
	right: 0;
}
#service-left, #service-right {margin-top: 100px;}
#service-left h3, #service-right h3{margin-bottom: 0px;}
#service-left h4, #service-right h4{margin-top: 0px;margin-bottom: 20px;}


.service-box-v1 p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #f1efe7;
}

	
	
/* Pfeile nach Contentabschnitt 
**************************************/

.wrapper .arrow,
.wrapper .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.wrapper .arrow {
  border-width: 60px;
  z-index: 999;
}
.wrapper .arrow:after {
  border-width: 59px;
  content: "";
}

/* A D M I N 
**************************************/
.view-login {
    background-color: #f38200 !important;
    padding-top: 0;
}

/* Banner / Color: none
****************************/

#banner-inner {margin-top:  250px;  margin-bottom:  100px;}
#banner-inner h1 {}
#banner-inner h2 {font-family: 'Sunshine In My Soul';color:  #f38200;font-weight: normal;font-size:  34px;}
#banner-inner li {font-size: 1.2em;line-height: 1.5em; color: #f38200; margin-bottom: .6em;}


.wrapper.banner {
	background: #bafdf6 url(../images/bg_banner1.jpg) 50% 0 no-repeat fixed;
	width: 100%;
	height: auto;
	margin-top: -20px;
}
.wrapper.banner .arrow {
  bottom: -60px;
  left: 50%;
  margin-left: -60px;
  border-bottom-width: 0;
  border-top-color: transparent;
  border-top-color: rgba(0,0,0,.0);
}
.wrapper.banner .arrow:after {
  bottom: 1px;
  margin-left: -59px;
  border-bottom-width: 0;
  border-top-color: transparent;
}

/* Service / Color: #f38200
****************************/

.wrapper.service {
	position: relative;
	background: #f38200 url(../images/bg_service2.png) no-repeat 48% 68%;
	display: block;
	width: 100%;
	height: 710px;
	color: #ffffff;
}
.wrapper.service .arrow {
  bottom: -60px;
  left: 50%;
  margin-left: -60px;
  border-bottom-width: 0;
  border-top-color: #f38200;
  border-top-color: rgb(243,130,0);
}
.wrapper.service .arrow:after {
  bottom: 1px;
  margin-left: -59px;
  border-bottom-width: 0;
  border-top-color: #f38200;
}

#service-header {margin-top: 110px; color: #ffffff; }
#service-header h3 { font-family: 'Return-To-Sender';font-size:  60px;line-height: 1em;font-weight: lighter;
}

/* Projekte / Color: #c2c1c0
******************************/

.wrapper.projects {
	position: relative;
	background: url(../images/bg_projects.jpg) #c2c1c0;
	display: block;
	width: 100%;
	color: #333333;
	padding: 60px 0;
}
.wrapper.projects .arrow {
  bottom: -60px;
  left: 30%;
  margin-left: -60px;
  border-bottom-width: 0;
  border-top-color: #c2c1c0;
  border-top-color: rgb(194,193,192);
}
.wrapper.projects .arrow:after {
  bottom: 1px;
  margin-left: -59px;
  border-bottom-width: 0;
  border-top-color: #c2c1c0;
}

#projects-header {margin-top: 50px; color: #333333;}
#projects-header h2 { text-align:center;}
h2.pro-content {   margin-top: 100px; }	
#projects-inner {margin: 60px 0;}
#projects-inner ul {list-style-type:none;margin: 0!important;}
#projects-inner ul a {display: block;float: left;width: 25%;height: 225px;margin-right:0; overflow: hidden;
}
#projects-inner ul a:last-child {margin-right:0;}
#projects-inner ul a:hover {text-decoration:none !important;}
#projects-inner ul a li {
	position: relative;top: 0;left: 0;
	background: #ffffff;
	padding: 0; 
	width: 100%;
	height: 225px;
	overflow: hidden;
	}
#projects-inner ul a div.mask {
	opacity: 0; 
	position: relative;
	top: 0;
	left: 0;
	background: transparent;	
	z-index: 5;
	overflow: hidden;
	width: 0;
	height: 0;
	transition: background .3s ease-out; /* explorer 10 */
    -webkit-transition: background .3s ease-out; /* chrome & safari */
    -moz-transition: background .3s ease-out; /* firefox */
    -o-transition: background .3s ease-out; /* opera */
    cursor: pointer;
    }
#projects-inner ul a:hover div.mask {
	opacity: .9; 
	background:#f38200 /*url(../images/bg_mask.png) no-repeat 50% 50%*/; 
	width: 100%;
	height: 225px;
	z-index: 5;
}
#projects-inner ul a:hover div.mask h3 {
	font-size: 24px;
	line-height:1.2em;
	color: #fff;
	margin: 35% auto 0;
	text-align: center;
}

#projects-inner ul a:hover li {position: relative;top: -225px;left: 0;z-index: 4;overflow: hidden;text-decoration:none;}
#projects-inner ul a li img {height:100%; width:auto;border: 0;margin-bottom: 0;}
	
	
/* News / Color: #ff9900
******************************/

.wrapper.news {
	position: relative;
	background: url(../images/bg_news.jpg) #f3f4f2;
	display: block;
	width: 100%;
	color: #ff9900;
	padding: 190px 0 130px;
}

ul.news li:first-child {border-right: 1px solid #ff9900;}

.my-mod-articles-category-date {display: block;width: 65px; color:#ff9900; float:left; text-align: center;text-shadow:0px 1px #fff;
}
.my-mod-articles-category-date p:first-line { font-weight: bold;font-size: 46px;line-height: 46px;}	
.my-mod-articles-category-date p { font-size: 18px;text-shadow:0px 1px #fff;}

.my-mod-articles-category-content {display: block;width: 300px; margin-left: 15px; float:left; text-shadow:0px 1px #fff;}
.my-mod-articles-category-content>a.mod-articles-category-title {text-transform: uppercase;font-weight: 400;}
.my-mod-articles-category-content p {margin-bottom: 0;}
.mod-articles-category-introtext {color: #303030;text-shadow:0px 1px #fff;
}


/* Main / Color: #62ac2c
******************************/

main {margin: 60px 0;}

.wrapper.main {
	position: relative;
	background: #62ac2c url(../images/bg_main.png) no-repeat left;
	display: block;
	width: 100%;
	color: #fff;
/*	padding: 190px 0 130px;*/
}
.wrapper.main .arrow {
  bottom: -60px;
  left: 50%;
  margin-left: -60px;
  border-bottom-width: 0;
  border-top-color: #62ac2c;
  border-top-color: rgb(98,174,44);
}
.wrapper.main .arrow:after {
  bottom: 1px;
  margin-left: -59px;
  border-bottom-width: 0;
  border-top-color: #62ac2c;
}

.wrapper.main h2 a {color: #fff}


/* Kontakt Footer / Color: #2980b9
***********************************/

footer {
	  position: relative;
	  background: url(../images/bg_kontakt.png) right top no-repeat #2980b9;
	  background-size: auto 100%;
	  display: block;
	  width: 100%;
	  color: #fff;
	  padding: 120px 0 60px;
  }

footer form h2 {color: #fff;}
footer a, footer a:hover {color: #fff;}
.contact {background-color: #2980b9; color: #fff;}
.contact-form {margin: 0; padding-top: 10px;
}
.contact-form h2 {margin: 0 0 10px;}
.my-form-container {float: left; width: 270px;}
.my-form-container-s {float: left; width: 270px; margin-left: 270px;
}
.my-form-container .control-group, .my-form-container-s .control-group {margin-bottom: 15px;}
.my-form-container-s .form-actions {padding:0; margin: 0 0 20px;background-color: transparent; border-top: none; }
div.myadress {margin: 40px 0; }
a.googlemap {
	display: block;
	width: 100%;
	height: 400px;
}

/* FORMULAR 
***********************************/

body.contentpane {
	background-color: #2980b9;}
body.contentpane div.alert {
    padding: 0 35px 10px 0;
    margin-bottom: 20px;
    text-shadow: none;
    color: #fff;
    background-color: #2980b9;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;}
body.contentpane div.alert h4 {color: #fff;}
input#jform_contact_name, input#jform_contact_email, textarea#jform_contact_message {
	width: 238px;
	background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    vertical-align: middle;
}
input#jform_contact_name, input#jform_contact_email {
	font-size: 1.2em;
	height: 30px;
}
textarea#jform_contact_message {height: 120px;
}
button.kontakt {
    display: block;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    padding: 12px;
    width: 250px;
    margin: 0;
    font-size: 1.2em;
    font-weight: 200;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 0px;
    background-image: none;
}
button.kontakt:hover {
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-decoration: none;
    background-color: #ffffff;
    color: #2980b9;
}



/* Kommentare 
***********************************/


#section-kmt #kmt-fame {
  border: 0;
  padding: 0;
  margin: 0 0 30px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#section-kmt .kmt-login {
  border: 0;
  padding: 0;
  position: relative;
  margin: 15px 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#section-kmt h3.kmt-title {
  background: none;
  margin: 0 0 20px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  font-size: 24.5px;
  text-transform: uppercase;
  text-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

@media (min-width: 1200px) { /* Large desktop */

}

@media (max-width: 1024px) { /* Tablet to desktop  */
	span.site-title {
	  font-size: 32px;
	}
	h1>span, .site-sub-title {
	  font-family: 'Sunshine In My Soul';
	  font-weight: normal;
	  font-size: 18px;
	}
}

@media (max-width: 979px) { /* Large devices */

	#banner-inner {
	  margin-top: 80px;
	  margin-bottom: 100px;
	}
	#banner-inner .offset2 {
	  margin-left: 0;
	}
	.navbar .brand {
	  padding-left: 10px;
	  padding-right: 10px;
	  margin: 0 0 0 5px;
	}
	span.site-title {
		font-size: 34px;
	}
	h1>span, .site-sub-title {
	  font-size: 20px;
    }
    h1 {
		font-size: 46px;
	}
	#google-map {display: none;	}
}

@media (max-width: 768px) { /* Small devices */
	h1 {
	  font-size: 46px;
	}
	h2, h2.title {
	  font-size: 48px;
	}
	#content .item-page .pull-left, #content .item-page .pull-right {
		float: none;
		width: 100%;
	}
    #banner-inner h2 {
	  font-size: 24px;
	}
	#banner-inner ul {
	  width: 80%;
	}
	.wrapper.service {
	  background: #f38200;
	  height: auto;
	  padding-top: 50px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	#service-header {
	  margin-top: 0;
	}
	#service-left, #service-right {
	  margin: 20px 0 50px;
	}
	.arrow {
  	  display: none;
	}
	.wrapper.service .arrow, .wrapper.projects .arrow, .wrapper.news .arrow, .wrapper.main .arrow {
  	  display: none;
	}
	.wrapper.projects {
	  position: relative;
	  background: url(../images/bg_projects.jpg) #c2c1c0;
	  padding: 50px 0;
	}
	#projects-header {
	  margin-top: 0;
	}
	#projects-inner ul a {
	  width: 50%;
	  height: auto;
	}
	#projects-inner ul a div.mask {
	  display: none;
	}
	.wrapper.news {
	  background: url(../images/bg_news.jpg) #f3f4f2;
	  padding: 50px 0;
	}	
	.wrapper.main {
	  background: #62ac2c;
	}
	.wrapper.main #content {
	  padding-top: 50px;
	}
	.wrapper.main #content p {
	  width: 90%;
	}
	#content div[class*='leading'] {
	  clear: both;
	  margin-bottom: 25px;
	}
	.my-mod-articles-category-content {
	  width: 70%;
	}
	.news .my-mod-articles-category-content {
		margin-bottom: 30px;
	}
	.my-mod-articles-category-date {
	  width: auto;
	}
	#projects-inner ul a li img {
	  height: 100%;
	  width: 100%;
	  border: 0;
	  margin-bottom: 0;
	}
	#bottom-left h2 {
	  margin-left: 25px;
	}
	#content {
	  padding: 0 20px;
	}
	#content .item-page .pull-left {
	  width: 100%;
	  margin: 0 0 20px;
	}
	h2.pro-content {
 	 margin-top: 0;
	}
	footer {
	  background: #2980b9;
	  padding: 50px 0;
	}
}
@media only screen and (min-width: 768px) {
	.shariff .orientation-horizontal li {
	    min-width: 110px;
	    max-width: 180px !important;
	}
}
@media (max-width: 480px) { /* Landscape phones and down */
	.wrapper.banner {
	  background: #bafdf6 url(../images/bg_banner1.jpg) 80% 0 no-repeat fixed;
	  background-size: auto auto;
	}
	.wrapper.banner, .wrapper.service, .wrapper.projects {
	  width: auto;		
	}
	#projects-inner ul a {
	  width: 25%;
	  height: auto;
	  margin-right: 0;
	  overflow: hidden;
	}
	#projects-inner ul a li {
	  height: auto;
	  overflow: hidden;
	}	
	#projects-inner p {
		margin-bottom: 0;
	}
	a.success, a.success-small, input.success {
	  width: auto;
	}	
	span.site-title {
		font-size: 24px;
	}
	h1>span, .site-sub-title {
	  font-size: 18px;
    }
	.navbar .btn, .navbar .btn-group {
	  margin: 10px 25px 10px 0;
	}
	.my-form-container {float: left; width: 270px;}
	.my-form-container-s {float: left; width: 270px; margin-left: 0;}
}

.shariff {
clear: both; margin-top: 30px;
}

/* PricePlan 
***********************************/

@media screen and (min-width: 1025px) {

#pricePlans {
    margin: 3em auto;
}	
#pricePlans #plans .plan {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    max-width: 650px!important;
}

}
#pricePlans #plans .plan { 
/*	width:45%!important;
	margin: 0 5% 20px 0!important; */
	}
.planContainer.bestPlan .price p, .planContainer .price p {
    background: #F38200;
    color: #FFFFFF;
    text-align: center!important;
}
.planContainer .options li {
    font-size: 14px;
    line-height: 2em!important;
}