info@54: body { info@54: padding-top: 20px; info@54: padding-bottom: 20px; info@54: } info@54: /* Typo info@54: ------------------------------------ */ hr@12: @font-face { info@54: font-family: 'gandhi_serifbold'; info@54: src: url('../fonts/gandhiserif-bold-webfont.eot'); info@54: src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); info@54: font-weight: normal; info@54: font-style: normal; hr@12: } hr@12: @font-face { info@54: font-family: 'gandhi_serifregular'; info@54: src: url('../fonts/gandhiserif-regular-webfont.eot'); info@54: src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); info@54: font-weight: normal; info@54: font-style: normal; info@54: } info@54: /* Utilities info@54: ------------------------------------ */ info@54: .separator { info@54: width: 100%; info@54: border-bottom: 1px solid #ff9a20; info@54: text-align: center; info@54: height: 22px; info@54: margin-bottom: 15px; info@54: } info@54: .separator img { info@54: line-height: 43px; info@54: padding: 0 10px; info@54: background: #e9e2d0; info@54: /* Farbe des Elements darunter */ hr@13: info@54: display: inline-block; info@54: color: #dbe2e3; hr@12: } info@54: /* Navigation info@54: ------------------------------------ */ info@54: .navbar { info@54: margin-bottom: 20px; info@54: } info@54: .navbar-brand { info@54: font-weight: 600; info@54: font-size: 24px; info@54: font-family: 'gandhi_serifbold'; info@54: background-color: #e9e2d0; info@54: border-bottom: 1px solid transparent; info@54: } info@54: .dropdown-menue { info@54: background-color: #9f9a8b; info@54: } info@54: .navbar { info@54: background-color: #e9e2d0; info@54: border: 1px solid transparent; info@54: } info@54: .navbar-default .navbar-nav > .active > a, info@54: .navbar-default .navbar-nav > .active > a:hover, info@54: .navbar-default .navbar-nav > .active > a:focus { info@54: background-color: transparent; info@54: border-bottom: 1px solid #bf1339; info@54: } info@54: /* Content info@54: ------------------------------------ */ hr@16: .jumbotron img { hr@16: float: left; hr@18: border-right: 10px solid transparent; hr@29: border-bottom: 10px solid transparent; hr@29: display: block; hr@29: height: auto; hr@16: } info@54: .jumbotron h1 { info@54: text-align: center; info@54: font-size: 40px; hr@7: } info@54: .jumbotron { info@54: background-color: #e5edf1; hr@7: } hr@8: .flags { hr@8: padding: 5px 0 0 5px; info@54: float: right; hr@14: } info@54: /* Footer info@54: ------------------------------------ */#footer { info@54: background: #e9e2d0; hr@14: }