/** * @copyright Copyright (C) 2019 R3D Internet Dienstleistungen. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ /* ####### ###### ## ## ### ## ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ######### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ####### ###### ### ### ## ## ######## ######## */ /* oswald-200 - latin-ext_latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url('../fonts/oswald-v17-latin-ext_latin-200.eot'); /* IE9 Compat Modes */ src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'), url('../fonts/oswald-v17-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v17-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v17-latin-ext_latin-200.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-300 - latin-ext_latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: url('../fonts/oswald-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Oswald Light'), local('Oswald-Light'), url('../fonts/oswald-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v17-latin-ext_latin-300.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-regular - latin-ext_latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('../fonts/oswald-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Oswald Regular'), local('Oswald-Regular'), url('../fonts/oswald-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v17-latin-ext_latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */ } /* ######## ####### ######## ####### ######## ####### ###### ## ### ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ######## ## ## ######## ## ## ## ## ## ####### ###### ## ## ## ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ######### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ####### ######## ####### ## ####### ###### ######## ## ## ######## */ /* oswald-500 - latin-ext_latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url('../fonts/oswald-v17-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ src: local('Oswald Medium'), local('Oswald-Medium'), url('../fonts/oswald-v17-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v17-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v17-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v17-latin-ext_latin-500.svg#Oswald') format('svg'); /* Legacy iOS */ } /* roboto-slab-100 - latin-ext_latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url('../fonts/roboto-slab-v8-latin-ext_latin-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url('../fonts/roboto-slab-v8-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v8-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v8-latin-ext_latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-300 - latin-ext_latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-slab-v8-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url('../fonts/roboto-slab-v8-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v8-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v8-latin-ext_latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-regular - latin-ext_latin */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-slab-v8-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('../fonts/roboto-slab-v8-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-slab-v8-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-slab-v8-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-slab-v8-latin-ext_latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* ###### ####### ## ## ######## ## ## #### ######## #### ######## ###### ######## ######## ####### ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ######## ######## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ####### ## ## ######## ####### #### ## #### ## ###### ## ## ## ####### */ /* Conduit ITC Pro - for LOGO Animation use MEDIUM only */ @font-face { font-family: 'ConduitITCPro-Medium'; src: url('../fonts/ConduitITCPro-Medium.eot'); src: url('../fonts/ConduitITCPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ConduitITCPro-Medium.svg#ConduitITCPro-Medium') format('svg'), url('../fonts/ConduitITCPro-Medium.ttf') format('truetype'), url('../fonts/ConduitITCPro-Medium.woff') format('woff'), url('../fonts/ConduitITCPro-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* Conduit ITC Pro Bold */ @font-face { font-family: 'ConduitITCPro-Bold'; src: url('../fonts/ConduitITCPro-Bold.eot'); src: url('../fonts/ConduitITCPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ConduitITCPro-Bold.svg#ConduitITCPro-Bold') format('svg'), url('../fonts/ConduitITCPro-Bold.ttf') format('truetype'), url('../fonts/ConduitITCPro-Bold.woff') format('woff'), url('../fonts/ConduitITCPro-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* ## ## ####### ######## ######## ###### ### ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ###### ###### ## #### ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ####### ## ######## ###### */ /* ### LOGO ### font-size: 39.3px; text-shadow: 0px 1px 2px rgba(88,88,80,0.41); ### NAVIGATION ### # Menü Li-Oben # Neu im Vorv. 20 px 400 Oswald #808080 GROSS, linksbündig HIGHLIGHT 20 px 400 Oswald #269780 GROSS, linksbündig WEBLOG 20 px 400 Oswald #f28e1e GROSS, linksbündig GALERIE 20 px 400 Oswald #2e318d GROSS, linksbündig SUCHE 20 px 400 Oswald #808080 GROSS, linksbündig Menü Li-Unten 19 px 200 Oswald #afafaf GROSS, linksbündig BurgerMenü 20 px 400 Oswald #808080 GROSS, linksbündig Programm Tot. 21.12px 500 Oswald ### Programm Total: ### Programm BOX 388px x 192 px TAGzahl - 40 pt 300 Oswald #000000 rechtsbündig in Box 50x46 TAGname - 17 pt 200 Oswald #000000 Kleinbuchstaben, rechtsbündig in Box 50x21 Uhrzeit - 15 pt 200 Oswald #000000 rechtsbündig in Box 50x18 Überschrift3 13 pt 300 Roboto Slab #000000 normal linksbündig Überschrift1 21 pt 400 Oswald #000000 normal linksbündig Überschrift2 17 pt 400 Oswald #000000 normal linksbündig Textblock: 13 pt 300 Roboto Slab #000000 normal linksbündig tickets - 15 pt 300 Oswald #0074b6 linksbündig info - 15 pt 300 Oswald #0074b6 rechtsbündig border bottom: 2px solid #0074b6 ### COLORS ### Weiss: #ffffff Hintergrund Schwarz: #000000 Alle normalen Schriften Hellgrau: #ededed Hintergrund, Muted Background MittelGrau: #dedede Hintergrund vergammelt, MUTED Color Mittelgrau2: #afafaf IMPRESSUM, DATENSCHUTZ, SUCHE? GRAU: #808080 TOTAL, NAV, Border ROT: #cc1e25 BÜHNE, Danger Background, TEXTLINK (+underline) BLAU: #5488d3 MUSIK, Primary Color BLAU2: #2e318d GALERIE, LILA: #551a84 PARTY ORANGE: #f28e1e WEBLOG, Warning Background HELLGRÜN: #78c429 MEHR, Success Background DUNK GRÜN: #269780 HIGHLIGHTS, secondary background ### GOOGLE FONTS GENERAL ### Oswald Roboto Slab extra-light 200 thin 100 light 300 light 300 regular 400 regular 400 medium 500 bold 700 semi-bold 600 bold 700 */