hr@12: @font-face { hr@13: font-family: 'gandhi_serifbold'; hr@13: src: url('../fonts/gandhiserif-bold-webfont.eot'); hr@13: src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), hr@13: url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), hr@13: url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), hr@13: url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); hr@12: font-weight: normal; hr@12: font-style: normal; hr@13: hr@12: } hr@12: @font-face { hr@13: font-family: 'gandhi_serifregular'; hr@13: src: url('../fonts/gandhiserif-regular-webfont.eot'); hr@13: src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), hr@13: url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), hr@13: url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), hr@13: url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); hr@12: font-weight: normal; hr@12: font-style: normal; hr@13: hr@12: } hr@12: hr@18: /**.btn-lg { hr@18: padding: 10px 16px; hr@18: font-size: 18px; hr@18: line-height: 1.33; hr@18: border-radius: 6px; hr@18: }**/ hr@18: 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: } hr@29: .clear {clear:both;} hr@25: body {background-color: #e9e2d0; hr@25: font-size:16px} hr@7: hr@18: .jumbotron h1 {text-align: center; font-size: 40px;} hr@12: .navbar-brand { hr@13: font-weight: 600; font-size: 24px; hr@22: font-family: 'gandhi_serifbold'; hr@27: background-color: #e9e2d0; hr@22: border-bottom: 1px solid transparent;} hr@22: hr@6: .container { hr@6: hr@6: box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); hr@6: -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); hr@6: -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); hr@6: -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); hr@8: border: 1px solid #9f998c; hr@6: /* for the Epidemic */ hr@6: filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); hr@6: -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; hr@6: zoom: 1;}} hr@7: hr@8: .dropdown-menue { hr@8: background-color: #9f9a8b;} hr@7: .navbar { hr@27: background-color: #e9e2d0; hr@8: border: 1px solid transparent; hr@7: } hr@7: .navbar-default .navbar-nav > .active > a, hr@7: .navbar-default .navbar-nav > .active > a:hover, hr@7: .navbar-default .navbar-nav > .active > a:focus { hr@7: hr@7: background-color: transparent; hr@7: border-bottom: 1px solid #bf1339; hr@7: } hr@7: hr@7: .jumbotron { hr@7: hr@11: background-color: #e5edf1; hr@10: /*background-color: #01e9ff;*/ hr@7: /*background-color: #ce4b68;*/ hr@7: /*background-color: #9f998c;*/ hr@29: /*min-height:250px;*/ hr@8: } hr@8: hr@8: .flags { hr@8: padding: 5px 0 0 5px; hr@14: float: right;} hr@14: hr@14: #footer { hr@14: background: #e9e2d0; hr@16: height: 180px; hr@14: } hr@14: .separator { hr@14: width: 100%; hr@14: border-bottom: 1px solid #ff9a20; hr@14: text-align: center; hr@14: height: 22px; hr@14: margin-bottom: 15px; hr@14: } hr@14: .separator img { hr@14: line-height: 43px; hr@14: padding: 0 10px; hr@14: background: #e9e2d0; /* Farbe des Elements darunter */ hr@14: display: inline-block; hr@14: /*margin-top: 20px;*/ hr@14: color: #dbe2e3;