/**************
Color scheme matrix architektur
**************/

/*für nav 
	color: rgba(47, 32, 34, 1); schwarzrot
	background:	rgba(67, 217, 184, 0.67); leuchtgrün

alte farben
rot rgb(172,18,30) ; #ac121e
dunkelgrün rgb(0,71,73)	; #004749
taubenblau rgb(82, 172, 184) ; #52acb8

*/
.ci-clr { color:#52acb8; } 
/*use this! */
.clr1 { color:#52acb8 !important; } 
.clr2 { color:#2f2022 !important; }

.navbar-transparent .navbar-brand { color: #fff; }
.navbar-transparent .navbar-brand:hover { color: #52acb8; }

/*		altes Logo:	*/
body > .navbar-collapse .nav > li > .navbar-brand { width: 50%; }
/*		altes Logo Farben:	*/
body > .navbar-collapse .nav > li > .navbar-brand svg .st0 { fill:#ac121e; }
body > .navbar-collapse .nav > li > .navbar-brand svg .st2, body > .navbar-collapse .nav > li > .navbar-brand svg .st5 { fill:#004749; }

/*.navbar-brand svg .st0 {fill:#ee0033;} */
.navbar-transparent .navbar-brand svg .st0 {fill:#fff;}
.navbar-transparent .navbar-brand svg .st5,
.navbar-transparent .navbar-brand svg .st2 {fill:#fff;}

.navbar-toggle .icon-bar {background-color:#52acb8;}

.signet svg {width: 90%; margin: 2em auto;}
.signet svg .st0 {fill: #fff;}
.signet svg .st2, .signet svg .st5 {fill: #52acb8; }


body > .navbar-collapse::after { background-color: #fff; }
body > .navbar-collapse .nav > li > a {	color: #004749; }
body > .navbar-collapse .nav > li > a:hover { color:#ac121e;}
body > .navbar-collapse .nav > li > a.active { color:#ac121e;}
body > .navbar-collapse .navbar-2nd > li a:hover, body > .navbar-collapse .navbar-2nd > li > a.active {color:#ac121e;}

.section-header h3 a:hover, 
.section-header h4 a:hover, 
.section-header h5 a:hover, 
.section-header p a:hover {color:#fff;background:#52acb8;}
.section .text-area a:hover {color:#fff;background:#52acb8;}
.footer a:hover {background-color: #52acb8;}

.project-content .icon-close:hover {color: #52acb8;}
.project-content.open {	border: 15px solid #52acb8; }
.card .icon {	color:#52acb8; }

.section-we-do-2 .icon,
.section-numbers-1 .number,
.section-numbers-2 .number { color: #52acb8; }
.section-with-hover .project .over-area.color-green {
	background: #52acb8; }

.section .text-area a:not(.btn) {
	background: rgba(82, 172, 184, 0.25); }

.project-content.open > div .project-details .project-text a {
	background: rgba(82, 172, 184, 0.25); }
.project-content.open > div .project-details .project-text a:hover {
	background: rgba(82, 172, 184, 1); }