https://www.lesen-in-deutschland.de/67a94428.js

1import{n as t,S as n,i,k as a}from"./99668773.js";import{L as e}from"./caa7c57d.js";class o extends t{static get styles(){return[n,e,i`
2        :host {
3          display: block;
4          width: 100%;
5          color: var(--app-color-grey-dark) !important;
6          background: #fff;
7          padding-top: var(--app-content-side-padding);
8        }
9        section.content {
10          padding-bottom: var(--app-content-side-padding);
11        }
12        .content {
13          /* width: 100%; */
14          position: relative;
15          display: flex;
16          flex-direction: column;
17          flex-wrap: wrap;
18          justify-content: space-between;
19          align-items: center;
20        }
21        nav {
22          display: block;
23          text-align: center;
24        }
25        a,
26        li span {
27          font-family: var(--app-base-font);
28          font-weight: var(--app-font-weight);
29          font-size: var(--app-font-size-small);
30          color: var(--app-color-grey-dark);
31        }
32
33        ul {
34          margin: 0;
35          border: 0 none;
36          padding: 0;
37          font: inherit;
38          vertical-align: baseline;
39          list-style: none;
40          display: block;
41          margin-top: calc(var(--app-base-dist) * 1.5);
42          color: var(--app-color-grey-dark);
43        }
44        li {
45          list-style: none;
46          box-sizing: border-box;
47          margin: 0;
48          border: 0 none;
49          padding: 0;
50          font-size: 100%;
51          font: inherit;
52          vertical-align: baseline;
53          position: relative;
54          color: var(--app-color-grey-dark);
55        }
56        ul li:not(:last-child) {
57          margin-bottom: calc(var(--app-base-dist) * 0.25);
58        }
59        li:last-child span {
60          font-family: var(--app-header-font);
61        }
62        li a {
63          color: var(--app-color-grey-dark);
64        }
65
66        li a.socialmedia:not(.with-icon) {
67          line-height: 100%;
68          position: realtive;
69        }
70        li a.socialmedia:not(.with-icon):hover {
71          text-decoration: none;
72          background: none;
73        }
74        li a svg {
75          width: 2em;
76          height: 2em;
77          position: relative;
78          top: 0.6em;
79          fill: var(--app-color-grey-dark);
80        }
81        li a.socialmedia:not(.with-icon):hover svg {
82          fill: var(--app-color-green);
83        }
84        @media (min-width: 720px) {
85          .content {
86            flex-direction: row;
87            flex-wrap: nowrap;
88          }
89          .content > div {
90            margin-right: calc(var(--app-base-dist) * 2);
91          }
92          .content ul {
93            margin-top: 0;
94          }
95          .content li:first-child {
96            float: none;
97            text-align: left;
98          }
99          .content li {
100            float: left;
101          }
102          .content ul li:not(:last-child) {
103            margin-bottom: 0;
104          }
105          .content ul li:not(:first-child) {
106            margin-left: 1.25rem;
107          }
108          .content ul li:last-child {
109            margin-left: 0;
110          }
111        }
112      `]}render(){return a`
113      <section class="content">
114        <nav role="navigation">
115          <ul>
116            <li>
117              <span
118                ><b
119                  >DIPF | Leibniz-Institut für Bildungsforschung und
120                  Bildungsinformation</b
121                >
122                | Rostocker Str. 6 | 60323 Frankfurt a.M. |
123                <a
124                  href="tel: +49.69.24708.0"
125                  title="Lesen in Deutschland anrufen"
126                  >+49.69.24708.0</a
127                ></span
128              >
129            </li>
130
131            <li><span>Copyright ${"2023"}</span></li>
132          </ul>
133        </nav>
134      </section>
135      <section class="content right"></section>
136    `}}customElements.define("footer-element",o);export{o as FooterElement};