Initial commit

css/custom.css

+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+    background-color: red; 
+    border-radius: 50%; 
+}
+
+
+#matchesCarousel .carousel-inner {
+    text-align: center; 
+}
+
+#matchesCarousel .w3-container {
+    display: inline-block;
+}
+
+
+.w3-dropdown-content a:hover { background-color: #f8f8f8; }
+.w3-button.w3-theme { color: #fff; }
+.w3-theme-red { background-color: #C8102E !important; }
+.w3-theme-darkred { background-color: #C8102E !important; }
+.w3-text-red { color: #C8102E !important; }
+.no-decoration{
+    text-decoration: none;
+    color: white;
+}
+
+.tablink {
+    background-color: #C8102E; 
+    color: white; 
+    padding: 14px 16px;
+    cursor: pointer;
+    width: 33.33%;
+    border: none;
+    outline: none;
+}
+
+
+.tablink:hover {
+    background-color: #f1f1f1;
+    color: black;
+}
+
+
+.tabContent {
+    display: none;
+    padding: 20px;
+    border-top: none;
+}
+
+
+.tablink.active {
+    background-color: #f44336;
+}
+
+.w3-facebook {
+    background-color: #3b5998; 
+    color: white;
+}
+
+.w3-facebook:hover {
+    background-color: #2d4373; 
+}
+
+
+.w3-twitter {
+    background-color: #1DA1F2; 
+    color: white;
+}
+
+.w3-twitter:hover {
+    background-color: #0d95e8; 
+}
+
+.w3-youtube {
+    background-color: #FF0000; 
+    color: white;
+}
+
+.w3-youtube:hover {
+    background-color: #cc0000;
+}
+
+
+
+.w3-instagram {
+    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
+    color: white;
+}
+
+.w3-instagram:hover {
+    opacity: 0.8; 
+}
+
+
+.w3-linkedin {
+    background-color: #0077b5; 
+    color: white;
+}
+
+.w3-linkedin:hover {
+    background-color: #005582; 
+}
+
+
+#followUs a.w3-button {
+    border-radius: 50%; 
+    width: 50px;
+    height: 50px;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    margin: 5px;
+}
+
+#followUs i {
+    font-size: 24px;
+}
+
+
+#followUs h4 {
+    font-size: 1.5em;
+    color: #C8102E; 
+    margin-bottom: 20px;
+}
+
+#followUs p {
+    font-size: 1em;
+    color: #333;
+}
+.followUnion{
+    color: white !important; 
+}
+.unionbild1{
+    width: 100%;
+    height: auto;
+    max-height: 600px;
+}
+
+

css/w3-theme-black.css

+.w3-theme-l5 {
+    color: #000 !important;
+    background-color: #f0f0f0 !important
+}
+
+.w3-theme-l4 {
+    color: #000 !important;
+    background-color: #cccccc !important
+}
+
+.w3-theme-l3 {
+    color: #fff !important;
+    background-color: #999999 !important
+}
+
+.w3-theme-l2 {
+    color: #fff !important;
+    background-color: #666666 !important
+}
+
+.w3-theme-l1 {
+    color: #fff !important;
+    background-color: #333333 !important
+}
+
+.w3-theme-d1 {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-d2 {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-d3 {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-d4 {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-d5 {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-light {
+    color: #000 !important;
+    background-color: #f0f0f0 !important
+}
+
+.w3-theme-dark {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme-action {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-theme {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-text-theme {
+    color: #000000 !important
+}
+
+.w3-border-theme {
+    border-color: #000000 !important
+}
+
+.w3-hover-theme:hover {
+    color: #fff !important;
+    background-color: #000000 !important
+}
+
+.w3-hover-text-theme:hover {
+    color: #000000 !important
+}
+
+.w3-hover-border-theme:hover {
+    border-color: #000000 !important
+}
\ No newline at end of file