add more links; added fontawesome
[twobees.de.git] / font / fontawesome-free-5.14.0-web / css / svg-with-js.css
1 /*!
2  * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
3  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4  */
5 svg:not(:root).svg-inline--fa {
6   overflow: visible; }
7
8 .svg-inline--fa {
9   display: inline-block;
10   font-size: inherit;
11   height: 1em;
12   overflow: visible;
13   vertical-align: -.125em; }
14   .svg-inline--fa.fa-lg {
15     vertical-align: -.225em; }
16   .svg-inline--fa.fa-w-1 {
17     width: 0.0625em; }
18   .svg-inline--fa.fa-w-2 {
19     width: 0.125em; }
20   .svg-inline--fa.fa-w-3 {
21     width: 0.1875em; }
22   .svg-inline--fa.fa-w-4 {
23     width: 0.25em; }
24   .svg-inline--fa.fa-w-5 {
25     width: 0.3125em; }
26   .svg-inline--fa.fa-w-6 {
27     width: 0.375em; }
28   .svg-inline--fa.fa-w-7 {
29     width: 0.4375em; }
30   .svg-inline--fa.fa-w-8 {
31     width: 0.5em; }
32   .svg-inline--fa.fa-w-9 {
33     width: 0.5625em; }
34   .svg-inline--fa.fa-w-10 {
35     width: 0.625em; }
36   .svg-inline--fa.fa-w-11 {
37     width: 0.6875em; }
38   .svg-inline--fa.fa-w-12 {
39     width: 0.75em; }
40   .svg-inline--fa.fa-w-13 {
41     width: 0.8125em; }
42   .svg-inline--fa.fa-w-14 {
43     width: 0.875em; }
44   .svg-inline--fa.fa-w-15 {
45     width: 0.9375em; }
46   .svg-inline--fa.fa-w-16 {
47     width: 1em; }
48   .svg-inline--fa.fa-w-17 {
49     width: 1.0625em; }
50   .svg-inline--fa.fa-w-18 {
51     width: 1.125em; }
52   .svg-inline--fa.fa-w-19 {
53     width: 1.1875em; }
54   .svg-inline--fa.fa-w-20 {
55     width: 1.25em; }
56   .svg-inline--fa.fa-pull-left {
57     margin-right: .3em;
58     width: auto; }
59   .svg-inline--fa.fa-pull-right {
60     margin-left: .3em;
61     width: auto; }
62   .svg-inline--fa.fa-border {
63     height: 1.5em; }
64   .svg-inline--fa.fa-li {
65     width: 2em; }
66   .svg-inline--fa.fa-fw {
67     width: 1.25em; }
68
69 .fa-layers svg.svg-inline--fa {
70   bottom: 0;
71   left: 0;
72   margin: auto;
73   position: absolute;
74   right: 0;
75   top: 0; }
76
77 .fa-layers {
78   display: inline-block;
79   height: 1em;
80   position: relative;
81   text-align: center;
82   vertical-align: -.125em;
83   width: 1em; }
84   .fa-layers svg.svg-inline--fa {
85     -webkit-transform-origin: center center;
86             transform-origin: center center; }
87
88 .fa-layers-text, .fa-layers-counter {
89   display: inline-block;
90   position: absolute;
91   text-align: center; }
92
93 .fa-layers-text {
94   left: 50%;
95   top: 50%;
96   -webkit-transform: translate(-50%, -50%);
97           transform: translate(-50%, -50%);
98   -webkit-transform-origin: center center;
99           transform-origin: center center; }
100
101 .fa-layers-counter {
102   background-color: #ff253a;
103   border-radius: 1em;
104   -webkit-box-sizing: border-box;
105           box-sizing: border-box;
106   color: #fff;
107   height: 1.5em;
108   line-height: 1;
109   max-width: 5em;
110   min-width: 1.5em;
111   overflow: hidden;
112   padding: .25em;
113   right: 0;
114   text-overflow: ellipsis;
115   top: 0;
116   -webkit-transform: scale(0.25);
117           transform: scale(0.25);
118   -webkit-transform-origin: top right;
119           transform-origin: top right; }
120
121 .fa-layers-bottom-right {
122   bottom: 0;
123   right: 0;
124   top: auto;
125   -webkit-transform: scale(0.25);
126           transform: scale(0.25);
127   -webkit-transform-origin: bottom right;
128           transform-origin: bottom right; }
129
130 .fa-layers-bottom-left {
131   bottom: 0;
132   left: 0;
133   right: auto;
134   top: auto;
135   -webkit-transform: scale(0.25);
136           transform: scale(0.25);
137   -webkit-transform-origin: bottom left;
138           transform-origin: bottom left; }
139
140 .fa-layers-top-right {
141   right: 0;
142   top: 0;
143   -webkit-transform: scale(0.25);
144           transform: scale(0.25);
145   -webkit-transform-origin: top right;
146           transform-origin: top right; }
147
148 .fa-layers-top-left {
149   left: 0;
150   right: auto;
151   top: 0;
152   -webkit-transform: scale(0.25);
153           transform: scale(0.25);
154   -webkit-transform-origin: top left;
155           transform-origin: top left; }
156
157 .fa-lg {
158   font-size: 1.33333em;
159   line-height: 0.75em;
160   vertical-align: -.0667em; }
161
162 .fa-xs {
163   font-size: .75em; }
164
165 .fa-sm {
166   font-size: .875em; }
167
168 .fa-1x {
169   font-size: 1em; }
170
171 .fa-2x {
172   font-size: 2em; }
173
174 .fa-3x {
175   font-size: 3em; }
176
177 .fa-4x {
178   font-size: 4em; }
179
180 .fa-5x {
181   font-size: 5em; }
182
183 .fa-6x {
184   font-size: 6em; }
185
186 .fa-7x {
187   font-size: 7em; }
188
189 .fa-8x {
190   font-size: 8em; }
191
192 .fa-9x {
193   font-size: 9em; }
194
195 .fa-10x {
196   font-size: 10em; }
197
198 .fa-fw {
199   text-align: center;
200   width: 1.25em; }
201
202 .fa-ul {
203   list-style-type: none;
204   margin-left: 2.5em;
205   padding-left: 0; }
206   .fa-ul > li {
207     position: relative; }
208
209 .fa-li {
210   left: -2em;
211   position: absolute;
212   text-align: center;
213   width: 2em;
214   line-height: inherit; }
215
216 .fa-border {
217   border: solid 0.08em #eee;
218   border-radius: .1em;
219   padding: .2em .25em .15em; }
220
221 .fa-pull-left {
222   float: left; }
223
224 .fa-pull-right {
225   float: right; }
226
227 .fa.fa-pull-left,
228 .fas.fa-pull-left,
229 .far.fa-pull-left,
230 .fal.fa-pull-left,
231 .fab.fa-pull-left {
232   margin-right: .3em; }
233
234 .fa.fa-pull-right,
235 .fas.fa-pull-right,
236 .far.fa-pull-right,
237 .fal.fa-pull-right,
238 .fab.fa-pull-right {
239   margin-left: .3em; }
240
241 .fa-spin {
242   -webkit-animation: fa-spin 2s infinite linear;
243           animation: fa-spin 2s infinite linear; }
244
245 .fa-pulse {
246   -webkit-animation: fa-spin 1s infinite steps(8);
247           animation: fa-spin 1s infinite steps(8); }
248
249 @-webkit-keyframes fa-spin {
250   0% {
251     -webkit-transform: rotate(0deg);
252             transform: rotate(0deg); }
253   100% {
254     -webkit-transform: rotate(360deg);
255             transform: rotate(360deg); } }
256
257 @keyframes fa-spin {
258   0% {
259     -webkit-transform: rotate(0deg);
260             transform: rotate(0deg); }
261   100% {
262     -webkit-transform: rotate(360deg);
263             transform: rotate(360deg); } }
264
265 .fa-rotate-90 {
266   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
267   -webkit-transform: rotate(90deg);
268           transform: rotate(90deg); }
269
270 .fa-rotate-180 {
271   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
272   -webkit-transform: rotate(180deg);
273           transform: rotate(180deg); }
274
275 .fa-rotate-270 {
276   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
277   -webkit-transform: rotate(270deg);
278           transform: rotate(270deg); }
279
280 .fa-flip-horizontal {
281   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
282   -webkit-transform: scale(-1, 1);
283           transform: scale(-1, 1); }
284
285 .fa-flip-vertical {
286   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
287   -webkit-transform: scale(1, -1);
288           transform: scale(1, -1); }
289
290 .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
291   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
292   -webkit-transform: scale(-1, -1);
293           transform: scale(-1, -1); }
294
295 :root .fa-rotate-90,
296 :root .fa-rotate-180,
297 :root .fa-rotate-270,
298 :root .fa-flip-horizontal,
299 :root .fa-flip-vertical,
300 :root .fa-flip-both {
301   -webkit-filter: none;
302           filter: none; }
303
304 .fa-stack {
305   display: inline-block;
306   height: 2em;
307   position: relative;
308   width: 2.5em; }
309
310 .fa-stack-1x,
311 .fa-stack-2x {
312   bottom: 0;
313   left: 0;
314   margin: auto;
315   position: absolute;
316   right: 0;
317   top: 0; }
318
319 .svg-inline--fa.fa-stack-1x {
320   height: 1em;
321   width: 1.25em; }
322
323 .svg-inline--fa.fa-stack-2x {
324   height: 2em;
325   width: 2.5em; }
326
327 .fa-inverse {
328   color: #fff; }
329
330 .sr-only {
331   border: 0;
332   clip: rect(0, 0, 0, 0);
333   height: 1px;
334   margin: -1px;
335   overflow: hidden;
336   padding: 0;
337   position: absolute;
338   width: 1px; }
339
340 .sr-only-focusable:active, .sr-only-focusable:focus {
341   clip: auto;
342   height: auto;
343   margin: 0;
344   overflow: visible;
345   position: static;
346   width: auto; }
347
348 .svg-inline--fa .fa-primary {
349   fill: var(--fa-primary-color, currentColor);
350   opacity: 1;
351   opacity: var(--fa-primary-opacity, 1); }
352
353 .svg-inline--fa .fa-secondary {
354   fill: var(--fa-secondary-color, currentColor);
355   opacity: 0.4;
356   opacity: var(--fa-secondary-opacity, 0.4); }
357
358 .svg-inline--fa.fa-swap-opacity .fa-primary {
359   opacity: 0.4;
360   opacity: var(--fa-secondary-opacity, 0.4); }
361
362 .svg-inline--fa.fa-swap-opacity .fa-secondary {
363   opacity: 1;
364   opacity: var(--fa-primary-opacity, 1); }
365
366 .svg-inline--fa mask .fa-primary,
367 .svg-inline--fa mask .fa-secondary {
368   fill: black; }
369
370 .fad.fa-inverse {
371   color: #fff; }