@charset "UTF-8"; /*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /*! ----------------------------------------- */ /*! Änderungen an Klassen template Cassiopeia */ /*! */ /** */ /** */ /*! Ende Klassen Testbereich template Cassiopeia */ /** */ /** */ /*! Klasse Bestimmung Farbschema template Cassiopeia */ :root { --cassiopeia-color-primary: #AD9972; /** Hauptfarbe des Templates, start links */ --cassiopeia-color-link: #C1A798; /** gibt die Farbe an, in der Links dargestellt werden */ --cassiopeia-color-hover: #F5F4EF; /** bestimmt die Farbe, mit der Links beim Überrollen mit der Maus reagieren, Farbe des Templates rechts */ } /*! Klasse generell */ body { /** Seite angepaßt - Schriftgröße, Schriftdicke, Zeilenhöhe */ background: url(../images/img_bg_body.jpg) 100% 100%/cover local; margin: 0px 0px 0px 0px; /** top right bottom left **/ font-size: 0.95rem; font-weight: 300; line-height: 1.3; } /*! Anpassungen Position topbar */ .container-topbar { /** rechtsbündig - */ position: relative; float: right; max-height: 30px; border-radius: 0px 8px 0px 0px; /** obenlinks obenrechts untenrechts untenlinks **/ } /*! Anpassungen Header */ .header { /** Header angepaßt - z.B. statt Farbe ein Bild */ margin-top: 10px; background: -moz-linear-gradient(top, #F5F4EF 0%, #AD9972 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F4EF), color-stop(100%, #AD9972)); background: -webkit-linear-gradient(top, #F5F4EF 0%, #AD9972 100%); background: -o-linear-gradient(top, #F5F4EF 0%, #AD9972 100%); background: -ms-linear-gradient(top, #F5F4EF 0%, #AD9972 100%); background: linear-gradient(to bottom, #F5F4EF 0%, #AD9972 100%); border: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px 8px 8px 8px; /** obenlinks obenrechts untenrechts untenlinks **/ } .container-header { /** Header angepaßt - Hintergundbild gesetzte Farbe */ margin: 20px 20px 5px 20px; /** top right bottom left **/ text-decoration: none; font-size: 1.1rem; } .navbar-brand img { /** Logo/Bild Größe verändert */ text-decoration: none; } /*! Anpassungen Klasse Menü ( mod_menu, metismenu ) Header */ .mod-menu { /** Menüpunkte Text - Schriftgröße, Farbe */ font-size: 1.1rem; } .container-nav { /** Container Menü anpassen - */ background-color: #F5F4EF; max-height: 30px; opacity: 0.98; } .container-header .metismenu > li > a, .container-header .mod-menu > li > a, .container-header .metismenu > li > span, .container-header .mod-menu > li > span { /** Menüpunkte erste Hierarchie */ font-weight: bold; color: #ffffff; padding: 0px 10px 0px 10px; /** top right bottom left **/ } .container-header .metismenu > li > a:hover, .container-header .mod-menu > li > a:hover, .container-header .metismenu > li > span:hover, .container-header .mod-menu > li > span:hover { /** Menüpunkte erste Hierarchie - mouseover */ color: #5A544E; background-color: #FFFFFF; border: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; /** obenlinks obenrechts untenrechts untenlinks **/ } .navbar-collapse { /* Untermenü Container bei collapse aufgeklappt */ background-color: #5A544E; border: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; /** obenlinks obenrechts untenrechts untenlinks **/ margin-right: 20px; } .navbar-toggler { /* Menüsymbol collapse */ background-color: #0F4671; border-radius: 5px 5px 5px 5px; /** obenlinks obenrechts untenrechts untenlinks **/ } /*! Anpassungen Suchfunktion */ input[type="search" i] { /** Input Feld Suchfunktion angepaßt, Hintergrund - runde Ecken */ border-color: #A8ADB0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px 6px 6px 6px; /** obenlinks obenrechts untenrechts untenlinks **/ -webkit-box-shadow: 0 20px 0px rgba(0,0,0, .3); -moz-box-shadow: 0 20px 0px rgba(0,0,0, .3); box-shadow: 30px 3px 50px 0px rgba(0,0,0,0.3); background-image: url(../images/img_bg_suchen.png); background-repeat: no-repeat; background-position: right; height: 1.8rem; opacity: 0.70; } /*! Anpassungen Klasse Content Komponente */ .container-component { /** Content Komponente Transparenz, Rahmen ... */ background: #FDFDFD; opacity: 0.9; border-radius: 5px 5px 5px 5px; /** obenlinks obenrechts untenrechts untenlinks **/ border-top: solid 20px #0F4671; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2); padding: 5px 15px 5px 15px; /** top right bottom left - kein Rand Mobil **/ margin-top: 15px; /** Anpassung left side **/ margin-bottom: 10px; /** damit Schatten unten angezeigt wird **/ } /*! Anpassungen Überschriften, Texte, Links */ /*! Anpassungen Link generell */ /*! Anpassungen Buttons Klasse btn-primary - Farbe */ .btn-primary { background: #5A544E; } /*! Anpassungen Buttons Klasse btn-primary mouseover - Farbe */ .btn-primary:hover { background: #0F4671; } /*! Anpassungen Klasse Footer */ .footer { /** Schrift Anpassungen */ background: #CBC7BE; font-size: 0.80rem; } .footer a { /** Schrift Links */ font-weight: bold; color: #322E2D; } .footer a:hover { /** Schrift Links mouseover */ color: #ffffff; } .footer .metismenu > li > a:hover, .footer .mod-menu > li > a:hover, .footer .metismenu > li > span:hover, .footer .mod-menu > li > span:hover { /** metismenu Links im footer Bereich bei mouseover */ background: #ffffff; color: #514C46; } /*! Erweiterung in index.php - Formatierung Copyright Hinweis */ .sfx-copyright { /** Schriftgröße Links angepasst */ padding: 0px 0px 15px 20px; /** top right bottom left **/ font-size: 0.8em; color: #000000; text-decoration: none; } .sfx-copyright a { /** Schrift Links angepasst */ color: #322E2D; text-decoration: underline; } .sfx-copyright a:hover { /** Schrift Links mouseover angepasst */ text-decoration: underline; } /*! Anpassungen Klasse Contact Komponente */ .com-contact h3 { /** Überschriften Kontaktformular incl. Sprachoverride in Kontaktdaten */ font-size: 0.95rem; font-weight: bold; line-height: 1.3; } .sfx-com-contact-text { /** Textformatierung für Sprachoverride ( z.B. DEFAULT-LABEL ) in Kontaktdaten */ font-size: 0.90rem; font-weight: normal; line-height: 1.3; } /*! Anpassungen für Modul Willkommen */ .sfx-start-info, .sidebar-left card sfx-start-info { /** Hintergrundbild */ background-color: #AD9972; border-color: #AF9489; margin: 0px 0px 0px 0px; /** top right bottom left **/ } .sfxÿta 촦翴nfo h1, .sidebar-left card sfx-start-info h1 { /** Hintergrundbild */ background-color: #0F4671; color: #ffffff; margin: 0px 0px 0px 0px; /** top right bottom left **/ } /*! Anpassungen für Modul DJ-ImageSlider */ .sfx-dj-image { /** Hintergrund Galerie Transparenz, Rahmen ... */ padding: 0px 0px 0px 0px; /** top right bottom left - kein Rand Mobil **/ }