@charset"UTF-8";

/*------------------------------------------------------------------
[Customlayout]

@license Copyright 2012-15 (c) RISE Ges.m.b.H.
 ____   ___  ____   _____
|  _ \  | | / ___| | ____|
| |_) | | | \___ \ |  _|
|  _ <  | |  ___) || |___
|_| \_\ |_| |____/ |_____|

RSL VNr.:       0.5.2.

Primary use:    Page Specific layout styles

Note:           THIS IS THE FILE FOR ALL PROJECT
                SPECIFIC LAYOUT CHANGES

                For branding changes edit "branding.css".

                For update and compatibility reasons try not
                to edit "basic.css" or "content.css".
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1.  Your project-specific selector / .your-selector
---------------------------------------------------------------------



/* [1. Your project-specific selector / .your-selector]
-------------------------------------------------------------------*/
.centered-page {
	width: 100%;
	max-width: 1160px;
    max-width: 55rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 1rem !important;
	padding-right: 1rem  !important;
}

#container.centered-page {
	padding-top: 3rem;
}

body {
	font-size: 62.5%;
	background: #ffffff;
}

section {
	margin-top: 5rem;
	padding-bottom: 4rem;
	font-size: 1rem;
	line-height: 2.1rem;
	/*height: 100vh;*/
	border-bottom: 1px solid #EE3D6B;
}

section p {
	font-size: 1rem;
	line-height: 2.1rem;	
}

section a:hover,
section a {
	display: inline;
}

.start-section,
section.start-section {
	margin-top: 1rem;
}

#footer ul {
	text-align: center;
	width: auto;
	margin-top: 2rem;
}

#footer ul > li {
	display: inline-block;
}

.branding img {
	max-width: 100%;
	width: 10rem;
}

.branding {
    margin-top: 2rem;
}

ul.list-bullet li:before {
    top: 0.8rem;
}

.nav > .nav-list > .nav-item > .nav-label,
.nav-item,
.nav-label,
.nav {
	background: #FBFBFB;
	color: rgb(38,38,38);
	font-size: 1rem;
}

.nav {
	position: fixed !important;
	top: 0;
	width: 100%;
	background: #FBFBFB;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}

.nav > .nav-list > .nav-item.current > .nav-label {
	background: #FBFBFB;
}

.nav > .nav-list > .nav-item.current > .nav-label {
	border-bottom: 3px solid #EE3D6B;
	font-weight: bold;
}

.nav > .nav-list > .nav-item > .nav-label:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}


/* place start-anchor on top of page*/
#start {
    position: absolute;
    top: -7rem;
}

.mobile-title {
	display: none;
	font-size: 1rem;
    padding-top: 0.8rem;
    padding-left: 1rem;
    font-weight: 300;
}

.kleingedrucktes p {
	font-size: 12px;
	font-weight: lighter;
	line-height: normal;
}


@media all and (max-width: 1000px) {
	
	.align-right {
		text-align: center;
	}
}

@media all and (max-width: 950px) {
	
	.mobile-title {
		display: block;
	}

	.m-open .mobile-title {
		display: none;
	}
}

q {
	font-family: serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}