@import url('semantic.min.css');

h1 {
	font-size: 7em;
}
h1 span 
{
	display: inline-block;
	margin-right: 10px;
	font-weight: 900;
}
h1 span:last-child {
	margin-right: 0;
}
#wrapper {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}
div#summary,
#steps > .step,
#fields > .field,
.ui.steps .step.ignore,
#steps > .step.ignore,
#steps > .step.completed.ignore,
#fields > .field.ignore,
#fields > .field.ignore.completed,
tr.val_kolben,
.ui.selection.dropdown .menu > .item:empty
{
	display: none;
}
#steps > .step
{
	height: 90px;
}
#fields > .field
{
	height: 85px;
	margin-bottom: 0;
}
#fields > .field > label
{
	margin-top: 5px
}
body, 
.ui.form .field>label, 
.ui.dropdown .menu>.item {
	color: #1d1d1b;
}
.ui.segment.artno
{
    display: block;
    padding: 0 15px;
    max-width: 640px;
}
.ui.segment.artno h1
{
	font-size: 5rem;
}
.ui.celled.table > thead > tr > th {
    background: rgb(0,45,92);
    font-size: 1.13em;
    color: #fff;
}
.ui.table>tbody>tr>td {
	vertical-align: top;
}



.ui.striped.table>tr:nth-child(2n), .ui.striped.table>tbody>tr:nth-child(2n)
{
	background-color: rgba(231, 234, 237, .85);
}
td.name, td.text
{
	color: rgb(0,45,92);
}
td.name
{
	font-weight: 500;
}
.ui.steps .step.active .title,
.ui.steps .step.active .description
{
	color: #fff;
}
.ui.steps .step i.icon.question {
	/*width: calc(100% - 3.18em - 1rem);*/
}
.ui.steps .step .content {
	width: calc(100% - 3.18em - 1rem);
}

.ui.steps .step.active:after,
.ui.steps .step.active {
	background: rgb(0,45,92);
	color: #fff;
}
.ui.steps .step.completed>.icon, 
.ui.ordered.steps .step.completed
{
	
}
h2.header.centered,
h3.header.centered 
{
	margin: 0 auto;
}
i.icon.question
{
	color: transparent !important;
	background: transparent url('img/questionmark.png') center center no-repeat !important;
	background-size: 35px !important;
}
.ui.steps .step.completed>i.icon:before, 
.ui.ordered.steps .step.completed:before
{
	color: transparent !important;
	background: transparent url('img/haken.svg') center center no-repeat !important;
	background-size: 30px !important;
}


#sample--images img
{
	max-width: 180px;
	margin: 0 auto; 
}
td.text,
td.name {
	font-size: 1.13em;
}
.ui.blue.button,
.ui.blue.button:hover
{
	background-color: rgb(0,45,92) !important;
}
.ui.steps .active.step i.icon
{
	color: #fff;
	/*rgba(0,45,92,.85)*/
}
.ui.dropdown .menu > .header:not(.ui) {
    font-size: .94em;
	color: rgb(0,45,92);
}
#steps > .step.active
{
	border-bottom-color: transparent;
}
#steps > .step.active,
#steps > .step.completed,
#fields > .field.active,
#fields > .field.completed
{
	display: inherit;
}
#fields > .field.active,
#fields > .field.completed
{
	margin-bottom: 0;
}
#steps.ui.steps
{
	margin-bottom: 30px;
}
#configurator
{
	margin-top: 0;
	margin-bottom: 0;
}
.ui.text.centered
{
	text-align: center;
	justify-content: center;
	margin: 0 auto;
}
.ui.text.align-center>.div
{
	text-align: left;
	justify-content: center;
	margin: 0 auto;
}

.pt-0 {padding-top: 0 !important;} 
.pt-1 {padding-top: 1em;}
.pt-2 {padding-top: 2em;}
.pt-3 {padding-top: 3em;}
.pt-4 {padding-top: 4em;}
.pb-0 {padding-bottom: 0 !important;} 

.pb-1 {padding-bottom: 1em;}
.pb-2 {padding-bottom: 2em;}
.pb-3 {padding-bottom: 3em;}
.pb-4 {padding-bottom: 4em;}

.py-0 {padding-top: 0 !important; padding-bottom: 0 !important} 
.py-1 {padding-top: 1em; padding-bottom: 1em;}
.py-2 {padding-top: 2em; padding-bottom: 2em;}
.py-3 {padding-top: 3em; padding-bottom: 3em;}
.py-4 {padding-top: 4em; padding-bottom: 4em;}

.pl-0 {padding-left: 0 !important}
.pl-1 {padding-left: 1em;}
.pl-2 {padding-left: 2em;}
.pl-3 {padding-left: 3em;}
.pl-4 {padding-left: 4em;}
.pr-0 {padding-right: 0 !important}
.pr-1 {padding-right: 1em;}
.pr-2 {padding-right: 2em;}
.pr-3 {padding-right: 3em;}
.pr-4 {padding-right: 4em;}

.px-0 {padding-left: 0 !important; padding-right: 0 !important}
.px-1 {padding-left: 1em; padding-right: 1em;}
.px-2 {padding-left: 2em; padding-right: 2em;}
.px-3 {padding-left: 3em; padding-right: 3em;}
.px-4 {padding-left: 4em; padding-right: 4em;}