/* 
"weiß":  #fff
"braun": #101070
"rot":   #
3b1900
4c1900
*/

/* quicksand-300 - latin */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/quicksand-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/quicksand-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/quicksand-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/quicksand-v30-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/quicksand-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/quicksand-v30-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

body {
    font-family: Quicksand, sans-serif;
}

.header {
	position: fixed;
	width: 100%;
	background: #222;
	z-index: 10;
}
.header .navbar-brand {
	font-weight: 900;
}
.header .navbar {
	margin: 0;
	border: none;
}
.page-section {
	width: 100%;
	padding: 10px;
	border-bottom: 10px solid #fff;
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

.page-section h1 {
	font-size: 4em;
	margin: 50px 0;
}

.slide-item-text {
    padding-left: 50px;
    padding-right: 50px;
}

.ci-color-inverse {
    color: white;
    background-color: #4c1900;
}

.ci-color {
    color: #4c1900;
/*    border-bottom: 1px solid #4c1900; */
}

.navbar-brand .ci-color {
    color: #4c1900;
}

.ci-banner {
    font-weight: bold;
    margin-bottom: 0px;
}

.ci-button {
    min-width: 250px;
}

.ci-personal {
    margin-top: -30px;
    margin-bottom: 30px;
    min-height: 200px;
}

.ci-ueber-mich-box {
    width: 100%;
}