html {
}
body {
background-color: #c61d24;
background-image: url(/zcms/module/allgemein/inc/show_bild.php?obj_id=76);
background-repeat: repeat-x;
font-family: Arial, sans-serif;
}
.inhalt {
margin: 30px 0 0 0;
/* padding: 30px 0px; */
}
.inhaltOTeaser {
margin: 30px 0 0 0;
/* padding: 30px 0px; */
}
.zcms-content {
}
a {
color: #c61d24;
}
a:hover {
color: #FF1d24;
}
.btn-link {
color: #c61d24;
}
.btn-link:hover, .btn-link:active {
color: #FF1d24;
}
h1 {
color: #c61d24;
font-weight: bold;
font-style: normal;
}
h2 {
font-size: 18;
font-weight: normal;
font-style: normal;
}
h3 {
font-size: 16;
font-weight: bold;
font-style: normal;
}
h4 {
font-size: 22;
}
h5 {
}
h6 {
}
.bildergalerie div.bildarchivBoxKlein {
}
.bildergalerie .bildarchivTextWrapper .bildarchivTextBG {
}
.bildergalerie .bildarchivTextWrapper .bildarchivText {
}
.startBildarchivContent2 {
}
.cycle-karussell-text {
}
.cycle-karussell-text h1, .cycle-karussell-text h2, .cycle-karussell-text h3, .cycle-karussell-text h4, .cycle-karussell-text h5, .cycle-karussell-text h6 {
}
.cycle-karussell-link {
}
.cycle-karussell-link:hover, .cycle-karussell-link:active, .cycle-karussell-link:focus {
}
.cycle-karussell-link > span {
}
.cycle-karussell-link:hover > span {
}
.cycle-karussell-text a {
}
.cycle-karussell-btn {
}
.cycle-karussell-btn:hover, .cycle-karussell-btn:active, .cycle-karussell-btn:focus {
}
.cycle-karussell-pager span {
}
.cycle-karussell-pager span.cycle-pager-active {
}
.jqcycle-karussell-left a, .jqcycle-karussell-right a {
}
#footer {
background-image: url(/zcms/module/allgemein/inc/show_bild.php?obj_id=22);
background-repeat: no-repeat;
margin: 10px 0 0 0;
padding: 30px 100px 0 0;
}
#footer a {
}
#footer a:hover {
}
.formular .formularTextPflicht {
}
.formular .formularText {
}
.listing a.listingRow1 {
}
.listing a:hover.listingRow1 {
}
.listing a.listingRow2 {
}
.listing a:hover.listingRow2 {
}
.listing a .listingInfo {
}
.listing a:hover .listingInfo {
}
.listing .list-group-item {
overflow: hidden;
}
#logo {
margin: 0 0 15px 0;
}
#header {
}
.nachrichten .textNachricht {
background-color: #FAFAFA;
margin: 16px 8px 16px 8px;
padding: 16px 16px 16px 16px;
border-radius:15px; box-shadow: 3px 6px 12px #DDDDDD;;
}
.nachrichten .textNachricht h1 {
font-size: 24;
}
.nachrichten .textNachrichtInfo {
}
.nachrichten .textNachrichtInfo a {
}
.nachrichten .headerNachricht h1 {
font-size: 24;
line-height: 24;
}
.nachrichten .headerNachrichtSymbol {
color: #c61d24;
}
.nachrichten .textNachrichtInline {
background-color: #FAFAFA;
margin: 16px 8px 16px 8px;
padding: 16px 16px 16px 16px;
border-radius:15px; box-shadow: 3px 6px 12px #DDDDDD;;
}
.startNewsContent2 {
}
.conNachrichtDropDown3 {
margin-bottom: 15px; }
.card-news {
background-color: #FAFAFA;
border-radius:15px; box-shadow: 3px 6px 12px #DDDDDD;;
}
.card-header-news {
}
.card-news-link {
font-size: 24;
line-height: 2em;
}
.card-news-sign {
font-size: 24;
line-height: 2em !important;
}
.card-body-news {
margin: 16px 8px 16px 8px;
padding: 16px 16px 16px 16px;
}
#navigator {
}
#navigator a {
}
#navigator a:hover {
}
#oneClickLinks {
text-align: left;
}
#oneClickLinks a.navi {
}
#oneClickLinks a.navi-aktiv {
}
#oneClickLinks a.navi:hover, #oneClickLinks a.navi-aktiv:hover {
}
.kseite1 {
}
.kseite2 {
}
.opTeaserNachrichten h1.header,
.opTeaserBilder h1.header,
.opTeaserSuche h1.header,
.opTeaserTermine h1.header {
}
.opTeaserNachrichtText h1, .opTeaserNachrichtText h2, .opTeaserNachrichtText h3,
.opTeaserSucheText h1, .opTeaserSucheText h2, .opTeaserSucheText h3,
.opTeaserTerminText h1, .opTeaserTerminText h2, .opTeaserTerminText h3 {
}
.opTeaserNachricht .opTeaserNachrichtText,
.opTeaserTermin .opTeaserTerminText {
}
.opTeaserNachricht .opTeaserNachrichtText a,
.opTeaserTermin .opTeaserTerminText a {
color: #c61d24;
}
.opTeaserNachricht .opTeaserNachrichtText a:hover,
.opTeaserTermin .opTeaserTerminText a:hover {
color: #FF1d24;
}
.opTeaserTermin .opTeaserTerminDatum {
}
.opTeaserTermin .opTeaserTerminUhrzeit,
.opTeaserTermin .opTeaserTerminOrt {
}
.produkte div.textProduktInlay:hover {
background-color: #dedede;
color: #000000;
}
.produkte div.textProduktInlay:hover h1 {
color: #000000;
}
#socialmedia {
margin: 15px 0;
}
#sprachen {
text-align: left;
}
#sprachen a.navi, #sprachen button, #sprachen ul li a, #sprachen .labelSprache {
}
#sprachen a.navi-aktiv {
}
#sprachen a.navi:hover, #sprachen a.navi-aktiv:hover {
}
#sprachen .flaggen {
}
#suche {
background-color: #c61d24;
background-image: url(/zcms/module/allgemein/inc/show_bild.php?obj_id=73);
margin: 0px 10px 0px 0px;
padding: 7px 20px 0px 10px;
text-align: right;
width: 170px;
height: 30px;
}
#suchergebnis h1.suche {
color: #ffffff;
}
#suchergebnis .sucheErgebnisbox {
}
#suchergebnis .sucheInfo {
}
#supportSuche {
background-color: #eeeeee;
border-color: #cccccc;
}
#supportSuchergebnis {
border-color: #cccccc;
}
#supportSuchergebnis .supportListeintragDesc {
color: #666666;
}
#supportSuchergebnis .supportListeintragRow2 {
background-color: #eeeeee;
}
#supportSuchergebnis .supportListeintragRow1:hover, #supportSuchergebnis .supportListeintragRow2:hover {
background-color: #cccccc;
}
.supportText {
border-color: #eeeeee;
}
#teaser {
background-color: #f8f8f8;
padding: 5px;
border: solid 2px #f4f4f4;
}
#teaser a {
color: #c61d24;
}
#teaser a:hover {
color: #FF1d24;
}
#teaser .teaser {
margin: 20px 0px 0px 0px;
}
#teaser .teaser h1, #teaser .teaser h2, #teaser .teaser h3, #teaser .teaser h4, #teaser .teaser h5, #teaser .teaser h6, #teaser .teaser .newsText h1 {
}
#teaser .teaser h1.header {
}
#teaser .teaser .teaserBild {
}
#teaser .teaser .teaserBild img {
}
#teaser .teaser .teaserBild .bildTitel {
}
#teaser .teaser .teaserNews {
margin: 0px 0px 10px 0px;
}
#teaser .teaser .teaserTermin a {
}
#teaser .teaser .teaserTermin .terminDatum {
}
.termine .textTermin,
.termine .startTerminContentText {
}
.termine .textTermine2 h1, .termine .startTerminContentText h1 {
}
.termine .textTermin .datum, .termine .textTermin .uhrzeit, .termine .textTermin .ort,
.termine .startTerminContentText .datum, .termine .startTerminContentText .uhrzeit, .termine .startTerminContentText .ort {
/*
*/
}
#umfrage {
}
#umfrageFrage {
}
#umfrageAntworten {
}
.umfrageBalken {
}
#umfrageGesamt {
}
.zInhaltsverzeichnis {
}
a.inhaltslink {
}
#forum #navigator a {
color: #c61d24;
}
/* @group TOP Button */
#topBtn {
background-color: #000000;
color: #ffffff;
font-size: 18px;
text-align: center;
}
#topBtn:hover {
background-color: #ffffff;
color: #000000;
border-color: #000000;
}
/* 4 Spalten mit Animation */
.int4SpaltenAni .int4SpaltenAniH {
font-size: 16;
font-weight: bold;
font-style: normal;
}
.int4SpaltenAni .int4SpaltenAniText {
}
.int4SpaltenAni .int4SpaltenAniLink {
background-color: #c61d24;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.int4SpaltenAni {
min-height: 175px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.int4SpaltenAni {
min-height: 240px;
}
}
.zcms-zus-navi-sticky-top {
}
#container1 {
}
#container2 {
}
#container3 {
}
#container4 {
}
#container5 {
}
#container6 {
}
#container7 {
}
#container8 {
}
#container9 {
}
#container10 {
}
#header .cycle-slide img { width: 100%; height: auto }
.img-responsive {
max-width: 100%;
height: auto;
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
/* Toggler */
.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
border-width: 0px;
padding: 0px;
}
/* Logo */
.navbar-brand {
font-size: inherit;
margin-right: 1.5rem;
}
.navbar-brand-logo {
height: 60px;
width: auto;
}
/* 1. Ebene */
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
font-size: 1.1rem;
}
/* 1. Ebene Aktiv */
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:focus {
outline: none;
}
/* Navi 3 Ebene aktiv */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
/* Suche */
.navbar-search-dropdown {
padding: 0px;
width: 250px;
}
/* Externe Navigation */
#navigationExtern {
padding: 15px 0px;
}
#navigationExtern p {
margin: 0px;
}
.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
color: #ffffff !important;
}
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar {
min-height: 40px;
background-color: #c61d24; background: linear-gradient(180deg, rgba(198,29,36,1) 0%, rgba(215,46,53,1) 50%, rgba(232,63,70,1) 100%); !important;
background-repeat: repeat-x; padding: 0 15px;
border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.navbar-brand-logo {
}
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
color: #ffffff !important;
font-size: 16px;
background-color: transparent;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: #dddddd !important;
background-color: transparent;
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
font-size: 16px;
}
#navigation .dropdown-menu {
background-color: #a40e00;
}
#navigation .dropdown-item {
color: #ffffff;
font-size: 14px;
}
#navigation .dropdown-item.active,
#navigation .dropdown-item:active,
#navigation .dropdown-item:focus,
#navigation .dropdown-item:hover {
color: #dddddd !important;
background-color: #a40e00;
}
.dropdown-item.active,
.dropdown-item:active {
font-size: 14px;
}
.navbar-form-zcms-mobile {
display: none;
}
.btn-suche-navbar {
background-color: transparent;
border-width: 0px;
color: #ffffff !important;
}
.btn-suche-navbar:hover {
background-color: #c61d24; background: linear-gradient(180deg, rgba(198,29,36,1) 0%, rgba(215,46,53,1) 50%, rgba(232,63,70,1) 100%); !important;
color: #dddddd !important;
}
@media (max-width: 767.98px) {
.navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-xs, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-xl {
padding-right:0;
padding-left:0
}
}
@media (max-width: 991px) { .navbar-nav {
height: 100vh !important;
text-align: center;
padding-top: 15px;
}
.navbar-form-zcms {
display: none !important;
}
.navbar-form-zcms-mobile {
display: block !important;
}
#navigation .form-inline .form-control {
max-width: 400px;
margin: 0 auto;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
font-size: 16px;
}
#navigation .dropdown-item {
text-align: center;
}
#navigation .dropdown-menu {
background-color: transparent;
border-width: 0px;
}
#navigation .dropdown-item {
color: #ffffff; background-color: transparent;
}
#navigation .dropdown-item.active,
#navigation .dropdown-item:active {
color: #dddddd;
background-color: transparent;
}
#navigation .dropdown-item:focus,
#navigation .dropdown-item:hover {
color: #dddddd;
background-color: transparent;
}
/* no outline */
.navbar-toggler:focus,
.navbar-toggler:active {
outline: 0;
}
/* close verstecken */
.navbar-toggler.collapsed .close-icon {
display: none;
}
.navbar-toggler .close-icon {
width: 30px;
height: 30px;
font-family: 'Gill Sans', sans-serif;
font-weight: 100;
font-size: 30px;
line-height: 30px;
vertical-align: sub;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
display: inline;
}
/* Dritte Ebene mobil */
.dropdown-submenu {
position: inherit;
}
.dropdown-submenu a::after {
transform: rotate(0deg);
position: inherit;
right: inherit;
top: inherit;
}
}
.no-gutters-n15 {
margin-left: -15px;
margin-right: -15px;
}
.no-gutters-15 {
margin-left: 15px;
margin-right: 15px;
}
#rowContainer1
{
border: 2px solid #c61d24;
padding: 20px;
margin-top: 20px;
/* Und hier sind die Deklarationen für die Schatten.
Der erste PX-Wert steht für die Y-Achse, der zweite Wert für die X-Achse und der dritte Wert für die Weichzeichnung des Schattens. Und der letzte Wert ist die Schattenfarbe. */
-webkit-box-shadow: 5px 5px 20px #aaa;
-moz-box-shadow: 5px 5px 20px #aaa;
box-shadow: 5px 5px 20px #000;
background-color: #ffffff;
}
#termine #kal a.kal1 {
font-weight: bold;
color: #990000;
background-color: #ffffff;
border-left: 3px solid #000000;
}
.dropdown-toggle:after { content: none }
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0px;
padding-right: 40px;
}
/*
* Einstellung der Karouselicons, Farbe kann unter background-image in fill='%23[Hex-Farbcode]' gesetzt werden.
*/
.carousel-control-prev-icon {
background-position: 45% 50%; // Icon muss bisschen verschoben werden, um mittig zu erscheinen.
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
background-position: 55% 50%; // Icon muss bisschen verschoben werden, um mittig zu erscheinen.
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 48px;
width: 48px;
outline: black;
background-size: 50%, 50%;
border-radius: 50%;
//border: 1px solid black;
//box-shadow: 3px 6px 12px black;
}
.angebote p {
padding: 16px;
margin: 24px 8px 24px 8px;
//border: 1px solid black;
border-radius: 25px;
box-shadow: 3px 6px 12px rgba(0,0,0,0.15);
}
.angebote a {
font-size: 18px;
}
#teaser {
margin-top: 24px;
border-radius: 15px;
}
.teaserNews {
margin: 8px;
padding: 12px;
border-radius: 25px;
box-shadow: 3px 6px 12px rgba(0,0,0,0.15);
}
#footer {
min-height: 100px;
background-position: right bottom;
}@media (max-width: 992px) {h2 {font-size: 18;}h3 {font-size: 16;}}
@media (min-width: 0px) and (max-width: 767.98px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
#footer {
background-image: none;
}}@media (min-width: 992px) and (max-width: 1199px) {.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 24px;
}}