|
1 body { |
|
2 padding-top: 20px; |
|
3 padding-bottom: 20px; |
|
4 } |
|
5 /* Typo |
|
6 ------------------------------------ */ |
1 @font-face { |
7 @font-face { |
2 font-family: 'gandhi_serifbold'; |
8 font-family: 'gandhi_serifbold'; |
3 src: url('../fonts/gandhiserif-bold-webfont.eot'); |
9 src: url('../fonts/gandhiserif-bold-webfont.eot'); |
4 src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), |
10 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'); |
5 url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), |
11 font-weight: normal; |
6 url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), |
12 font-style: normal; |
7 url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); |
|
8 font-weight: normal; |
|
9 font-style: normal; |
|
10 |
|
11 } |
13 } |
12 @font-face { |
14 @font-face { |
13 font-family: 'gandhi_serifregular'; |
15 font-family: 'gandhi_serifregular'; |
14 src: url('../fonts/gandhiserif-regular-webfont.eot'); |
16 src: url('../fonts/gandhiserif-regular-webfont.eot'); |
15 src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), |
17 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'); |
16 url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), |
18 font-weight: normal; |
17 url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), |
19 font-style: normal; |
18 url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); |
20 } |
19 font-weight: normal; |
21 /* Utilities |
20 font-style: normal; |
22 ------------------------------------ */ |
|
23 .separator { |
|
24 width: 100%; |
|
25 border-bottom: 1px solid #ff9a20; |
|
26 text-align: center; |
|
27 height: 22px; |
|
28 margin-bottom: 15px; |
|
29 } |
|
30 .separator img { |
|
31 line-height: 43px; |
|
32 padding: 0 10px; |
|
33 background: #e9e2d0; |
|
34 /* Farbe des Elements darunter */ |
21 |
35 |
|
36 display: inline-block; |
|
37 color: #dbe2e3; |
22 } |
38 } |
23 |
39 /* Navigation |
24 /**.btn-lg { |
40 ------------------------------------ */ |
25 padding: 10px 16px; |
41 .navbar { |
26 font-size: 18px; |
42 margin-bottom: 20px; |
27 line-height: 1.33; |
43 } |
28 border-radius: 6px; |
44 .navbar-brand { |
29 }**/ |
45 font-weight: 600; |
30 |
46 font-size: 24px; |
|
47 font-family: 'gandhi_serifbold'; |
|
48 background-color: #e9e2d0; |
|
49 border-bottom: 1px solid transparent; |
|
50 } |
|
51 .dropdown-menue { |
|
52 background-color: #9f9a8b; |
|
53 } |
|
54 .navbar { |
|
55 background-color: #e9e2d0; |
|
56 border: 1px solid transparent; |
|
57 } |
|
58 .navbar-default .navbar-nav > .active > a, |
|
59 .navbar-default .navbar-nav > .active > a:hover, |
|
60 .navbar-default .navbar-nav > .active > a:focus { |
|
61 background-color: transparent; |
|
62 border-bottom: 1px solid #bf1339; |
|
63 } |
|
64 /* Content |
|
65 ------------------------------------ */ |
31 .jumbotron img { |
66 .jumbotron img { |
32 float: left; |
67 float: left; |
33 border-right: 10px solid transparent; |
68 border-right: 10px solid transparent; |
34 border-bottom: 10px solid transparent; |
69 border-bottom: 10px solid transparent; |
35 display: block; |
70 display: block; |
61 .dropdown-menue { |
96 .dropdown-menue { |
62 background-color: #9f9a8b;} |
97 background-color: #9f9a8b;} |
63 .navbar { |
98 .navbar { |
64 background-color: #e9e2d0; |
99 background-color: #e9e2d0; |
65 border: 1px solid transparent; |
100 border: 1px solid transparent; |
66 } |
101 .jumbotron h1 { |
67 .navbar-default .navbar-nav > .active > a, |
102 text-align: center; |
68 .navbar-default .navbar-nav > .active > a:hover, |
103 font-size: 40px; |
69 .navbar-default .navbar-nav > .active > a:focus { |
|
70 |
|
71 background-color: transparent; |
|
72 border-bottom: 1px solid #bf1339; |
|
73 } |
|
74 |
|
75 .jumbotron { |
|
76 |
|
77 background-color: #e5edf1; |
|
78 /*background-color: #01e9ff;*/ |
|
79 /*background-color: #ce4b68;*/ |
|
80 /*background-color: #9f998c;*/ |
|
81 /*min-height:250px;*/ |
|
82 } |
|
83 |
|
84 .flags { |
|
85 padding: 5px 0 0 5px; |
|
86 float: right;} |
104 float: right;} |
87 |
105 |
88 #footer { |
106 #footer { |
89 background: #fff; |
107 background: #fff; |
90 height: 180px; |
108 height: 180px; |
91 } |
109 float: right; |
92 .separator { |
|
93 width: 100%; |
|
94 border-bottom: 1px solid #ff9a20; |
|
95 text-align: center; |
|
96 height: 22px; |
|
97 margin-bottom: 15px; |
|
98 } |
110 } |
99 .separator img { |
111 .separator img { |
100 line-height: 43px; |
112 line-height: 43px; |
101 padding: 0 10px; |
113 padding: 0 10px; |
102 background: #fff; /* Farbe des Elements darunter */ |
114 background: #fff; /* Farbe des Elements darunter */ |
103 display: inline-block; |
115 display: inline-block; |
104 /*margin-top: 20px;*/ |
116 /*margin-top: 20px;*/ |
105 color: #dbe2e3; |
117 color: #dbe2e3; |
|
118 } |