@charset "UTF-8";

/* ==========================================================================
   OBC fonts
   ========================================================================== */
@font-face {
    font-family: "OttoSans";
    src: url('../fonts/otto-sans.ttf');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'OttoSans';
    src: url('../fonts/otto-sans-bold.woff') format('woff'),
    url('../fonts/otto-sans-bold.ttf') format('truetype');
    font-weight: bold; font-style: normal;
}

	strong	{ font-weight: bold; font-style: normal; }

@font-face {
    font-family: "OttoSansThin";
    src: url('../fonts/otto-sans-thin.ttf');
}



/* ==========================================================================
   OBC layout basics
   ========================================================================== */
html, body			{ margin: 0 0 0 0; }
body				{ background-color: #f5f5f5; }

main										{ max-width: 1212px; padding: 0 72px 0 108px; }
main:before, main:after						{ content: " "; display: table; }
main:after									{ clear: both; }

nav,menu									{ position: absolute; z-index: 999; margin: -1px 0 0 0 }
menu										{ margin: 0; padding: 0; }

* {
	font-family: OTTOSans;
}

footer {
  margin-top: 6px;
  position: relative;
  transform: translate(-50%, 0%);
  left: 50%;
  width: 396px;
}

.kc_footer {
  font-size: 12px;
  line-height: 1.5;
  color: #777777;
  margin-top:24px;
}

.kc_footer--links {
  float:left;
	width: 100%;
	text-align: center;
}

.kc_footer--locale {
  float: right;
}


/* ==========================================================================
   OBC typography basics –– SB: Should be replaced by Pattern Library
   ========================================================================== */
body				{
						font-family: "OttoSans";
						font-size: 15px;
						line-height: 1.475em;
						color: #777;
					}
h1, h2, h3			{
					    color: #D4021D;
					    margin: .2em 0; padding: 0;
					    font-family: "OttoSansThin";
					    /*text-transform: uppercase;*/
					    line-height: 1.1;
					    font-weight: 300;
					}

h1					{ font-size: 24px; }
h2					{ font-size: 24px; }
h3					{ font-size: 18px; }

p					{ margin: 0 0 .5em 0; padding: 0; }
p.compact23			{ max-width: 72%; }


/* ==========================================================================
   OBC grid system –– SB: Should be replaced by Pattern Library
   ========================================================================== */
.container,
.inner										{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container									{
												width: 100%; float: left;
												margin: 12px 0 0 0; padding: 24px; background: #FFF;
												border: 1px solid #CCC;
												-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
											}

.container.semi								{ width: calc(50% - 12px); float: left; }
.container.third							{ width: calc(33.34% - 12px); float: left; }
.container.quart							{ width: calc(25% - 12px); float: left; }

.container.semi,
.container.third,
.container.quart							{ margin-right: 12px; }

.container.last								{ margin-right: 0; }

.container.title h1							{ max-width: 80%; margin: 0; padding: 0; }

.inner										{ display: block; width: 100%; position: relative; float: left; margin: 0 0 12px 0; background: none; }

.fl_left									{ float: left; }
.fl_right									{ float: right; }

/* ==========================================================================
   OBC fading containers
   ========================================================================== */
@keyframes fadeIn	{
						0% { opacity: 0; margin-top: 30px; }
						100% { opacity: 1; margin-top: 12px; }
					}

					.transitioner			{ opacity: 0; animation-duration: .5s; transition-timing-function: ease-in-out; animation-fill-mode: both; }
					.transitioner--fadein	{ animation-name: fadeIn; }

					.transitioner.step_1	{ animation-delay: .1s; }
					.transitioner.step_2	{ animation-delay: .2s; }
					.transitioner.step_3	{ animation-delay: .3s; }
					.transitioner.step_4	{ animation-delay: .4s; }
					.transitioner.step_5	{ animation-delay: .5s; }
					.transitioner.step_X	{ animation-delay: .8s; }

a					{ color: inherit; outline: 0; }

/* ==========================================================================
   OBC nested lists for imprint page –– SB: Should be replaced by Pattern Library
   ========================================================================== */
.nested ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

.nested ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

.nested ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

.nested li ol > li {
	margin: 0;
}

.nested li ol > li:before {
	content: counters(item, ".") " ";
}