Media Elements
SwissID Logo
MEDIA
SwissID Logo
SwissID.png
512 x 512 px (14 KB)
Erstellt: 19.09.2024 - 14:18 Uhr
Letzte Änderung: 19.09.2024 - 14:18 Uhr
HTML
<img class='SwissID' src='img/SwissID.png'>
CSS
img.SwissID { width: 24px; height: 24px; }
JS
×
HTML
<img class='SwissID' src='img/SwissID.png'>
CSS
img.SwissID { width: 24px; height: 24px; }
JS
SwissID Logo
Erstellt: 19.09.2024 - 14:18 Uhr
Letzte Änderung: 19.09.2024 - 14:18 Uhr
×
YouTube (color)
CODE
×
HTML
<div class='youtube-c'></div>
CSS
div.youtube-c { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCg0KPHBhdGggZD0iTTM2LDcyIEwzNiw3MiBDNTUuODgyMjUxLDcyIDcyLDU1Ljg4MjI1MSA3MiwzNiBMNzIsMzYgQzcyLDE2LjExNzc0OSA1NS44ODIyNTEsLTMuNjUyMzEwMjZlLTE1IDM2LDAgTDM2LDAgQzE2LjExNzc0OSwzLjY1MjMxMDI2ZS0xNSAtMi40MzQ4NzM1ZS0xNSwxNi4xMTc3NDkgMCwzNiBMMCwzNiBDMi40MzQ4NzM1ZS0xNSw1NS44ODIyNTEgMTYuMTE3NzQ5LDcyIDM2LDcyIFoiIGZpbGw9IiNGRjAwMDIiLz4NCg0KPHBhdGggZD0iTTMxLjA0NCw0Mi4yNjk5MTYgTDMxLjA0MjUsMjguNjg3NzQxNiBMNDQuMDExNSwzNS41MDIyNDM3IEwzMS4wNDQsNDIuMjY5OTE2IFogTTU5LjUyLDI2LjMzNDE2MjcgQzU5LjUyLDI2LjMzNDE2MjcgNTkuMDUwNSwyMy4wMDMxOTkgNTcuNjEyLDIxLjUzNjM2NjUgQzU1Ljc4NjUsMTkuNjEwMjk5IDUzLjc0MDUsMTkuNjAxMjM1MiA1Mi44MDMsMTkuNDg5NDQ3NyBDNDYuMDg2LDE5IDM2LjAxMDUsMTkgMzYuMDEwNSwxOSBMMzUuOTg5NSwxOSBDMzUuOTg5NSwxOSAyNS45MTQsMTkgMTkuMTk3LDE5LjQ4OTQ0NzcgQzE4LjI1OCwxOS42MDEyMzUyIDE2LjIxMzUsMTkuNjEwMjk5IDE0LjM4NjUsMjEuNTM2MzY2NSBDMTIuOTQ4LDIzLjAwMzE5OSAxMi40OCwyNi4zMzQxNjI3IDEyLjQ4LDI2LjMzNDE2MjcgQzEyLjQ4LDI2LjMzNDE2MjcgMTIsMzAuMjQ2NzIzMiAxMiwzNC4xNTc3NzMxIEwxMiwzNy44MjU2MDk4IEMxMiw0MS43MzgxNzAzIDEyLjQ4LDQ1LjY0OTIyMDIgMTIuNDgsNDUuNjQ5MjIwMiBDMTIuNDgsNDUuNjQ5MjIwMiAxMi45NDgsNDguOTgwMTgzOSAxNC4zODY1LDUwLjQ0NzAxNjUgQzE2LjIxMzUsNTIuMzczMDgzOSAxOC42MTIsNTIuMzEyNjU4MyAxOS42OCw1Mi41MTM1NzM2IEMyMy41Miw1Mi44ODUxOTEzIDM2LDUzIDM2LDUzIEMzNiw1MyA0Ni4wODYsNTIuOTg0ODkzNiA1Mi44MDMsNTIuNDk1NDQ1OSBDNTMuNzQwNSw1Mi4zODIxNDc4IDU1Ljc4NjUsNTIuMzczMDgzOSA1Ny42MTIsNTAuNDQ3MDE2NSBDNTkuMDUwNSw0OC45ODAxODM5IDU5LjUyLDQ1LjY0OTIyMDIgNTkuNTIsNDUuNjQ5MjIwMiBDNTkuNTIsNDUuNjQ5MjIwMiA2MCw0MS43MzgxNzAzIDYwLDM3LjgyNTYwOTggTDYwLDM0LjE1Nzc3MzEgQzYwLDMwLjI0NjcyMzIgNTkuNTIsMjYuMzM0MTYyNyA1OS41MiwyNi4zMzQxNjI3IEw1OS41MiwyNi4zMzQxNjI3IFoiIGZpbGw9IiNGRkYiLz4NCg0KPC9nPg0KDQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; display:inline-block; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.youtube-c:hover, div.youtube-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
YouTube (color)
barrierefrei
Erstellt: 06.12.2023 - 14:34 Uhr
Letzte Änderung: 18.04.2024 - 14:25 Uhr
×
YouTube (black)
CODE
×
HTML
<a class='youtube-ico'></a>
CSS
a.youtube-ico { background-image: url('../img/youtube.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; display:inline-block; width: 32px; height: 32px; margin-right: 25px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; float:left; } a.youtube-ico:hover, a.youtube-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
YouTube (black)
barrierefrei
Erstellt: 06.12.2023 - 14:43 Uhr
Letzte Änderung: 18.04.2024 - 14:24 Uhr
×
Instagram (color)
CODE
×
HTML
<div class='instagram-c'></div>
CSS
div.instagram-c { display:inline-block; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwMCA2MDAiIHZpZXdCb3g9IjAgMCA2MDAgNjAwIj4NCiAgPGNpcmNsZSBjeD0iMzAwIiBjeT0iMzAwIiByPSIyOTcuNSIgZmlsbD0iIzgxMzRBRiIgLz4NCiAgPHBhdGggZD0iTTMwMCAxMjMuNWMtNDcuOSAwLTU0IC4yLTcyLjggMS4xLTE4LjguOS0zMS42IDMuOC00Mi44IDguMi0xMS42IDQuNS0yMS41IDEwLjUtMzEuMyAyMC40LTkuOCA5LjgtMTUuOCAxOS43LTIwLjQgMzEuMy00LjQgMTEuMi03LjQgMjQuMS04LjIgNDIuOC0uOCAxOC44LTEuMSAyNC44LTEuMSA3Mi44IDAgNDcuOS4yIDUzLjkgMS4xIDcyLjguOSAxOC44IDMuOCAzMS42IDguMiA0Mi44IDQuNSAxMS42IDEwLjUgMjEuNSAyMC40IDMxLjMgOS44IDkuOCAxOS43IDE1LjkgMzEuMyAyMC40IDExLjIgNC40IDI0LjEgNy4zIDQyLjggOC4yIDE4LjguOSAyNC44IDEuMSA3Mi44IDEuMSA0Ny45IDAgNTMuOS0uMiA3Mi44LTEuMSAxOC44LS45IDMxLjYtMy44IDQyLjktOC4yIDExLjYtNC41IDIxLjQtMTAuNiAzMS4yLTIwLjQgOS44LTkuOCAxNS44LTE5LjcgMjAuNC0zMS4zIDQuMy0xMS4yIDcuMy0yNCA4LjItNDIuOC44LTE4LjggMS4xLTI0LjggMS4xLTcyLjggMC00Ny45LS4yLTUzLjktMS4xLTcyLjgtLjktMTguOC0zLjktMzEuNi04LjItNDIuOC00LjUtMTEuNi0xMC42LTIxLjUtMjAuNC0zMS4zLTkuOC05LjgtMTkuNi0xNS44LTMxLjMtMjAuNC0xMS4zLTQuNC0yNC4xLTcuMy00Mi45LTguMi0xOC44LS45LTI0LjgtMS4xLTcyLjctMS4xem0tMTUuOCAzMS44SDMwMGM0Ny4xIDAgNTIuNy4yIDcxLjMgMSAxNy4yLjggMjYuNSAzLjcgMzIuOCA2LjEgOC4yIDMuMiAxNC4xIDcgMjAuMyAxMy4yIDYuMiA2LjIgMTAgMTIuMSAxMy4yIDIwLjMgMi40IDYuMiA1LjMgMTUuNiA2LjEgMzIuOC44IDE4LjYgMSAyNC4yIDEgNzEuMyAwIDQ3LjEtLjIgNTIuNy0xIDcxLjMtLjggMTcuMi0zLjcgMjYuNS02LjEgMzIuOC0zLjIgOC4yLTcgMTQuMS0xMy4yIDIwLjMtNi4yIDYuMi0xMiAxMC0yMC4zIDEzLjItNi4yIDIuNC0xNS42IDUuMy0zMi44IDYuMS0xOC42LjgtMjQuMiAxLTcxLjMgMS00Ny4xIDAtNTIuNy0uMi03MS4zLTEtMTcuMi0uOC0yNi41LTMuNy0zMi44LTYuMS04LjItMy4yLTE0LjEtNy0yMC4zLTEzLjItNi4yLTYuMi0xMC0xMi4xLTEzLjItMjAuMy0yLjQtNi4yLTUuMy0xNS42LTYuMS0zMi44LS44LTE4LjYtMS0yNC4yLTEtNzEuMyAwLTQ3LjEuMi01Mi43IDEtNzEuMy44LTE3LjIgMy43LTI2LjUgNi4xLTMyLjggMy4yLTguMiA3LTE0LjEgMTMuMi0yMC4zIDYuMi02LjIgMTIuMS0xMCAyMC4zLTEzLjIgNi4yLTIuNCAxNS42LTUuMyAzMi44LTYuMSAxNi4zLS44IDIyLjYtMSA1NS41LTF6bTExMCAyOS4zYy0xMS43IDAtMjEuMiA5LjUtMjEuMiAyMS4yczkuNSAyMS4yIDIxLjIgMjEuMiAyMS4yLTkuNSAyMS4yLTIxLjItOS41LTIxLjItMjEuMi0yMS4yek0zMDAgMjA5LjRjLTUwLjEgMC05MC42IDQwLjYtOTAuNiA5MC42IDAgNTAuMSA0MC42IDkwLjYgOTAuNiA5MC42IDUwLjEgMCA5MC42LTQwLjYgOTAuNi05MC42IDAtNTAuMS00MC41LTkwLjYtOTAuNi05MC42em0wIDMxLjhjMzIuNSAwIDU4LjggMjYuMyA1OC44IDU4LjhzLTI2LjMgNTguOC01OC44IDU4LjgtNTguOC0yNi4zLTU4LjgtNTguOCAyNi4zLTU4LjggNTguOC01OC44eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.instagram-c:hover, div.instagram-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Instagram (color)
barrierefrei
Erstellt: 06.12.2023 - 14:22 Uhr
Letzte Änderung: 08.12.2023 - 12:42 Uhr
×
Instagram (black)
CODE
×
HTML
<div class='instagram-b'></div>
CSS
div.instagram-b { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwMCA2MDAiIHZpZXdCb3g9IjAgMCA2MDAgNjAwIj4NCiAgPGNpcmNsZSBjeD0iMzAwIiBjeT0iMzAwIiByPSIyOTcuNSIgZmlsbD0iIzMzMyIgLz4NCiAgPHBhdGggZD0iTTMwMCAxMjMuNWMtNDcuOSAwLTU0IC4yLTcyLjggMS4xLTE4LjguOS0zMS42IDMuOC00Mi44IDguMi0xMS42IDQuNS0yMS41IDEwLjUtMzEuMyAyMC40LTkuOCA5LjgtMTUuOCAxOS43LTIwLjQgMzEuMy00LjQgMTEuMi03LjQgMjQuMS04LjIgNDIuOC0uOCAxOC44LTEuMSAyNC44LTEuMSA3Mi44IDAgNDcuOS4yIDUzLjkgMS4xIDcyLjguOSAxOC44IDMuOCAzMS42IDguMiA0Mi44IDQuNSAxMS42IDEwLjUgMjEuNSAyMC40IDMxLjMgOS44IDkuOCAxOS43IDE1LjkgMzEuMyAyMC40IDExLjIgNC40IDI0LjEgNy4zIDQyLjggOC4yIDE4LjguOSAyNC44IDEuMSA3Mi44IDEuMSA0Ny45IDAgNTMuOS0uMiA3Mi44LTEuMSAxOC44LS45IDMxLjYtMy44IDQyLjktOC4yIDExLjYtNC41IDIxLjQtMTAuNiAzMS4yLTIwLjQgOS44LTkuOCAxNS44LTE5LjcgMjAuNC0zMS4zIDQuMy0xMS4yIDcuMy0yNCA4LjItNDIuOC44LTE4LjggMS4xLTI0LjggMS4xLTcyLjggMC00Ny45LS4yLTUzLjktMS4xLTcyLjgtLjktMTguOC0zLjktMzEuNi04LjItNDIuOC00LjUtMTEuNi0xMC42LTIxLjUtMjAuNC0zMS4zLTkuOC05LjgtMTkuNi0xNS44LTMxLjMtMjAuNC0xMS4zLTQuNC0yNC4xLTcuMy00Mi45LTguMi0xOC44LS45LTI0LjgtMS4xLTcyLjctMS4xem0tMTUuOCAzMS44SDMwMGM0Ny4xIDAgNTIuNy4yIDcxLjMgMSAxNy4yLjggMjYuNSAzLjcgMzIuOCA2LjEgOC4yIDMuMiAxNC4xIDcgMjAuMyAxMy4yIDYuMiA2LjIgMTAgMTIuMSAxMy4yIDIwLjMgMi40IDYuMiA1LjMgMTUuNiA2LjEgMzIuOC44IDE4LjYgMSAyNC4yIDEgNzEuMyAwIDQ3LjEtLjIgNTIuNy0xIDcxLjMtLjggMTcuMi0zLjcgMjYuNS02LjEgMzIuOC0zLjIgOC4yLTcgMTQuMS0xMy4yIDIwLjMtNi4yIDYuMi0xMiAxMC0yMC4zIDEzLjItNi4yIDIuNC0xNS42IDUuMy0zMi44IDYuMS0xOC42LjgtMjQuMiAxLTcxLjMgMS00Ny4xIDAtNTIuNy0uMi03MS4zLTEtMTcuMi0uOC0yNi41LTMuNy0zMi44LTYuMS04LjItMy4yLTE0LjEtNy0yMC4zLTEzLjItNi4yLTYuMi0xMC0xMi4xLTEzLjItMjAuMy0yLjQtNi4yLTUuMy0xNS42LTYuMS0zMi44LS44LTE4LjYtMS0yNC4yLTEtNzEuMyAwLTQ3LjEuMi01Mi43IDEtNzEuMy44LTE3LjIgMy43LTI2LjUgNi4xLTMyLjggMy4yLTguMiA3LTE0LjEgMTMuMi0yMC4zIDYuMi02LjIgMTIuMS0xMCAyMC4zLTEzLjIgNi4yLTIuNCAxNS42LTUuMyAzMi44LTYuMSAxNi4zLS44IDIyLjYtMSA1NS41LTF6bTExMCAyOS4zYy0xMS43IDAtMjEuMiA5LjUtMjEuMiAyMS4yczkuNSAyMS4yIDIxLjIgMjEuMiAyMS4yLTkuNSAyMS4yLTIxLjItOS41LTIxLjItMjEuMi0yMS4yek0zMDAgMjA5LjRjLTUwLjEgMC05MC42IDQwLjYtOTAuNiA5MC42IDAgNTAuMSA0MC42IDkwLjYgOTAuNiA5MC42IDUwLjEgMCA5MC42LTQwLjYgOTAuNi05MC42IDAtNTAuMS00MC41LTkwLjYtOTAuNi05MC42em0wIDMxLjhjMzIuNSAwIDU4LjggMjYuMyA1OC44IDU4LjhzLTI2LjMgNTguOC01OC44IDU4LjgtNTguOC0yNi4zLTU4LjgtNTguOCAyNi4zLTU4LjggNTguOC01OC44eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; margin-right: 25px; float:left; } div.instagram-b:hover, div.instagram-b:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Instagram (black)
barrierefrei
Letzte Änderung: 08.12.2023 - 12:42 Uhr
×
linkedin (black)
CODE
×
HTML
<a class='linkedin-ico'></a>
CSS
a.linkedin-ico { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTIuMTk2IDExMi4xOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExMi4xOTYgMTEyLjE5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogIDxjaXJjbGUgc3R5bGU9ImZpbGw6IzMzMyIgY3g9IjU2LjA5OCIgY3k9IjU2LjA5NyIgcj0iNTYuMDk4Ii8+DQogIDxwYXRoIHN0eWxlPSJmaWxsOiNmZmYiIGQ9Ik04OS42MTYgNjAuNjExdjIzLjEyOEg3Ni4yMDdWNjIuMTYxYzAtNS40MTgtMS45MzYtOS4xMTgtNi43OTEtOS4xMTgtMy43MDUgMC01LjkwNiAyLjQ5MS02Ljg3OCA0LjkwMy0uMzUzLjg2Mi0uNDQ0IDIuMDU5LS40NDQgMy4yNjh2MjIuNTI0aC0xMy40MXMuMTgtMzYuNTQ2IDAtNDAuMzI5aDEzLjQxMXY1LjcxNWMtLjAyNy4wNDUtLjA2NS4wODktLjA4OS4xMzJoLjA4OXYtLjEzMmMxLjc4Mi0yLjc0MiA0Ljk2LTYuNjYyIDEyLjA4NS02LjY2MiA4LjgyMiAwIDE1LjQzNiA1Ljc2NCAxNS40MzYgMTguMTQ5em0tNTQuOTYtMzYuNjQyYy00LjU4NyAwLTcuNTg4IDMuMDExLTcuNTg4IDYuOTY3IDAgMy44NzIgMi45MTQgNi45NyA3LjQxMiA2Ljk3aC4wODdjNC42NzcgMCA3LjU4NS0zLjA5OCA3LjU4NS02Ljk3LS4wODktMy45NTYtMi45MDgtNi45NjctNy40OTYtNi45Njd6bS02Ljc5MSA1OS43N0g0MS4yN3YtNDAuMzNIMjcuODY1djQwLjMzeiIvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; margin-right: 25px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; float:left; } a.linkedin-ico:hover, a.linkedin-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
linkedin (black)
barrierefrei
Letzte Änderung: 06.12.2023 - 14:30 Uhr
×
RSS (black)
CODE
×
HTML
<a class='rss-ico'></a>
CSS
a.rss-ico { background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWZfb25saW5lX3NvY2lhbF9tZWRpYV9yc3NfNzM0MzgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMzMzM7DQogICAgICB9DQogICAgICAuY2xzLTIgew0KICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNiwwQTE2LDE2LDAsMSwwLDMyLDE2LDE2LDE2LDAsMCwwLDE2LDBaIi8+DQogIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIxLjcsMjIuNjQ3aDIuOTQyQTE1LjMxNiwxNS4zMTYsMCwwLDAsOS4zNTMsNy4zNDd2Mi45MzRBMTIuMzc0LDEyLjM3NCwwLDAsMSwyMS43LDIyLjY0N1ptLTEwLjMxNS4wMDVhMi4wMzEsMi4wMzEsMCwxLDAtMi4wMzYtMi4wMjlBMi4wMzEsMi4wMzEsMCwwLDAsMTEuMzksMjIuNjUyWm01LjExNiwwaDIuOTQ1YTEwLjExMiwxMC4xMTIsMCwwLDAtMTAuMS0xMC4xVjE1LjQ4YTcuMTY1LDcuMTY1LDAsMCwxLDcuMTU0LDcuMTY4WiIvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: auto; width: 32px; height: 32px; display:inline-block; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; float:left; margin-right: 25px; cursor:pointer; } a.rss-ico:hover, a.rss-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
RSS (black)
barrierefrei
Letzte Änderung: 06.12.2023 - 14:30 Uhr
×
Facebook (black)
CODE
×
HTML
<a class='fb-ico'></a>
CSS
a.fb-ico { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQogIDxkZWZzPg0KICA8c3R5bGU+DQogICAgLnN0MHtmaWxsOiMzMzN9DQogICAgLnN0MXtmaWxsOiNmZmZ9DQogIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBBMTYsMTYsMCwxLDAsMzIsMTYsMTYsMTYsMCwwLDAsMTYsMFoiLz4NCiAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjY5LDI0LjloMy42NzlWMTZoMi40NTRsLjMyNS0zLjA2OEgxNy4zNjlsMC0xLjUzNmMwLS44LjA3Ni0xLjIyOSwxLjIyNC0xLjIyOWgxLjUzNFY3LjFIMTcuNjc2Yy0yLjk0OSwwLTMuOTg2LDEuNDg5LTMuOTg2LDMuOTkydjEuODQySDExLjg1MlYxNkgxMy42OXY4LjlaIi8+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 25px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; display:inline-block; float:left; cursor:pointer; } a.fb-ico:hover, a.fb-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Facebook (black)
barrierefrei
Letzte Änderung: 06.12.2023 - 14:27 Uhr
×
Logo
MEDIA
Logo
Kanton-Bern.svg
116.6 x 53.3 px (12 KB)
barrierefrei
Letzte Änderung: 05.12.2023 - 14:06 Uhr
HTML
<img class='logo' alt='Logo des Kantons Bern' src='img/Kanton-Bern.svg'>
CSS
img.logo { cursor:pointer; width: 150px; } @media screen and (max-width: 1119px) { img.logo { width: 110px; } }
JS
×
HTML
<img class='logo' alt='Logo des Kantons Bern' src='img/Kanton-Bern.svg'>
CSS
img.logo { cursor:pointer; width: 150px; } @media screen and (max-width: 1119px) { img.logo { width: 110px; } }
JS
Logo
barrierefrei
Letzte Änderung: 05.12.2023 - 14:06 Uhr
×
Twitter (black)
CODE
×
HTML
<a class='tw-ico'></a>
CSS
a.tw-ico { background-image: url('../img/twitter-black-white.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 25px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; display:inline-block; float:left; } a.tw-ico:hover, a.tw-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Twitter (black)
barrierefrei
Letzte Änderung: 07.08.2023 - 15:36 Uhr
×
Twitter (color)
CODE
×
HTML
<div class='twitter-c'></div>
CSS
div.twitter-c { background-image: url('../img/twitter-color.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.twitter-c:hover, div.twitter-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Twitter (color)
barrierefrei
Letzte Änderung: 07.08.2023 - 15:36 Uhr
×
RSS-Abo
CODE
×
HTML
<a class='rss-abo' href='#'>News als RSS-Feed abonnieren</a>
CSS
a.rss-abo { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj4NCiAgICA8ZyBmaWxsPSIjREQ2NjAwIj4NCiAgICAgIDxwYXRoIGQ9Ik0zMy40ODQsNzIuNGEzMy40ODUsMzMuNDg1LDAsMSwwLDMzLjc1LDMzLjQ4NEEzMy42ODYsMzMuNjg2LDAsMCwwLDMzLjQ4NCw3Mi40WiIgZGF0YS1uYW1lPSJQZmFkIDI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNCAzMikgdHJhbnNsYXRlKDAgMTE0LjYzMikiLz4NCiAgICAgIDxwYXRoIGQ9Ik01LjU4MSwzNi40YTUuODU5LDUuODU5LDAsMCwwLTMuOTg2LDEuNTk0QTUuMzg0LDUuMzg0LDAsMCwwLDAsNDEuNzE1Vjg0Ljc2NUE1LjI3Niw1LjI3NiwwLDAsMCw1LjA0OSw5MC4wOGM1Ni42LDIuNjU3LDEwMS41MTQsNDcuMywxMDMuOTA2LDEwMy45MDZhNS4xMDksNS4xMDksMCwwLDAsNS4zMTUsNS4wNDloNDMuMDUxYTQuODI1LDQuODI1LDAsMCwwLDMuNzItMS41OTQsNi43MjEsNi43MjEsMCwwLDAsMS41OTQtMy45ODZjLTEuMDYzLTQxLjE5LTE4LjA3MS03OS45ODktNDcuMy0xMDkuNDg3QTE2Mi44LDE2Mi44LDAsMCwwLDUuNTgxLDM2LjRaIiBkYXRhLW5hbWU9IlBmYWQgMjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0IDMyKSB0cmFuc2xhdGUoMCA1NC45NjUpIi8+DQogICAgICA8cGF0aCBkPSJNMTc5LjY0Niw3NC40M0MxMzIuODUsMjcuODQ2LDcwLjk3NCwxLjMsNS40NiwwYTUuMjg4LDUuMjg4LDAsMCwwLTMuOSwxLjU2MUE2LjU0Miw2LjU0MiwwLDAsMCwwLDUuMnY0Mi4xNmE1LjIxOCw1LjIxOCwwLDAsMCw1LjIsNS4yYzEwNS41NTIsMi42LDE5My42ODUsOTAuODI2LDE5Ni4yODUsMTk2LjQ4NmE1LDUsMCwwLDAsNS4yLDQuOTQ1SDI0OC44YTQuNzE4LDQuNzE4LDAsMCwwLDMuNjQtMS41NjFBNS4xNDEsNS4xNDEsMCwwLDAsMjU0LDI0OC44LDI1My45NzYsMjUzLjk3NiwwLDAsMCwxNzkuNjQ2LDc0LjQzWiIgZGF0YS1uYW1lPSJQZmFkIDMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNCAzMikgdHJhbnNsYXRlKDApIi8+DQogICAgPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-size: 30px 30px; text-align:right; font-size: 14px; line-height: 18px; line-height: 125%; font-family: 'Roboto'; font-style: normal; font-weight: 400; display:inline-block; text-decoration:none; color: rgba(112,112,112,1); padding-top: 8px; padding-right: 42px; padding-bottom: 8px; padding-left: 0px; } a.rss-abo:hover, a.rss-abo:focus { color: var(--black); } @media screen and (max-width: 767px) { a.rss-abo { text-align:left; background-position: left center; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 42px; } } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
RSS-Abo
barrierefrei
Erstellt: 12.12.2019 - 21:49 Uhr
Letzte Änderung: 20.04.2023 - 08:42 Uhr
×
News als RSS-Feed abonnieren
Email-Abo
CODE
×
HTML
<a class='email-abo' href='#'>News als E-Mail abonnieren</a>
CSS
a.email-abo { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj4NCiAgICA8ZyBmaWxsPSIjREQ2NjAwIj4NCiAgICAgIDxwYXRoIGQ9Ik04Ljc1LDE3LjYxMnY1NS42YTguOTg4LDguOTg4LDAsMCwwLDE2LjIzMyw1LjMyM0w1Ny41MDgsMzQuMjc2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMgMjIpIHRyYW5zbGF0ZSg5Ni4xNTIgMTkzLjUzNCkiLz4NCiAgICAgIDxwYXRoIGQ9Ik0yODMuOTUzLDEuNjY3YTksOSwwLDAsMC05LjM3NS0uNjQ3TDQuODMyLDE0MS44ODhhOSw5LDAsMCwwLDEuMjQ3LDE2LjQ4NEw4MS4wNjgsMTg0LDI0MC43Nyw0Ny40NTIsMTE3LjE5LDE5Ni4zNCwyNDIuODY4LDIzOS4zYTkuMiw5LjIsMCwwLDAsMi45LjQ4LDguOTg0LDguOTg0LDAsMCwwLDguOS03LjY2MUwyODcuNjM0LDEwLjMyM2E5LjAwNyw5LjAwNywwLDAsMC0zLjY4MS04LjY1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzIDIyKSB0cmFuc2xhdGUoMCAwKSIvPg0KICAgIDwvZz4NCjwvc3ZnPg=='); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; background-size: 30px 30px; text-align:right; font-size: 14px; line-height: 18px; line-height: 125%; font-family: 'Roboto'; font-style: normal; font-weight: 400; display:inline-block; text-decoration:none; color: rgba(112,112,112,1); padding-top: 8px; padding-bottom: 8px; padding-left: 42px; } a.email-abo:hover, a.email-abo:focus { color: var(--black); } @media screen and (max-width: 767px) { a.email-abo { text-align:left; padding-right: 0px; } } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Email-Abo
barrierefrei
Erstellt: 20.04.2023 - 08:18 Uhr
Letzte Änderung: 20.04.2023 - 08:40 Uhr
×
News als E-Mail abonnieren
Image 3to4 25%
CODE
×
HTML
<div class='img-3to4-25'></div>
CSS
div.img-3to4-25 { background-image: url('../img/portrait.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; margin-bottom: 20px; padding-top: calc(33.33% - 11.3px); width: calc(25% - 8.5px); height: 0px; max-height: 0px; } @media screen and (max-width: 767px) { div.img-3to4-25 { padding-top: calc(66.67% - 11.3px); width: calc(50% - 8.5px); } }
JS
Image 3to4 25%
Letzte Änderung: 08.03.2023 - 15:28 Uhr
×
Selectbox Icon
CODE
×
HTML
<svg class='select' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 12 8' xml:space='preserve'><path d="M10.7,0.9L6,5.7L1.3,0.9L0.6,1.6L6,7.1l5.4-5.5L10.7,0.9z"/></svg>
CSS
svg.select { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-bottom: 6px; width: 18px; height: 12px; }
JS
Selectbox Icon
barrierefrei
Erstellt: 16.11.2021 - 17:51 Uhr
Letzte Änderung: 16.11.2021 - 17:51 Uhr
×
Enlarge-Icon
CODE
×
HTML
<div class='enl-ico open-lightbox-2'></div>
CSS
div.enl-ico.open-lightbox-2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iR3J1cHBlXzQ5NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NiA0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDYgNDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MDcwNzA7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxyZWN0IGlkPSJSZWNodGVja18xMDgiIHk9IjAiIGNsYXNzPSJzdDAiIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NiIvPg0KPGcgaWQ9IkdydXBwZV8xMjkwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzc3LjAwMiAtMzc5OC45OTgpIj4NCgk8cGF0aCBpZD0iVmVyZWluaWd1bmdzbWVuZ2VfNCIgY2xhc3M9InN0MSIgZD0iTTc5NS4zLDM4MTlsLTQuNy00Ljd2MS45YzAsMC42LTAuNSwxLjItMS4yLDEuMnMtMS4yLTAuNS0xLjItMS4ydi00LjcNCgkJYzAtMC42LDAuNS0xLjIsMS4yLTEuMmg0LjdjMC42LDAsMS4yLDAuNSwxLjIsMS4ycy0wLjUsMS4yLTEuMiwxLjJoLTEuOWw0LjcsNC43YzAuNSwwLjUsMC41LDEuMiwwLDEuNw0KCQlDNzk2LjYsMzgxOS41LDc5NS44LDM4MTkuNSw3OTUuMywzODE5TDc5NS4zLDM4MTl6Ii8+DQoJPHBhdGggaWQ9IlZlcmVpbmlndW5nc21lbmdlXzIiIGNsYXNzPSJzdDEiIGQ9Ik04MTAuNSwzODMzLjdoLTQuN2MtMC42LDAtMS4yLTAuNS0xLjItMS4yYzAtMC42LDAuNS0xLjIsMS4yLTEuMmgxLjlsLTQuNy00LjcNCgkJYy0wLjUtMC41LTAuNC0xLjIsMC0xLjdjMC41LTAuNCwxLjItMC40LDEuNiwwbDQuNyw0Ljd2LTEuOWMwLTAuNiwwLjUtMS4yLDEuMi0xLjJzMS4yLDAuNSwxLjIsMS4ydjQuNw0KCQlDODExLjcsMzgzMy4yLDgxMS4yLDM4MzMuNyw4MTAuNSwzODMzLjdMODEwLjUsMzgzMy43eiIvPg0KCTxwYXRoIGlkPSJWZXJlaW5pZ3VuZ3NtZW5nZV8xIiBjbGFzcz0ic3QxIiBkPSJNODAzLDM4MTljLTAuNS0wLjUtMC41LTEuMiwwLTEuN2wwLDBsNC43LTQuN2gtMS45Yy0wLjYsMC0xLjItMC41LTEuMi0xLjINCgkJczAuNS0xLjIsMS4yLTEuMmg0LjdjMC42LDAsMS4yLDAuNSwxLjIsMS4ydjQuN2MwLDAuNi0wLjUsMS4yLTEuMiwxLjJjLTAuNiwwLTEuMi0wLjUtMS4yLTEuMnYtMS45bC00LjcsNC43DQoJCUM4MDQuMiwzODE5LjUsODAzLjUsMzgxOS41LDgwMywzODE5TDgwMywzODE5TDgwMywzODE5eiIvPg0KCTxwYXRoIGlkPSJWZXJlaW5pZ3VuZ3NtZW5nZV8zIiBjbGFzcz0ic3QxIiBkPSJNNzg5LjUsMzgzMy43Yy0wLjYsMC0xLjItMC41LTEuMi0xLjJ2LTQuN2MwLTAuNiwwLjUtMS4yLDEuMi0xLjINCgkJYzAuNiwwLDEuMiwwLjUsMS4yLDEuMnYxLjlsNC43LTQuN2MwLjUtMC41LDEuMi0wLjUsMS43LDBzMC41LDEuMiwwLDEuN2wtNC43LDQuN2gxLjljMC42LDAsMS4yLDAuNSwxLjIsMS4ycy0wLjUsMS4yLTEuMiwxLjINCgkJTDc4OS41LDM4MzMuN0w3ODkuNSwzODMzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; opacity: 0.6; cursor:pointer; width: 46px; height: 46px; } div.enl-ico.open-lightbox-2:hover, div.enl-ico.open-lightbox-2:focus { opacity:1; }
JS
Enlarge-Icon
barrierefrei
Letzte Änderung: 10.11.2021 - 12:13 Uhr
×
Google+ (black)
CODE
×
HTML
<a class='go-ico'></a>
CSS
a.go-ico { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iaWZfbG9nb19zb2NpYWxfbWVkaWFfZ29vZ2xlX3BsdXNfMTA3MTAxNyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiINCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzMzMzMzM7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0iR3J1cHBlXzQzOCI+DQoJPHBhdGggaWQ9IlBmYWRfNzEiIGNsYXNzPSJzdDAiIGQ9Ik0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMHoiLz4NCjwvZz4NCjxnIGlkPSJHcnVwcGVfMTk2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjA3NiA5LjAwNSkiPg0KCTxnIGlkPSJHcnVwcGVfMTk1Ij4NCgkJPHBhdGggaWQ9IlBmYWRfMjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMC42LDcuMWMwLTMuOSwzLjItNyw3LTdDOCwwLjIsOS43LDAuOCwxMSwxLjljLTAuNSwwLjctMS4xLDEuMi0xLjcsMS44DQoJCQlDOCwyLjgsNi41LDIuNiw1LjEsMi45QzIuOCwzLjYsMS41LDYsMi4zLDguM3MzLjIsMy42LDUuNCwyLjhjMC4xLDAsMC4yLDAsMC4zLTAuMWMxLjEtMC40LDItMS40LDIuMy0yLjZjLTEuMywwLTIuNiwwLTMuOSwwDQoJCQljMC0wLjgsMC0xLjUsMC0yLjRjMi4yLDAsNC40LDAsNi42LDBjMC4yLDItMC4yLDMuOS0xLjQsNS41Yy0xLjgsMi4yLTQuOCwyLjktNy40LDJDMS4zLDEyLjctMC42LDEwLjEtMC42LDcuMXoiLz4NCgkJPHBhdGggaWQ9IlBmYWRfMjEiIGNsYXNzPSJzdDEiIGQ9Ik0xNy4yLDQuMWgyYzAsMC43LDAsMS4zLDAsMmMwLjcsMCwxLjMsMCwyLDB2MmgtMmMwLDAuNywwLDEuMywwLDJjLTAuNywwLTEuMywwLTIsMA0KCQkJYzAtMC43LDAtMS4zLDAtMmMtMC43LDAtMS4zLDAtMiwwdi0yYzAuNywwLDEuMywwLDIsMEMxNy4yLDUuNCwxNy4yLDQuNywxNy4yLDQuMXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 25px; display:inline-block; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; float:left; } a.go-ico:hover, a.go-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Google+ (black)
barrierefrei
×
Thumbnail Image
CODE
×
HTML
<div class='img-thumbnail'></div>
CSS
div.img-thumbnail { border: 1px solid rgba(222,222,222,1); background-image: url('../img/steuer.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; background-size: cover; margin-right: 30px; width: 130px; height: 130px; }
JS
Thumbnail Image
×
Lightbox Image
CODE
×
HTML
<div class='lightbox-img'></div>
CSS
div.lightbox-img { background-image: url('../img/Bild7.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: contain; background-color: rgba(242,242,242,1); height: 68vh; }
JS
Lightbox Image
×
Facebook (color)
CODE
×
HTML
<div class='facebook-c'></div>
CSS
div.facebook-c { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQogIDxkZWZzPg0KICA8c3R5bGU+DQogICAgLnN0MHtmaWxsOiM0MTRjOTl9DQogICAgLnN0MXtmaWxsOiNmZmZ9DQogIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBBMTYsMTYsMCwxLDAsMzIsMTYsMTYsMTYsMCwwLDAsMTYsMFoiLz4NCiAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjY5LDI0LjloMy42NzlWMTZoMi40NTRsLjMyNS0zLjA2OEgxNy4zNjlsMC0xLjUzNmMwLS44LjA3Ni0xLjIyOSwxLjIyNC0xLjIyOWgxLjUzNFY3LjFIMTcuNjc2Yy0yLjk0OSwwLTMuOTg2LDEuNDg5LTMuOTg2LDMuOTkydjEuODQySDExLjg1MlYxNkgxMy42OXY4LjlaIi8+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.facebook-c:hover, div.facebook-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Facebook (color)
barrierefrei
×
E-Mail (color)
CODE
×
HTML
<div class='email-c'></div>
CSS
div.email-c { display:inline-block; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAzMSI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNhNDE1MDY7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6ICNmZmY7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8ZyBpZD0iR3J1cHBlXzEyODkiIGRhdGEtbmFtZT0iR3J1cHBlIDEyODkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzYuMDgyIC0zODU1KSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV84IiBkYXRhLW5hbWU9IkVsbGlwc2UgOCIgY2xhc3M9ImNscy0xIiBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE1LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzNi4wODIgMzg1NSkiLz4NCiAgICA8ZyBpZD0iY2xvc2UtZW52ZWxvcGVfMV8iIGRhdGEtbmFtZT0iY2xvc2UtZW52ZWxvcGUoMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0Mi44NTMgMzg2NC4yNjkpIj4NCiAgICAgIDxnIGlkPSJHcnVwcGVfMTkzIiBkYXRhLW5hbWU9IkdydXBwZSAxOTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgICAgICA8cGF0aCBpZD0iUGZhZF8xNCIgZGF0YS1uYW1lPSJQZmFkIDE0IiBjbGFzcz0iY2xzLTIiIGQ9Ik04Ljk5Miw5LjQ1Miw2Ljc0NCw3LjQ4NC4zMTYsMTIuOTk0YTEuMzE2LDEuMzE2LDAsMCwwLC45LjM1MkgxNi43NzJhMS4zMDYsMS4zMDYsMCwwLDAsLjg5My0uMzUybC02LjQyNC01LjUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wOTQgLTAuMzY1KSIvPg0KICAgICAgICA8cGF0aCBpZD0iUGZhZF8xNSIgZGF0YS1uYW1lPSJQZmFkIDE1IiBjbGFzcz0iY2xzLTIiIGQ9Ik0xNy42NjgsMi4zNTJhMS4zMDcsMS4zMDcsMCwwLDAtLjktLjM1MkgxLjIxMmExLjMsMS4zLDAsMCwwLS44OTQuMzU0TDguOTkyLDkuNzg5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wOTUgLTIpIi8+DQogICAgICAgIDxwYXRoIGlkPSJQZmFkXzE2IiBkYXRhLW5hbWU9IlBmYWQgMTYiIGNsYXNzPSJjbHMtMiIgZD0iTTAsMi44NzhWMTMuNjYzTDYuMjc0LDguMzMxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMS43MzgpIi8+DQogICAgICAgIDxwYXRoIGlkPSJQZmFkXzE3IiBkYXRhLW5hbWU9IlBmYWQgMTciIGNsYXNzPSJjbHMtMiIgZD0iTTkuMTY3LDguMzMybDYuMjc0LDUuMzMxVjIuODc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi43MzMgLTEuNzM5KSIvPg0KICAgICAgPC9nPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.email-c:hover, div.email-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
E-Mail (color)
barrierefrei
×
Video Play Button
CODE
×
HTML
<div class='play-video enl-ico'></div>
CSS
div.play-video.enl-ico { position:absolute; opacity: 0.9; height: 114px; width: 114px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:50%; margin-left: -57px; background-image: url('../img/Play Button.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; } @media screen and (max-width: 767px) { div.play-video.enl-ico { padding-top: 6px; width: 85px; height: 85px; min-height: 85px; margin-left: -42.5px; } }
JS
Video Play Button
×
Jump2top-Icon
CODE
×
HTML
<div class='jump2top'></div>
CSS
div.jump2top { background-image: url('../img/jump-to-top.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; cursor: pointer; opacity: 0.6; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; width: 90px; height: 90px; } div.jump2top:hover, div.jump2top:focus { opacity:1; } @media screen and (max-width: 1119px) { div.jump2top { width: 60px; height: 60px; } } @media screen and (max-width: 767px) { div.jump2top { background-image: url('../img/jump-to-top-small.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 40px; height: 40px; } }
JS
Jump2top-Icon
×
Darkening Image Overlay
CODE
×
HTML
<div class='darken'></div>
CSS
div.darken { background: rgba(38,38,38,0.6); background: -moz-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,38,38,0.6)), color-stop(100%, rgba(68,68,68,0.2))); background: -webkit-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -o-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: -ms-linear-gradient(top, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); background: linear-gradient(to bottom, rgba(38,38,38,0.6) 0%, rgba(68,68,68,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#444444', GradientType=0 ); width: 100%; height: 100%; min-height: 250px; }
JS
Darkening Image Overlay
barrierefrei
×
Image 3to4 50%
CODE
×
HTML
<div class='img-3to4-50'></div>
CSS
div.img-3to4-50 { background-image: url('../img/portrait.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; margin-bottom: 20px; padding-top: calc(66.67% - 11.3px); width: calc(50% - 8.5px); height: 0px; max-height: 0px; }
JS
Image 3to4 50%
Erstellt: 01.04.2020 - 13:50 Uhr
×
xing (black)
CODE
×
HTML
<a class='xing-ico'></a>
CSS
a.xing-ico { width: 32px; height: 32px; margin-right: 25px; display:inline-block; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; float:left; } a.xing-ico:hover, a.xing-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
xing (black)
barrierefrei
×
kununu (black)
CODE
×
HTML
<a class='kununu-ico'></a>
CSS
a.kununu-ico { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMzMzMzMzM7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8ZyBpZD0iRmxhdF9jb3B5Ij4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBDNy4yLDAsMCw3LjIsMCwxNmMwLDguOCw3LjIsMTYsMTYsMTZzMTYtNy4yLDE2LTE2QzMyLDcuMiwyNC44LDAsMTYsMHoiLz4NCgk8L2c+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIwLjksMjEuOWMwLTEuNC0wLjYtMi44LTEuNS0zLjhjMC45LTEsMS40LTIuMywxLjQtMy43di0wLjloMGMwLTAuMi0wLjItMC40LTAuNS0wLjRoLTIuOQ0KCQljLTAuMiwwLTAuNCwwLjItMC41LDAuNEwxNywxNC40YzAsMS0wLjgsMS44LTEuOSwxLjh2MGgtMWMtMC43LDAtMS4zLDAuMS0xLjksMC4zVjguNGMwLTAuMy0wLjItMC41LTAuNS0wLjVIOC45DQoJCWMtMC4zLDAtMC41LDAuMi0wLjUsMC41djE3LjNjMCwwLjMsMC4yLDAuNSwwLjUsMC41aDIuOWMwLjMsMCwwLjUtMC4yLDAuNS0wLjV2LTMuOWgwYzAtMSwwLjgtMS44LDEuOS0xLjhoMWMxLDAsMS45LDAuOCwxLjksMS44DQoJCXYwLjloMHYyLjljMCwwLjMsMC4yLDAuNSwwLjUsMC41aDIuOWMwLjMsMCwwLjUtMC4yLDAuNS0wLjVsMC0yLjlMMjAuOSwyMS45TDIwLjksMjEuOXoiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4LjksNWMtMC4yLTAuMi0wLjUtMC4yLTAuNiwwbC0wLjIsMC4yYy0wLjIsMC4yLTAuMiwwLjQsMCwwLjZsMSwxYzAuMSwwLjEsMC4xLDAuNCwwLDAuNUwxOSw3LjQNCgkJCWMtMC4xLDAuMS0wLjQsMC4xLTAuNSwwbC0xLTFjLTAuNS0wLjUtMC41LTEuMywwLTEuOWwwLjItMC4yYzAuNS0wLjUsMS40LTAuNSwxLjksMGwxLDAuOWwwLjEsMC4xYzAuMSwwLjEsMC4xLDAuMywwLDAuNUwyMC40LDYNCgkJCWMtMC4xLDAuMS0wLjQsMC4xLTAuNSwwTDE4LjksNXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIzLjUsNS44YzAuMi0wLjIsMC4yLTAuNCwwLTAuNkwyMy40LDVjLTAuMi0wLjItMC41LTAuMi0wLjYsMGwtMSwxYy0wLjEsMC4xLTAuNCwwLjEtMC41LDBsLTAuMS0wLjENCgkJCWMtMC4xLTAuMS0wLjEtMC4zLDAtMC41bDEtMWMwLjUtMC41LDEuNC0wLjUsMS45LDBsMC4yLDAuMmMwLjUsMC41LDAuNSwxLjMsMCwxLjlsLTEsMC45bC0wLjEsMC4xYy0wLjEsMC4xLTAuNCwwLjEtMC41LDANCgkJCWwtMC4xLTAuMWMtMC4xLTAuMS0wLjEtMC40LDAtMC41TDIzLjUsNS44eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTguMSw5LjVjLTAuMiwwLjItMC4yLDAuNCwwLDAuNmwwLjIsMC4yYzAuMiwwLjIsMC41LDAuMiwwLjYsMGwxLTFjMC4xLTAuMSwwLjQtMC4xLDAuNSwwbDAuMSwwLjENCgkJCWMwLjEsMC4xLDAuMSwwLjMsMCwwLjVsLTEsMWMtMC41LDAuNS0xLjQsMC41LTEuOSwwbC0wLjItMC4yYy0wLjUtMC41LTAuNS0xLjMsMC0xLjlsMS0wLjlsMC4xLTAuMWMwLjEtMC4xLDAuNC0wLjEsMC41LDANCgkJCWwwLjEsMC4xYzAuMSwwLjEsMC4xLDAuNCwwLDAuNUwxOC4xLDkuNXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjcsMTAuM2MwLjIsMC4yLDAuNSwwLjIsMC42LDBsMC4yLTAuMmMwLjItMC4yLDAuMi0wLjQsMC0wLjZsLTEtMWMtMC4xLTAuMS0wLjEtMC4zLDAtMC41bDAuMS0wLjENCgkJCWMwLjEtMC4xLDAuNC0wLjEsMC41LDBsMSwxYzAuNSwwLjUsMC41LDEuMywwLDEuOUwyNCwxMC45Yy0wLjUsMC41LTEuNCwwLjUtMS45LDBsLTEtMC45bC0wLjEtMC4xYy0wLjEtMC4xLTAuMS0wLjMsMC0wLjUNCgkJCWwwLjEtMC4xYzAuMS0wLjEsMC40LTAuMSwwLjUsMEwyMi43LDEwLjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; width: 32px; height: 32px; margin-right: 25px; display:inline-block; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; float:left; } a.kununu-ico:hover, a.kununu-ico:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
kununu (black)
barrierefrei
×