@charset "UTF-8";

body
{
    background-color: rgba(255,255,255,.97);
    font-family: "Gotham XNarrow", "Avenir Next Condensed", sans-serif-condensed, "Arial Narrow", "Arial Nova", sans-serif;
}

body, p
{
    color: #1f1f1f;
}

p,
a,
#breadcrumbs a,
.wknPriceInfo,
.formInfo,
.orderProcessHeader p,
.formGroup a,
.formGroup label,
.formError,
#contentWrapper,
#contentWrapper input,
#contentWrapper select
{
    font: 16px/1.6em "Gotham XNarrow", "Avenir Next Condensed", sans-serif-condensed, "Arial Narrow", "Arial Nova", sans-serif;
}

h1, h2, h3,
#mainContent h1,
#mainContent .caption,
.alternativeTeaser, .alternativeTeaser p,
.shippingInfo,
#variant-modal-close span,
#header a,
#profile > h1.startPage,
.formGroup h2,
.footnote,
nav#progressNav ul li
{
    font-family: "Gotham", "Avenir Next", "Helvetica Neue", sans-serif-black, "Arial Narrow", "Arial Nova", sans-serif;
}

a
{
	color: #db0000;
}

h1, h2, h3
{
    color: #1f1f1f;
}

h2
{
    font-size: 24px;
    font-weight: 400;
}

#bildHeader
{
    height: 2.9375em;
    background-color: rgba(255,255,255,.97);
    z-index: 6502;
    width: 100%;
    text-align: center;
    transition: transform 500ms ease,-webkit-transform 500ms ease;
}

#tippsHeader
{
    width: 290px;
    height: 50px;
    margin: auto;
    display: flex;
    justify-content: center;
}

#tippsHeader img:first-child
{
	height: 50px;
}

.portal-steuertipps #header
{
    
    background-color: rgba(255,255,255,.97);
    background-image: none;
}

#header #site-navigation
{
	display: flex;
	justify-content: space-between;
	width: 1280px;
	margin: 0 auto;
}

#header #site-icons
{
	display:flex;
}

#header #site-navigation #service-by
{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    width: 90px;
}

#header #site-navigation #service-by > div
{
	font-size: 10px;
}

#header #site-navigation #service-by img
{
    background-color: #FFE115;
    padding: 5px 6px;
}

#header .navicon:hover,
#close-mobile-menu:hover,
.site-navigation-section ul.site-submenu li:hover
{
    background-color:   #db0000;
}

#header #logged-in div
{
	top: 0;
}

.site-navigation-section > ul > li
{
	position: relative;
}

#nav-shoppingcart .shoppingcart-amount
{
	border-color: #db0000;
    background-color: #db0000;
}

footer
{
    background-color: transparent;
    padding-left: 6px;
    padding-right: 6px;
    margin: 36px 0 0;
}

footer .nav-meta
{
    background-color: transparent;
    color: #454545;
    text-align: center;
    padding: 12px;
}

footer .nav-meta li
{
	display: inline;
	font-size: 1rem;
	font-family: "Gotham XNarrow","Avenir Next Condensed",sans-serif-condensed,"Arial Narrow","Arial Nova",sans-serif;
	font-weight: 400;
	border-right: 1px solid #d9d9d9;
	border-left: none;
}

footer .nav-meta li:last-child
{
    border-right: none;
}

footer .nav-meta li a
{
	color: inherit;
	display: inline-block;
	padding: 0 8px 0 4px;
	text-decoration: none;
    border-bottom: 0;
    font-size: 1rem;
    font-family: "Gotham XNarrow","Avenir Next Condensed",sans-serif-condensed,"Arial Narrow","Arial Nova",sans-serif;
    font-weight: 400;
}

footer .nav-meta li a:hover
{
	color: #db0000;
}

.miniportal-bildsteuer
{
    color: #000000;
}

.buttonDefault,
a.buttonDefault,
a.buttonDefault span,
.buttonDefault:hover,
a.buttonDefault:hover,
.buttonDefault a:hover,
.buttonAlternative,
.buttonAlternative:hover,
.buttonAlternative:active
{
    font-family: "Gotham XNarrow", "Avenir Next Condensed", sans-serif-condensed, "Arial Narrow", "Arial Nova", sans-serif;
    background-color: #d00;
    color: #FFF;
}


/* ----------- */
/* Kaufprozess */
/* ----------- */
nav#progressNav ul li.stepFinished
{
    background: url(/miniportal/bildsteuer/pictures/step-finished.png) no-repeat top left transparent;
}

#progressNav span,
nav#progressNav ul li div.step
{
	line-height: 1.3;
}

#scHeader div
{
	font-size: 14px;
	line-height: 1.4em;
}

.stepFinished a,
.stepFinished a span
{
	text-decoration: none;
	color: #db0000;
}

@media screen and (max-width: 1279px)
{
	#header #site-navigation
    {
        width: 100%;
	}
}

@media screen and (max-width: 400px)
{
	#bildHeader,
	#tippsHeader
	{
	   height: 100px;
	}
	
	#tippsHeader
	{
		flex-direction: column;
		width: auto;
	}

	#tippsHeader img:last-child
	{
	    padding: 0;
	}
}