@charset "UTF-8";

@font-face {
    font-family: 'jenson_recutregular';
    src: url('../fonts/JensonRecut-Regular-webfont.eot');
    src: url('../fonts/JensonRecut-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/JensonRecut-Regular-webfont.woff2') format('woff2'),
         url('../fonts/JensonRecut-Regular-webfont.woff') format('woff'),
         url('../fonts/JensonRecut-Regular-webfont.ttf') format('truetype'),
         url('../fonts/JensonRecut-Regular-webfont.svg#jenson_recutregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*******************************/
/*********** GENERAL ***********/
/*******************************/

body {
	color: rgba(129,133,144,1);
	background: rgba(255,255,255,1);
	font-family: 'jenson_recutregular', Baskerville, Palatino Linotype, Palatino, Century Schoolbook L, Times New Roman, serif;
	text-align: center;
	position: relative;
	/*-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
	-webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
	-webkit-text-size-adjust: 100%;
}

::selection {color: rgba(255,255,255,1); background: rgba(129,133,144,1); text-shadow: none;}
::-moz-selection {color: rgba(255,255,255,1); background: rgba(129,133,144,1); text-shadow: none;}
::-webkit-selection {color: rgba(255,255,255,1); background: rgba(129,133,144,1); text-shadow: none;}
:focus, :active { outline: 0!important; }
/*****************************************/
/*********** BILDER RESPONSIVE ***********/
/*****************************************/

img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
	img.portImgGridImage {
		margin: 0 0 20px 0;
	}

/*****************************/
/*********** LINKS ***********/
/*****************************/

section a, section a:link, section a:visited,
footer a, footer a:link, footer a:visited{
	color: rgba(129,133,144,1);
	border-bottom: rgba(129,133,144,1) 1px solid;
	-moz-transition: border .2s;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
	text-decoration: none;
}
a:hover, a:active, header a#toggle.opened, a#toggle-2.opened, a.active {
	border-bottom: rgba(0,42,67,1) 1px solid;
}
header a.logo-link h1 {
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
	color: rgba(75,79,68,1);
}
header a.logo-link:hover h1 {
	color: rgba(0,174,190,1);
}

/**********************************/
/*********** TYPOGRAPHY ***********/
/**********************************/

h1 { font-size: 36px; line-height: 32px; color: rgba(0,42,67,1); text-transform:uppercase;}
h2 { font-size: 26px; line-height: 36px; color: rgba(0,42,67,1); text-align: left;}
h3 { font-size: 26px; line-height: 36px; color: rgba(0,42,67,1); text-align: left;}
h4 { font-size: 26px; line-height: 36px; color: rgba(0,42,67,1); text-align: left;}
h5 { font-size: 24px; line-height: 26px; }
h5 { font-size: 24px; line-height: 26px; color: rgba(0,42,67,1); }
h6 { font-size: 24px; line-height: 26px; color: rgba(0,42,67,1); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0px;
	font-weight:  normal;
}
@media (min-width: 768px) {
}

@media (min-width: 992px) {
	h2, h3, h4 {text-align: right}
}

h1, h5, h6 {
   font-size: 2.375em;
   line-height: 2em;
   /*margin-bottom: 22px;*/
}
h1 +p.big {
	margin-top: -11px;
}
h2, h3, h4 {
   font-size: 1.75em; 
   line-height: 2em; 
   margin-bottom: 11px;
}

p {
	font-size: 1.5em;
	line-height: 1.875em;
	color: rgba(129,133,144,1);
	margin: 0 0 11px 0;
}
p.intro {font-size: 1.5em; line-height: 1.5em; color: #fff}
@media (min-width: 768px){	
	p.intro {font-size: 2.375em; line-height: 1.5em;}
}
nav a {font-size: 1.3em;}
p.big {font-size: 1.75em; line-height: 2em; margin-bottom: 11px;}
span.big {font-size: 1.75em;}
p.blau, span.blau {color: rgba(0,42,67,1);}
p.rechts {text-align: left;}
@media (min-width: 922px){	
	p.rechts {text-align: right;}
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 1.3em;
}
section li{
	display: list-item;
	font-size: 1.5em;
    line-height: 1.875em;
}
#datenschutz li {
	font-size: 1.5em!important;
    line-height: 1.5em;
    color: rgba(129,133,144,1);
    margin: 0 0 11px 0;
}




/**************************************/
/*********** GRID AND WRAPS ***********/
/**************************************/
.container {
	text-align: left;
}
section {
	margin-top: 50px;		
}
.rowSpacer {
	margin-top: 40px;
}
@media (min-width: 768px){
	
	.rowSpacer {
	margin-top: 50px;
}
}
/******************************/
/*********** SCROLL ***********/
/******************************/
.hideme {
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
  -webkit-transform: translateY(150px);
  -webkit-animation: come-in 0.8s ease forwards;
  -moz-transform: translateY(150px);
  -moz-animation: come-in 0.8s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; 
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
}
.come-out {
  transform: translateY(-150px);
  animation: come-in 0.8s ease forwards;
  -webkit-transform: translateY(-150px);
  -webkit-animation: come-in 0.8s ease forwards;
  -moz-transform: translateY(-150px);
  -moz-animation: come-in 0.8s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.come-out:nth-child(odd) {
  animation-duration: 0.6s; 
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
}


@keyframes come-in {
  to { transform: translateY(0); 
  }
}
@-webkit-keyframes come-in {
  to {  -webkit-transform: translateY(0);    
  }
}
@-moz-keyframes come-in {
  to {  -moz-transform: translateY(0);    
  }
}

@-o-keyframes come-in {
	to {  -moz-transform: translateY(0);    
  }
}



@keyframes come-out {
  to { transform: translateY(0); 
  }
}
@-webkit-keyframes come-out {
  to {  -webkit-transform: translateY(0);    
  }
}
@-moz-keyframes come-out {
  to {  -moz-transform: translateY(0);    
  }
}

@-o-keyframes come-out {
	to {  -moz-transform: translateY(0);    
  }
}



/******************************/
/*********** HEADER ***********/
/******************************/

.navbar-brand {
	background: url(../img/mrs-consulting-logo.png) no-repeat;
	background-size: auto;
	display: block;
	width: 220px;
	height: 20px;
	background-size: 90%;
	text-indent: -9999px;
	margin-top:  20px;
	-webkit-transition:margin 400ms ease-out;
	-moz-transition:margin 400ms ease-out;
	-o-transition:margin 400ms ease-out;
	transition:margin 400ms ease-out;
	transition: margin 400ms ease-out;
}
@media (min-width: 768px){
	.navbar-brand {
		background: url(../img/mrs-consulting-logo.png) 20px 0px no-repeat;
		width: 220px;
	    height: 25px;
		background-size: 92%;
		margin-top:  40px;
	}	
}
@media (min-width: 992px){
	.navbar-brand {
		background: url(../img/mrs-consulting-logo.png) 20px 0px no-repeat;
		width: 255px;
		height: 20px;
		background-size: 90%;
	}
	
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar-collapse {
    border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
}
.navbar-nav>li>a {
	margin-top: 0px;
	margin-right: 0px;
    padding: 10px 15px;
	background-color: rgba(0,42,67,0.95);
	-webkit-transition:margin 400ms ease-out;
	-moz-transition:margin 400ms ease-out;
	-o-transition:margin 400ms ease-out;
	transition:margin 400ms ease-out;
	transition: margin 400ms ease-out;
}
.navbar.opaque li a {
	background-color: transparent;
	
}
@media (min-width: 768px) {
	.navbar-nav>li>a {
		margin-top: 32px;
	    margin-right: 0px;
	    padding: 9px 0px 9px 18px;
		background-color: transparent;
	}
}
@media (min-width: 992px) {
	.navbar-nav>li>a {
		margin-right: 10px;
		padding: 10px 7px;
	}
}
@media (min-width: 1200px) { 
	.navbar-nav>li>a {
		margin-right: 30px;
		padding: 10px 9px;
	}

}
	
.opaque .navbar-nav>li>a{
	margin-top: 0px;
	-webkit-transition:margin 400ms ease-out;
	-moz-transition:margin 400ms ease-out;
	-o-transition:margin 400ms ease-out;
	transition:margin 400ms ease-out;
	transition: margin 400ms ease-out;
}
@media (min-width: 768px){
.opaque .navbar-nav>li>a{
	margin-top: 9px;
}	
}
.opaque .navbar-brand {
	margin-top: 22px;
	-webkit-transition:margin 400ms ease-out;
	-moz-transition:margin 400ms ease-out;
	-o-transition:margin 400ms ease-out;
	transition:margin 400ms ease-out;
	transition: margin 400ms ease-out;
}
.navbar-inverse {
    background-color: #002a43;
    border-color: transparent;
}
.navbar-fixed-top { 
	background-color: rgba(0,42,67,0);
	-webkit-transition:background-color 400ms ease-out;
	-moz-transition:background-color 400ms ease-out;
	-o-transition:background-color 400ms ease-out;
	transition:background-color 400ms ease-out;
}
.navbar-fixed-top.opaque { 
	background-color: rgba(0,42,67,0.95);
	-webkit-transition:background-color 400ms ease-out;
	-moz-transition:background-color 400ms ease-out;
	-o-transition:background-color 400ms ease-out;
	transition:background-color 400ms ease-out;
}
.navbar-inverse.opaque .navbar-nav>.active>a, .navbar-inverse.opaque .navbar-nav>.active>a:hover, .navbar-inverse.opaque .navbar-nav>.active>a:focus, .navbar-inverse.opaque .navbar-nav>li>a:focus, .navbar-inverse.opaque .navbar-nav>li>a:hover {
	color: #fff;
    background: none;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
background-color: rgba(0,42,67,0.95);
}
@media (min-width: 768px){
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background: none;
}
	}


.sprachenwechsler {
	position: relative;
    right: 42px;
	text-align: right;
	display: block;
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}

@media screen and (min-width: 768px) {
	.sprachenwechsler {
	 right: 14px;
	}
}
@media screen and (min-width: 992px) {
	.sprachenwechsler {
	 right: 48px;
	}
}
@media screen and (min-width: 1200px) {
.sprachenwechsler {
    right: 65px;
	
}
}
.sprachenwechsler.opaque{
	display: none;
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
.sprachenwechsler a {
	    color: #9d9d9d;
}
.sprachenwechsler a:hover {
	    color: #fff;
}

/***********************************/
/************ NAV TOGGLe ***********/
/**********************************/	

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 0px;
}




/***********************************/
/************** INTRO *************/
/**********************************/

#intro {
    background: url(../img/mrs-consulting-intro.jpg) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 25vh 0;
}
@media (min-width: 768px){	
	#intro {
		padding: 35vh 0;
	}
}
.signet {
	position:  relative;
	top: 20vh;
}
@media (min-width: 768px){	
	.signet {
	top: 30vh;
}
}
.signet img, footer img {
	width:  120px;
	height: 47px;
}

/**********************************/
/********* MRS CONSULTING *********/
/**********************************/
#mrs {
    padding: 40px 0;
}

.linie {
	position: relative;
  	width: 0px;
  	height: 50px;
	left: 80px;
}
@media (min-width: 768px){	
	.linie {
	left: 0px;
}
}
@media (min-width: 992px){	
	.linie {
	left: 0px;
}
}

.progressbar {
	position: absolute;
	z-index:0;
	border-left:2px solid rgb(177, 179, 185);
	width:0px;
	height:100%;
}

.linieTop {
	bottom: -2px;
	margin-top: 22px;
}
.linieBottom {
	top: -2px;
	margin-bottom: 44px;
}
.diamond {
 	width: 160px;
 	height: 70px;
 	position: relative;
 	left: 0px;
}
@media (min-width: 768px){	
	.diamond {
 	position: relative;
 	left: -16px;
}
}

@media (min-width: 922px){	
	.diamond {
 	position: relative;
 	left: 2px;
}
}
@media (min-width: 1200px){	
	.diamond {
 	position: relative;
 	left: 18px;
}
}
.diamond p {
	position:  absolute;
	left: 43%;
	top: 22%;
	font-size: 1.75em;
}
.diamond.fade {
	animation-name: fade;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	opacity:0;

}
@keyframes fade {
	0% {
		opacity:0;
  	}
	100% {
		opacity:1;
	}
}

/**********************************/
/*********** REFERENZEN ***********/
/**********************************/

#referenzen ul {
	padding-left: 0px;
}
.refList li {
	width: 130px;
	height: 70px;
	float: left;
	list-style: none;
	margin-right:1px;
	margin-bottom: 1px;
	position: relative;
}
.map {
	background: url(../img/worldmap.png) no-repeat;
	background-size: cover;
	padding: 0;
}

/**********************************/
/************ Kontakt *************/
/**********************************/

#kontakt {
    background: url(../img/mrs-consulting-extro.jpg) no-repeat;
	background-size: cover;
}

.btn-primary {
    color: #fff;
    background-color: rgb(0,42,67);
    border-color: rgb(0,42,67);
}
.btn {
	margin-top:  20px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 15px 40px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-box-shadow: 10px 10px 40px 0px rgba(129,133,144,0.7);
    -moz-box-shadow: 10px 10px 40px 0px rgba(129,133,144,0.7);
	-ms-box-shadow: 10px 10px 40px 0px rgba(129,133,144,0.7);
    box-shadow: 10px 10px 40px 0px rgba(129,133,144,0.7);
	-moz-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}


.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus {
    color: #fff;
    background-color: rgb(0,42,67);
	border: 2px solid #fff;
    border-color: rgb(0,42,67);-moz-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: rgb(0,42,67);
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color: rgb(0,42,67);
    border-color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: rgb(0,42,67);
    border-color: #fff;
}
.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn:hover, .btn:focus, .btn.focus {
   color: #fff;
    background-color: rgb(0,42,67);
    border-color: #fff;
}

/**********************************/
/************* FOOTER *************/
/**********************************/

footer p {
	font-size: 1.2em;
	padding-top: 0.8em;
}
footer {
	padding-bottom: 50px;
}