/* --------------------------------------
=========================================
COLOR : GREEN 

MAIN COLOR CODE: #e6303d

DEEP COLOR CODE: #01995c
=========================================
----------------------------------------- */
.colored-line {
  background: #e6303d;
}
.colored-text {
  color: #e6303d !important;
}
.color-bg {
  background: #e6303d;
}
a {
  color: #e6303d;
}
.non-sticky .navbar-nav > li > a:hover {
  color: #e6303d;
}
.standard-button {
  background: #e6303d;
  color: #ffffff;
}
.standard-button:hover {
  color: #ffffff;
  background: #01995c;
}
.secondary-button:hover {
  color: #e6303d;
  border-color: #e6303d;
}
.sticky-navigation .main-navigation .current a {
  color: #e6303d !important;
}
.sticky-navigation .navbar-nav > li > a:hover {
  color: #e6303d;
}
.feature-list-1 li .icon-container {
  background: #e6303d;
}
.feature-list-2 li .icon-container {
  background: #e6303d;
}
.feature .icon {
  color: #e6303d;
}
.vertical-registration-form .input-box {
  border-top: 1px solid rgba(0, 171, 102, 0.4);
  border-bottom: 1px solid rgba(0, 171, 102, 0.4);
  border-right: 1px solid rgba(0, 171, 102, 0.4);
  border-left: 3px solid #e6303d;
}
.vertical-registration-form .input-box:focus,
.vertical-registration-form .input-box:active {
  border-color: #e6303d;
}
.subscription-form .input-box:focus,
.subscription-form .input-box:active {
  border-left: 3px solid #e6303d !important;
}
.input-box:active,
.textarea-box:active,
.input-box:focus,
.textarea-box:focus {
  border-left: 3px solid #e6303d !important;
}
.screenshots .owl-theme .owl-controls .owl-page span {
  background: #e6303d;
}
.contact-link {
  color: #e6303d;
}
.contact-link:hover {
  color: #01995c;
}
.social-icons li a:hover {
  color: #e6303d;
}



.intro-section h1, .intro-section p {
	text-shadow: 0 0px 20px rgba(0,0,0,0.5);
}

.color-overlay {
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0
}

.footer-logo {
	max-width:320px;
}

.home-screenshot img {
	border-radius:5px;
	box-shadow: 10px 0 10px rgba(0,0,0,0.3);
}

.navigation-header {
	padding-top:0;
}

.sticky-navigation {
	min-height:100px;
}


.navbar-header img {
    max-height: 86px;
}

.navbar-brand {
	padding:5px;
}



/*========================================
   medienmaler.de             
==========================================*/
body {font-size:20px;line-height:150%;font-family:Arial, sans-serif !important;}
h1 {font-size:2.8rem}
h2 {font-size:2.8rem;font-weight:bold;text-transform:uppercase;}
h3, h4, h5, h6 {font-size:1.5rem; }
.clear {clear:both;}


.green {background-color:#e6303d;color:#fff}
.grey {background-color:#e6303d;}
.standard-button {font-family:Arial, sans-serif;}
.standard-button:hover {background:grey;}
.contact-link:hover, a:hover {color:grey;text-decoration:none;}

.navbar-brand img, .footer-logo img {width:320px;}
.navbar-collapse {border-top:0}
.sticky-navigation .main-navigation {padding-top:0}
.navigation-header {height:100px;}.navbar-nav {height:100px;padding:0} .navbar-nav li a {height:100px;line-height:100px;padding-top:0}

.green h2, .green h6 {color:#fff}
/*.green h2 {color:grey}*/

.feature-list-2 li .details {width:80%;}
i {font-size:40px;color:grey;margin-right:15px;}
.feature i {color:#e6303d; margin:0 auto;}

.brief i {float:left;}
.brief .colored-line {background:#fff;}
.colored-line {visibility:hidden;}

.bgcolor-2 {/*background:#eee*/}

.medienmaler {background:#333;padding:20px 0;}


/* RECHT */
#recht .section2, #recht .contact-us {background:rgba(255,255,255,.8)}
/*#recht .section2 {margin-top:50px}*/
#recht .navbar, #recht .navigation-header {padding-bottom:0;margin-bottom:0}
#recht h1 {font-weight:bold;text-transform:uppercase;}
#recht h2 {font-size:2rem;margin-top:50px;}
#recht .col-md-6 {width:100%;}

 #section1, #section2{padding-top:130px;}

/* RESPONSIVE */
 @media all and (max-width: 991px) {
 .brief i {float:none;}
 .navbar-brand {margin-left:10px;}
 }
 
 
 @media all and (max-width: 768px) {
 /* BUTTON */
.menu {z-index:9999;position:absolute; top:30px;right:10px;display:block;width:40px; height:40px;background:url(../images/menu.svg);background-size:40px auto;cursor:pointer}
/*.nav {background:#fff;}*/
.navbar-collapse {max-height:initial;margin-top:20px;}
.nav li {width:100%}
.navbar-nav li a {width:100%;display:block;}
 .menue {height:auto;}
 .navbar-nav {height:auto;}
 #section1, #section2{padding-top:150px;}
 }