/* * Bei verschachtelten Flex-Modul-Containern sollte nur der oberste eingerueckt sein */ .container.sxModule .container.sxModule, .sxAccountContainer .container { width: auto; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } /* * Farben fuer Newsletter Anmelde-Box. * * Hier muss zusätzlich auch ein Bild unter websitebaukasten/CI/images/guillemets_.png gepflegt sein. */ .newsletter-anmeldung-orange .nl-anmeldung .inputContainer input.textbox, .newsletter-anmeldung-orange .nl-anmeldung .nlreg-button-inner input { border: 2px solid #ee7f00; } .newsletter-anmeldung-blau .nl-anmeldung .inputContainer input.textbox, .newsletter-anmeldung-blau .nl-anmeldung .nlreg-button-inner input { border: 2px solid #1e4191; } /* * Hintergrund-Farben */ .hintergrund-weiss, .hintergrund-weiss > .defaultBackground, , .hintergrund-weiss h1, .hintergrund-weiss h2, .hintergrund-weiss h3, .hintergrund-weiss h4, .hintergrund-weiss h5, .hintergrund-weiss h6 { background: #ffffff !important; } .hintergrund-orange, .hintergrund-orange > .defaultBackground, .hintergrund-orange h1, .hintergrund-orange h2, .hintergrund-orange h3, .hintergrund-orange h4, .hintergrund-orange h5, .hintergrund-orange h6 { background: #ff6600 !important; } .hintergrund-blau, .hintergrund-blau > .defaultBackground, .hintergrund-blau h1, .hintergrund-blau h2, .hintergrund-blau h3, .hintergrund-blau h4, .hintergrund-blau h5, .hintergrund-blau h6 { background: #003d8d !important; } .hintergrund-grau, .hintergrund-grau > .defaultBackground, .hintergrund-grau h1, .hintergrund-grau h2, .hintergrund-grau h3, .hintergrund-grau h4, .hintergrund-grau h5, .hintergrund-grau h6 { background: #f2f2f2 !important; } .hintergrund-zyan, .hintergrund-zyan > .defaultBackground, .hintergrund-zyan h1, .hintergrund-zyan h2, .hintergrund-zyan h3, .hintergrund-zyan h4, .hintergrund-zyan h5, .hintergrund-zyan h6 { background: #00879A !important; } .hintergrund-zyan-dunkel, .hintergrund-zyan-dunkel > .defaultBackground, .hintergrund-zyan-dunkel h1, .hintergrund-zyan-dunkel h2, .hintergrund-zyan-dunkel h3, .hintergrund-zyan-dunkel h4, .hintergrund-zyan-dunkel h5, .hintergrund-zyan-dunkel h6 { background: #428187 !important; } .hintergrund-leer, .hintergrund-leer > .defaultBackground, .hintergrund-leer h1, .hintergrund-leer h2, .hintergrund-leer h3, .hintergrund-leer h4, .hintergrund-leer h5, .hintergrund-leer h6 { background: transparent !important; } /* * von rehm definierte Hintergrund-Farben */ .hellblau-grau, .hellblau-grau > .defaultBackground, .hellblau-grau h1, .hellblau-grau h2, .hellblau-grau h3, .hellblau-grau h4, .hellblau-grau h5, .hellblau-grau h6, .hellblau-grau .sxOnePageNavContainer .sxOnePageNav { background: #e3e9f3 !important; color: #666666 !important; } .hellgrau-grau, .hellgrau-grau > .defaultBackground, .hellgrau-grau h1, .hellgrau-grau h2, .hellgrau-grau h3, .hellgrau-grau h4, .hellgrau-grau h5, .hellgrau-grau h6, .hellgrau-grau .sxOnePageNavContainer .sxOnePageNav { background: #eeeeee !important; color: #666666 !important; } .lachs-grau, .lachs-grau > .defaultBackground, .lachs-grau h1, .lachs-grau h2, .lachs-grau h3, .lachs-grau h4, .lachs-grau h5, .lachs-grau h6, .lachs-grau .sxOnePageNavContainer .sxOnePageNav { background: #ffd3b6 !important; color: #666666 !important; } .helllachs-grau, .helllachs-grau > .defaultBackground, .helllachs-grau h1, .helllachs-grau h2, .helllachs-grau h3, .helllachs-grau h4, .helllachs-grau h5, .helllachs-grau h6, .helllachs-grau .sxOnePageNavContainer .sxOnePageNav { background: #fef7f3 !important; color: #666666 !important; } .hellgelb-grau, .hellgelb-grau > .defaultBackground, .hellgelb-grau h1, .hellgelb-grau h2, .hellgelb-grau h3, .hellgelb-grau h4, .hellgelb-grau h5, .hellgelb-grau h6, .hellgelb-grau .sxOnePageNavContainer .sxOnePageNav { background: #feecb0 !important; color: #666666 !important; } .graublau-grau, .graublau-grau > .defaultBackground, .graublau-grau h1, .graublau-grau h2, .graublau-grau h3, .graublau-grau h4, .graublau-grau h5, .graublau-grau h6, .graublau-grau .sxOnePageNavContainer .sxOnePageNav { background: #a5c8ce !important; color: #666666 !important; } .hellgraublau-grau, .hellgraublau-grau > .defaultBackground, .hellgraublau-grau h1, .graublau-grau h2, .hellgraublau-grau h3, .hellgraublau-grau h4, .hellgraublau-grau h5, .hellgraublau-grau h6, .hellgraublau-grau .sxOnePageNavContainer .sxOnePageNav { background: #dae8f1 !important; color: #666666 !important; } .jehleblau-weiss, .jehleblau-weiss > .defaultBackground, .jehleblau-weiss h1, .jehleblau-weiss h2, .jehleblau-weiss h3, .jehleblau-weiss h4, .jehleblau-weiss h5, .jehleblau-weiss h6, .jehleblau-weiss .sxOnePageNavContainer .sxOnePageNav { background: #003d8d !important; color: #ffffff !important; } .dunkelgrau-weiss, .dunkelgrau-weiss > .defaultBackground, .dunkelgrau-weiss h1, .dunkelgrau-weiss h2, .dunkelgrau-weiss h3, .dunkelgrau-weiss h4, .dunkelgrau-weiss h5, .dunkelgrau-weiss h6, .dunkelgrau-weiss .sxOnePageNavContainer .sxOnePageNav { background: #666666 !important; color: #ffffff !important; } .deckergelb-grau, .deckergelb-grau > .defaultBackground, .deckergelb-grau h1, .deckergelb-grau h2, .deckergelb-grau h3, .deckergelb-grau h4, .deckergelb-grau h5, .deckergelb-grau h6, .deckergelb-grau .sxOnePageNavContainer .sxOnePageNav { background: #fcc000 !important; color: #666666 !important; } .senfgelb-weiss, .senfgelb-weiss > .defaultBackground, .senfgelb-weiss h1, .senfgelb-weiss h2, .senfgelb-weiss h3, .senfgelb-weiss h4, .senfgelb-weiss h5, .senfgelb-weiss h6, .senfgelb-weiss .sxOnePageNavContainer .sxOnePageNav { background: #cca234 !important; color: #ffffff !important; } .aubergiene-weiss, .aubergiene-weiss > .defaultBackground, .aubergiene-weiss h1, .aubergiene-weiss h2, .aubergiene-weiss h3, .aubergiene-weiss h4, .aubergiene-weiss h5, .aubergiene-weiss h6, .aubergiene-weiss .sxOnePageNavContainer .sxOnePageNav { background: #5c1535 !important; color: #ffffff !important; } .magenta-weiss, .magenta-weiss > .defaultBackground, .magenta-weiss h1, .magenta-weiss h2, .magenta-weiss h3, .magenta-weiss h4, .magenta-weiss h5, .magenta-weiss h6, .magenta-weiss .sxOnePageNavContainer .sxOnePageNav { background: #d92b8a !important; color: #ffffff !important; } .navy-weiss, .navy-weiss > .defaultBackground, .navy-weiss h1, .navy-weiss h2, .navy-weiss h3, .navy-weiss h4, .navy-weiss h5, .navy-weiss h6, .navy-weiss .sxOnePageNavContainer .sxOnePageNav { background: #223a5c !important; color: #ffffff !important; } .rose-grau, .rose-grau > .defaultBackground, .rose-grau h1, .rose-grau h2, .rose-grau h3, .rose-grau h4, .rose-grau h5, .rose-grau h6, .rose-grau .sxOnePageNavContainer .sxOnePageNav { background: #eed5db !important; color: #666666 !important; } .rot-weiss, .rot-weiss > .defaultBackground, .rot-weiss h1, .rot-weiss h2, .rot-weiss h3, .rot-weiss h4, .rot-weiss h5, .rot-weiss h6, .rot-weiss .sxOnePageNavContainer .sxOnePageNav { background: #e30512 !important; color: #ffffff !important; } .gruen-weiss, .gruen-weiss > .defaultBackground, .gruen-weiss h1, .gruen-weiss h2, .gruen-weiss h3, .gruen-weiss h4, .gruen-weiss h5, .gruen-weiss h6, .gruen-weiss .sxOnePageNavContainer .sxOnePageNav { background: #63bc46 !important; color: #ffffff !important; } .leuchtendblau-weiss, .leuchtendblau-weiss > .defaultBackground, .leuchtendblau-weiss h1, .leuchtendblau-weiss h2, .leuchtendblau-weiss h3, .leuchtendblau-weiss h4, .leuchtendblau-weiss h5, .leuchtendblau-weiss h6, .leuchtendblau-weiss .sxOnePageNavContainer .sxOnePageNav, .leuchtendblau-weiss a { background: #41a3d7 !important; color: #ffffff !important; } .hellpetrol-weiss, .hellpetrol-weiss > .defaultBackground, .hellpetrol-weiss h1, .hellpetrol-weiss h2, .hellpetrol-weiss h3, .hellpetrol-weiss h4, .hellpetrol-weiss h5, .hellpetrol-weiss h6, .hellpetrol-weiss .sxOnePageNavContainer .sxOnePageNav, .hellpetrol-weiss .sxOneText { background: #72b5ae !important; color: #ffffff !important; } .grasgruen-weiss, .grasgruen-weiss > .defaultBackground, .grasgruen-weiss h1, .grasgruen-weiss h2, .grasgruen-weiss h3, .grasgruen-weiss h4, .grasgruen-weiss h5, .grasgruen-weiss h6, .grasgruen-weiss .sxOnePageNavContainer .sxOnePageNav, .grasgruen-weiss .sxOneText { background: #8ebd49 !important; color: #ffffff !important; } .dunkellila-weiss, .dunkellila-weiss > .defaultBackground, .dunkellila-weiss h1, .dunkellila-weiss h2, .dunkellila-weiss h3, .dunkellila-weiss h4, .dunkellila-weiss h5, .dunkellila-weiss h6, .dunkellila-weiss .sxOnePageNavContainer .sxOnePageNav { background: #534B8D !important; color: #ffffff !important; } .lila-weiss, .lila-weiss > .defaultBackground, .lila-weiss h1, .lila-weiss h2, .lila-weiss h3, .lila-weiss h4, .lila-weiss h5, .lila-weiss h6, .lila-weiss .sxOnePageNavContainer .sxOnePageNav { background: #A39FC0 !important; color: #ffffff !important; } .helllila-grau, .helllila-grau > .defaultBackground, .helllila-grau h1, .helllila-grau h2, .helllila-grau h3, .helllila-grau h4, .helllila-grau h5, .helllila-grau h6, .helllila-grau .sxOnePageNavContainer .sxOnePageNav { background: #e3dfff !important; color: #666666 !important; } .akzentblau1-weiss, .akzentblau1-weiss > .defaultBackground, .akzentblau1-weiss h1, .akzentblau1-weiss h2, .akzentblau1-weiss h3, .akzentblau1-weiss h4, .akzentblau1-weiss h5, .akzentblau1-weiss h6, .akzentblau1-weiss .sxOnePageNavContainer .sxOnePageNav { background: #4097db !important; color: #ffffff !important; } .akzentblau2-weiss, .akzentblau2-weiss > .defaultBackground, .akzentblau2-weiss h1, .akzentblau2-weiss h2, .akzentblau2-weiss h3, .akzentblau2-weiss h4, .akzentblau2-weiss h5, .akzentblau2-weiss h6, .akzentblau2-weiss .sxOnePageNavContainer .sxOnePageNav { background: #0076bd !important; color: #ffffff !important; } .akzenttuerkis1-weiss, .akzenttuerkis1-weiss > .defaultBackground, .akzenttuerkis1-weiss h1, .akzenttuerkis1-weiss h2, .akzenttuerkis1-weiss h3, .akzenttuerkis1-weiss h4, .akzenttuerkis1-weiss h5, .akzenttuerkis1-weiss h6, .akzenttuerkis1-weiss .sxOnePageNavContainer .sxOnePageNav { background: #44838b !important; color: #ffffff !important; } .akzenttuerkis2-weiss, .akzenttuerkis2-weiss > .defaultBackground, .akzenttuerkis2-weiss h1, .akzenttuerkis2-weiss h2, .akzenttuerkis2-weiss h3, .akzenttuerkis2-weiss h4, .akzenttuerkis2-weiss h5, .akzenttuerkis2-weiss h6, .akzenttuerkis2-weiss .sxOnePageNavContainer .sxOnePageNav { background: #2d8692 !important; color: #ffffff !important; } .akzentgruen-weiss, .akzentgruen-weiss > .defaultBackground, .akzentgruen-weiss h1, .akzentgruen-weiss h2, .akzentgruen-weiss h3, .akzentgruen-weiss h4, .akzentgruen-weiss h5, .akzentgruen-weiss h6, .akzentgruen-weiss .sxOnePageNavContainer .sxOnePageNav { background: #56944f !important; color: #ffffff !important; } .akzentgrau-weiss, .akzentgrau-weiss > .defaultBackground, .akzentgrau-weiss h1, .akzentgrau-weiss h2, .akzentgrau-weiss h3, .akzentgrau-weiss h4, .akzentgrau-weiss h5, .akzentgrau-weiss h6, .akzentgrau-weiss .sxOnePageNavContainer .sxOnePageNav { background: #9b9087 !important; color: #ffffff !important; } .hellblau-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .hellgrau-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .lachs-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .helllachs-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .hellgelb-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .graublau-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .jehleblau-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .dunkelgrau-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .deckergelb-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .senfgelb-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .aubergiene-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .magenta-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .navy-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .rose-grau .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #666666 !important; color: #666666 !important; } .rot-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .gruen-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .leuchtendblau-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .hellpetrol-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .grasgruen-weiss .sxOnePageNavContainer .sxOnePageNav > div > a { border-right: 1px solid #ffffff !important; color: #ffffff !important; } .hellblau-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .hellgrau-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .lachs-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .helllachs-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .hellgelb-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .graublau-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .jehleblau-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .dunkelgrau-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .deckergelb-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .senfgelb-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .aubergiene-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .magenta-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .navy-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .rose-grau .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #666666 !important; color: #666666 !important; } .rot-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .gruen-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .leuchtendblau-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .hellpetrol-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .grasgruen-weiss .sxOnePageNavContainer .sxOnePageNav > div:first-child > a { border-left: 1px solid #ffffff !important; color: #ffffff !important; } .hellblau-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #e3e9f3 !important 0%, #e3e9f3 !important 34%, #e3e9f3 61% !important); color: #666666 !important; } .hellgrau-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #eeeeee !important 0%, #eeeeee !important 34%, #eeeeee 61% !important); color: #666666 !important; } .lachs-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #ffd3b6 !important 0%, #ffd3b6 !important 34%, #ffd3b6 61% !important); color: #666666 !important; } .helllachs-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #fef7f3 !important 0%, #fef7f3 !important 34%, #fef7f3 61% !important); color: #666666 !important; } .hellgelb-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #feecb0 !important 0%, #feecb0 !important 34%, #feecb0 61% !important); color: #666666 !important; } .graublau-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #a5c8ce !important 0%, #a5c8ce !important 34%, #a5c8ce 61% !important); color: #666666 !important; } .jehleblau-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #003d8d !important 0%, #003d8d !important 34%, #003d8d 61% !important); color: #ffffff !important; } .dunkelgrau-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #666666 !important 0%, #666666 !important 34%, #666666 61% !important); color: #ffffff !important; } .deckergelb-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #fcc000 !important 0%, #fcc000 !important 34%, #fcc000 61% !important); color: #666666 !important; } .senfgelb-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #cca234 !important 0%, #cca234 !important 34%, #cca234 61% !important); color: #ffffff !important; } .aubergiene-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #5c1535 !important 0%, #5c1535 !important 34%, #5c1535 61% !important); color: #ffffff !important; } .magenta-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #d92b8a !important 0%, #d92b8a !important 34%, #d92b8a 61% !important); color: #ffffff !important; } .navy-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #223a5c !important 0%, #223a5c !important 34%, #223a5c 61% !important); color: #ffffff !important; } .rose-grau .sxOnePageNavContainer span.after { background: linear-gradient(to right, #eed5db !important 0%, #eed5db !important 34%, #eed5db 61% !important); color: #666666 !important; } .rot-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #e30512 !important 0%, #e30512 !important 34%, #e30512 61% !important); color: #ffffff !important; } .gruen-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #63bc46 !important 0%, #63bc46 !important 34%, #63bc46 61% !important); color: #ffffff !important; } .leuchtendblau-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #0b86e2 !important 0%, #0b86e2 !important 34%, #0b86e2 61% !important); color: #ffffff !important; } .hellpetrol-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #72b5ae !important 0%, #72b5ae !important 34%, #72b5ae 61% !important); color: #ffffff !important; } .grasgruen-weiss .sxOnePageNavContainer span.after { background: linear-gradient(to right, #8ebd49 !important 0%, #8ebd49 !important 34%, #8ebd49 61% !important); color: #ffffff !important; } .hellblau-grau .sxOnePageNavContainer span.after { background: #e3e9f3 !important; color: #666666 !important; } .hellgrau-grau .sxOnePageNavContainer span.after { background: #eeeeee !important; color: #666666 !important; } .lachs-grau .sxOnePageNavContainer span.after { background: #ffd3b6 !important; color: #666666 !important; } .helllachs-grau .sxOnePageNavContainer span.after { background: #fef7f3 !important; color: #666666 !important; } .hellgelb-grau .sxOnePageNavContainer span.after { background: #feecb0 !important; color: #666666 !important; } .graublau-grau .sxOnePageNavContainer span.after { background: #a5c8ce !important; color: #666666 !important; } .jehleblau-weiss .sxOnePageNavContainer span.after { background: #003d8d !important; color: #ffffff !important; } .dunkelgrau-weiss .sxOnePageNavContainer span.after { background: #666666 !important; color: #ffffff !important; } .deckergelb-grau .sxOnePageNavContainer span.after { background: #fcc000 !important; color: #666666 !important; } .senfgelb-weiss .sxOnePageNavContainer span.after { background: #cca234 !important; color: #ffffff !important; } .aubergiene-weiss .sxOnePageNavContainer span.after { background: #5c1535 !important; color: #ffffff !important; } .magenta-weiss .sxOnePageNavContainer span.after { background: #d92b8a !important; color: #ffffff !important; } .navy-weiss .sxOnePageNavContainer span.after { background: #223a5c !important; color: #ffffff !important; } .rose-grau .sxOnePageNavContainer span.after { background: #eed5db !important; color: #666666 !important; } .rot-weiss .sxOnePageNavContainer span.after { background: #e30512 !important; color: #ffffff !important; } .gruen-weiss .sxOnePageNavContainer span.after { background: #63bc46 !important; color: #ffffff !important; } .leuchtendblau-weiss .sxOnePageNavContainer span.after { background: #0b86e2 !important; color: #ffffff !important; } .hellpetrol-weiss .sxOnePageNavContainer span.after { background: #72b5ae !important; color: #ffffff !important; } .grasgruen-weiss .sxOnePageNavContainer span.after { background: #8ebd49 !important; color: #ffffff !important; } /* * Schriftgrößen */ .fontSize1pt { font-size: 1pt !important; } .fontSize2pt { font-size: 1pt !important; } .fontSize3pt { font-size: 2pt !important; } .fontSize4pt { font-size: 2pt !important; } .fontSize5pt { font-size: 3pt !important; } .fontSize6pt { font-size: 3pt !important; } .fontSize7pt { font-size: 4pt !important; } .fontSize8pt { font-size: 5pt !important; } .fontSize9pt { font-size: 5pt !important; } .fontSize10pt { font-size: 6pt !important; } .fontSize11pt { font-size: 7pt !important; } .fontSize12pt { font-size: 8pt !important; } .fontSize13pt { font-size: 9pt !important; } .fontSize14pt { font-size: 10pt !important; } .fontSize15pt { font-size: 11pt !important; } .fontSize16pt { font-size: 12pt !important; } .fontSize17pt { font-size: 13pt !important; } .fontSize18pt { font-size: 14pt !important; } .fontSize19pt { font-size: 15pt !important; } .fontSize20pt { font-size: 16pt !important; } .fontSize21pt { font-size: 17pt !important; } .fontSize22pt { font-size: 18pt !important; } .fontSize23pt { font-size: 19pt !important; } .fontSize24pt { font-size: 20pt !important; } .fontSize25pt { font-size: 21pt !important; } .fontSize26pt { font-size: 22pt !important; } .fontSize27pt { font-size: 23pt !important; } .fontSize28pt { font-size: 24pt !important; } .fontSize29pt { font-size: 25pt !important; } .fontSize30pt { font-size: 26pt !important; } .fontSize31pt { font-size: 27pt !important; } .fontSize32pt { font-size: 28pt !important; } .fontSize33pt { font-size: 29pt !important; } .fontSize34pt { font-size: 30pt !important; } .fontSize35pt { font-size: 31pt !important; } .fontSize36pt { font-size: 32pt !important; } .fontSize37pt { font-size: 33pt !important; } .fontSize38pt { font-size: 34pt !important; } .fontSize39pt { font-size: 35pt !important; } .fontSize40pt { font-size: 36pt !important; } @media (min-width: 1170px) { .fontSize1pt { font-size: 1pt !important; } .fontSize2pt { font-size: 2pt !important; } .fontSize3pt { font-size: 3pt !important; } .fontSize4pt { font-size: 4pt !important; } .fontSize5pt { font-size: 5pt !important; } .fontSize6pt { font-size: 6pt !important; } .fontSize7pt { font-size: 7pt !important; } .fontSize8pt { font-size: 8pt !important; } .fontSize9pt { font-size: 9pt !important; } .fontSize10pt { font-size: 10pt !important; } .fontSize11pt { font-size: 11pt !important; } .fontSize12pt { font-size: 12pt !important; } .fontSize13pt { font-size: 13pt !important; } .fontSize14pt { font-size: 14pt !important; } .fontSize15pt { font-size: 15pt !important; } .fontSize16pt { font-size: 16pt !important; } .fontSize17pt { font-size: 17pt !important; } .fontSize18pt { font-size: 18pt !important; } .fontSize19pt { font-size: 19pt !important; } .fontSize20pt { font-size: 20pt !important; } .fontSize21pt { font-size: 21pt !important; } .fontSize22pt { font-size: 22pt !important; } .fontSize23pt { font-size: 23pt !important; } .fontSize24pt { font-size: 24pt !important; } .fontSize25pt { font-size: 25pt !important; } .fontSize26pt { font-size: 26pt !important; } .fontSize27pt { font-size: 27pt !important; } .fontSize28pt { font-size: 28pt !important; } .fontSize29pt { font-size: 29pt !important; } .fontSize30pt { font-size: 30pt !important; } .fontSize31pt { font-size: 31pt !important; } .fontSize32pt { font-size: 32pt !important; } .fontSize33pt { font-size: 33pt !important; } .fontSize34pt { font-size: 34pt !important; } .fontSize35pt { font-size: 35pt !important; } .fontSize36pt { font-size: 36pt !important; } .fontSize37pt { font-size: 37pt !important; } .fontSize38pt { font-size: 38pt !important; } .fontSize39pt { font-size: 39pt !important; } .fontSize40pt { font-size: 40pt !important; } } /* * Farben für Schriften */ .schrift-grau h1, .schrift-grau h2, .schrift-grau h3, .schrift-grau h4, .schrift-grau > a, .schrift-grau .sxOver div.h1, .schrift-grau .sxOnePageHeader > div > div, .schrift-grau .sxOnePageHeader > div > p { color: #666666 !important; } .schrift-orange h1, .schrift-orange h2, .schrift-orange h3, .schrift-orange h4, .schrift-orange > a, .schrift-orange .sxOver div.h1, .schrift-orange .sxOnePageHeader > div > div, .schrift-orange .sxOnePageHeader > div > p { color: #ff6600 !important; } .schrift-zyan h1, .schrift-zyan h2, .schrift-zyan h3, .schrift-zyan h4, .schrift-zyan > a, .schrift-zyan .sxOver div.h1, .schrift-zyan .sxOnePageHeader > div > div, .schrift-zyan .sxOnePageHeader > div > p { color: #00879A !important; } .schrift-weiss h1, .schrift-weiss h2, .schrift-weiss h3, .schrift-weiss h4, .schrift-weiss > a, .schrift-weiss .sxOver div.h1, .schrift-weiss .sxOnePageHeader > div > div, .schrift-weiss .sxOnePageHeader > div > p { color: #ffffff !important; } .schrift-grau .sxOver a { color: #666666 !important; border: 1px solid #666666 !important; } .schrift-weiss .sxOver a { color: #ffffff !important; border: 1px solid #ffffff !important; } /* * Farben für die One Pager Bilderboxen */ .hellblau-grau .sxOnePageHeader > div > div p { background: #e3e9f3 !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .hellgrau-grau .sxOnePageHeader > div > div p { background: #eeeeee !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .lachs-grau .sxOnePageHeader > div > div p { background: #ffd3b6 !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .helllachs-grau .sxOnePageHeader > div > div p { background: #fef7f3 !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .hellgelb-grau .sxOnePageHeader > div > div p { background: #feecb0 !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .graublau-grau .sxOnePageHeader > div > div p { background: #a5c8ce !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .jehleblau-weiss .sxOnePageHeader > div > div p { background: #003d8d !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .dunkelgrau-weiss .sxOnePageHeader > div > div p { background: #666666 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .deckergelb-grau .sxOnePageHeader > div > div p { background: #fcc000 !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .senfgelb-weiss .sxOnePageHeader > div > div p { background: #cca234 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .aubergiene-weiss .sxOnePageHeader > div > div p { background: #5c1535 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .magenta-weiss .sxOnePageHeader > div > div p { background: #d92b8a !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .navy-weiss .sxOnePageHeader > div > div p { background: #223a5c !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .rose-grau .sxOnePageHeader > div > div p { background: #eed5db !important; color: #666666 !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .rot-weiss .sxOnePageHeader > div > div p { background: #e30512 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .gruen-weiss .sxOnePageHeader > div > div p { background: #63bc46 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px;} .leuchtendblau-weiss .sxOnePageHeader > div > div p { background: #0b86e2 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .hellpetrol-weiss .sxOnePageHeader > div > div p { background: #72b5ae !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .grasgruen-weiss .sxOnePageHeader > div > div p { background: #8ebd49 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } .hellgraublau-grau .sxOnePageHeader > div > div p { background: #dae8f1 !important; color: #ffffff !important; display: inline; padding: 0px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; } /* * Farben für die Blog Startseiten */ .hellblau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .hellblau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .hellblau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .hellblau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #7d8ea9; text-shadow:none;} .hellgrau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .hellgrau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .hellgrau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .hellgrau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #eeeeee; text-shadow:none;} .lachs .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .lachs .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .lachs .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .lachs .sxModuleMainSlider .sxBlogHeader div.container div p {color: #ffd3b6; text-shadow:none;} .helllachs .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .helllachs .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .helllachs .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .helllachs .sxModuleMainSlider .sxBlogHeader div.container div p {color: #fef7f3; text-shadow:none;} .hellgelb .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .hellgelb .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .hellgelb .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .hellgelb .sxModuleMainSlider .sxBlogHeader div.container div p {color: #feecb0; text-shadow:none;} .graublau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .graublau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .graublau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .graublau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #a5c8ce; text-shadow:none;} .jehleblau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .jehleblau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .jehleblau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .jehleblau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #003d8d; text-shadow:none;} .dunkelgrau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .dunkelgrau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .dunkelgrau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .dunkelgrau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #666666; text-shadow:none;} .deckergelb .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .deckergelb .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .deckergelb .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .deckergelb .sxModuleMainSlider .sxBlogHeader div.container div p {color: #fcc000; text-shadow:none;} .senfgelb .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .senfgelb .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .senfgelb .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .senfgelb .sxModuleMainSlider .sxBlogHeader div.container div p {color: #cca234; text-shadow:none;} .aubergiene .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .aubergiene .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .aubergiene .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .aubergiene .sxModuleMainSlider .sxBlogHeader div.container div p {color: #5c1535; text-shadow:none;} .magenta .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .magenta .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .magenta .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .magenta .sxModuleMainSlider .sxBlogHeader div.container div p {color: #d92b8a; text-shadow:none;} .navy .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .navy .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .navy .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .navy .sxModuleMainSlider .sxBlogHeader div.container div p {color: #223a5c; text-shadow:none;} .rose .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .rose .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .rose .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .rose .sxModuleMainSlider .sxBlogHeader div.container div p {color: #eed5db; text-shadow:none;} .rot .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .rot .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .rot .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .rot .sxModuleMainSlider .sxBlogHeader div.container div p {color: #e30512; text-shadow:none;} .gruen .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .gruen .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .gruen .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .gruen .sxModuleMainSlider .sxBlogHeader div.container div p {color: #63bc46; text-shadow:none;} .leuchtendblau .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .leuchtendblau .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .leuchtendblau .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .leuchtendblau .sxModuleMainSlider .sxBlogHeader div.container div p {color: #0b86e2; text-shadow:none;} .hellpetrol .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .hellpetrol .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .hellpetrol .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .hellpetrol .sxModuleMainSlider .sxBlogHeader div.container div p {color: #4d928b; text-shadow:none;} .grasgruen .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .grasgruen .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .grasgruen .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .grasgruen .sxModuleMainSlider .sxBlogHeader div.container div p {color: #8ebd49; text-shadow:none;} .orange .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .orange .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .orange .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .orange .sxModuleMainSlider .sxBlogHeader div.container div p {color: #ff6600; text-shadow:none;} .dunkellila .sxModuleMainSlider .sxBlogHeader div.container {background-color:white; opacity: 0.8; padding: 10px 0;} .dunkellila .sxModuleMainSlider .sxBlogHeader div.container h1.title {color: #666666; text-shadow:none;} .dunkellila .sxModuleMainSlider .sxBlogHeader div.container div {padding-top:0;} .dunkellila .sxModuleMainSlider .sxBlogHeader div.container div.name p {color: #534B8D; text-shadow:none;} /* * Farben für "weiter lesen" bei Ausklappelementen */ .hellblau-grau .sxOnePageReadMore a { background: #e3e9f3 !important; } .hellgrau-grau .sxOnePageReadMore a { background: #eeeeee !important; } .lachs-grau .sxOnePageReadMore a { background: #ffd3b6 !important; } .helllachs-grau .sxOnePageReadMore a { background: #fef7f3 !important; } .hellgelb-grau .sxOnePageReadMore a { background: #feecb0 !important; } .graublau-grau .sxOnePageReadMore a { background: #a5c8ce !important; } .jehleblau-weiss .sxOnePageReadMore a { background: #003d8d !important; } .dunkelgrau-weiss .sxOnePageReadMore a { background: #666666 !important; } .deckergelb-grau .sxOnePageReadMore a { background: #fcc000 !important; } .senfgelb-weiss .sxOnePageReadMore a { background: #cca234 !important; } .aubergiene-weiss .sxOnePageReadMore a { background: #5c1535 !important; } .magenta-weiss .sxOnePageReadMore a { background: #d92b8a !important; } .navy-weiss .sxOnePageReadMore a { background: #223a5c !important; } .rose-grau .sxOnePageReadMore a { background: #eed5db !important; } .rot-weiss .sxOnePageReadMore a { background: #e30512 !important; } .gruen-weiss .sxOnePageReadMore a { background: #63bc46 !important; } .leuchtendblau-weiss .sxOnePageReadMore a { background: #0b86e2 !important; } .hellpetrol-weiss .sxOnePageReadMore a { background: #72b5ae !important; } .grasgruen-weiss .sxOnePageReadMore a { background: #8ebd49 !important; } .column-container-right .hellblau-grau { padding: 15px 15px 10px 15px; } .column-container-right .hellgrau-grau { padding: 15px 15px 10px 15px; } .column-container-right .lachs-grau { padding: 15px 15px 10px 15px; } .column-container-right .helllachs-grau { padding: 15px 15px 10px 15px; } .column-container-right .hellgelb-grau { padding: 15px 15px 10px 15px; } .column-container-right .graublau-grau { padding: 15px 15px 10px 15px; } .column-container-right .jehleblau-weiss { padding: 15px 15px 10px 15px; } .column-container-right .dunkelgrau-weiss { padding: 15px 15px 10px 15px; } .column-container-right .deckergelb-grau { padding: 15px 15px 10px 15px; } .column-container-right .senfgelb-weiss { padding: 15px 15px 10px 15px; } .column-container-right .aubergiene-weiss { padding: 15px 15px 10px 15px; } .column-container-right .magenta-weiss { padding: 15px 15px 10px 15px; } .column-container-right .navy-weiss { padding: 15px 15px 10px 15px; } .column-container-right .rose-grau { padding: 15px 15px 10px 15px; } .column-container-right .rot-weiss { padding: 15px 15px 10px 15px; } .column-container-right .gruen-weiss { padding: 15px 15px 10px 15px; } .column-container-right .leuchtendblau-weiss { padding: 15px 15px 10px 15px; } .column-container-right .hellpetrol-weiss { padding: 15px 15px 10px 15px; } .column-container-right .grasgruen-weiss { padding: 15px 15px 10px 15px; } .column-container-right .lila-weiss { padding: 15px 15px 10px 15px; } .column-container-right .lila-weiss .sxOneText { color: #fff } /* * Text-Farben */ .text-weiss, .text-weiss p, .text-weiss h1, .text-weiss h2, .text-weiss h3, .text-weiss h4, .text-weiss h5, .text-weiss h6 { color: #ffffff !important; } .text-orange, .text-orange p, .text-orange h1, .text-orange h2, .text-orange h3, .text-orange h4, .text-orange h5, .text-orange h6 { color: #ff6600 !important; } .text-grau, .text-grau p, .text-grau h1, .text-grau h2, .text-grau h3, .text-grau h4, .text-grau h5, .text-grau h6 { color: #666666 !important; } .text-blau, .text-blau p, .text-blau h1, .text-blau h2, .text-blau h3, .text-blau h4, .text-blau h5, .text-blau h6 { color: #003d8d !important; } .text-dunkellila,.text-dunkellila p, .text-dunkellila h1, .text-dunkellila h2, .text-dunkellila h3, .text-dunkellila h4, .text-dunkellila h5, .text-dunkellila h6 { color: #534B8D !important; } /* * Text-Ausrichtung */ .text-links { text-align:left !important; } .text-mitte { text-align:center !important; } .text-rechts { text-align:right !important; } /* * Button-Farbe */ .button-orange .defaultButtonColor { background: #ff6600 !important; color:white; } .button-blau .defaultButtonColor { background: #003d8d !important; color:white; } .button-zyan .defaultButtonColor { background: #00879A !important; } .button-weiss .defaultButtonColor { background: #ffffff !important; } /* * Button-Farbe */ .icon-orange .defaultIconColor { color: #ff6600 !important; } .icon-blau .defaultIconColor { color: #003d8d !important; } /* * Inline Flex Module */ /* padding auf margin umgestellt */ .flexleft { float: left; margin-left:5px; margin-right:20px; margin-top:0px; margin-bottom:5px; height:100% !important; } .flexright { float: right; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:10px; height:100% !important; } .flexcenter { display: block; margin: 0 auto; height:100% !important; } /* * Column Container */ @media (min-width: 0px) { .column-container-left { padding-left:0px; padding-right:0px; } .column-container-middle { padding-left:0px; padding-right:0px; } .column-container-right { padding-left:0px; padding-right:0px; } } @media (min-width: 1170px) { .column-container-left { padding-left:0px; padding-right:15px; } .column-container-middle { padding-left:15px; padding-right:15px; } .column-container-right { padding-left:15px; padding-right:0px; } } /* * Blog */ .sxBlogList .item img { border-radius:50%; } .sxBlogAuthor { margin-left:5px; } .sxBlogParent { font-weight:bold; } .blog-info { padding: 22px 0 16px 0; font-size: 15px; line-height: 21px; font-weight: 600; } /* * Hinzugefügt am 26.10 wegen einem Fehler in der Smartphone Ansicht */ .sxTags a{ height: auto !important; } /* * Flexboxen (inlineBox) */ .inlineBox { display:inline-block; box-sizing:border-box; min-height:300px; vertical-align:top; } @media (min-width: 768px) { .container.container-inline { width: 785px; } .inlineBox { border:10px solid transparent; } } @media (min-width: 992px) { .container.container-inline { width: 785px; } } @media (min-width: 1170px) { .container.container-inline { width: 1160px; } } .mobile-one-third { width:100%; } .mobile-two-third { width:100%; } .mobile-full-width { width:100%; } @media (min-width: 768px) { .tablet-one-third { width:50%; } .tablet-two-third { width:100%; } .tablet-full-width { width:100%; } } @media (min-width: 1170px) { .desktop-one-third { width:33.333333%; } .desktop-two-third { width:66.666666%; } .desktop-full-width { width:100%; } } /* Trenner fuer Kategorien/Tags/Themengebiete/Textkategorien */ .pipe { margin-left:0.3em; margin-right:0.3em; } /* * Neue Styles für eLine */ .SxMyAccount { margin-top:-10px; } .SxMyAccount .sxPageInfo { background: #F60; } .SxMyAccount .sxPageInfo a { color:white; } .SxMyAccount .sxPageInfo .col-xs-9 ul { color:white; } @media (min-width: 1170px) { .SxMyAccount .sxPageInfo .col-xs-9 h3 { margin-top: 20px; font-size: 25px; } } .classification-list { border-top: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; text-align: center; } .classification-list * { display: inline; } .classification-list .classification-list-title { font-weight: bold; } .classification-list .classification-list-items { padding-left:10px; } .classification-list .classification-list-items li { display: inline-block; padding-right: 10px; } /* DOM-nodes for background shapes */ .bg-shape-container-1.container.sxModule, .bg-shape-container-2.container.sxModule, .bg-shape-container-3.container.sxModule { display:none; } .bg-image { position:relative; } .bg-image > .bg-image-container-mobile, .bg-image > .bg-image-container-desktop { position:absolute; top:0; left:0; right:0; bottom:0; } .bg-image > .bg-image-container-mobile img, .bg-image > .bg-image-container-desktop img { display:none; } .hintergrund-bild-mitte > .bg-image-container-mobile, .hintergrund-bild-mitte > .bg-image-container-desktop { background-position: center; background-repeat: no-repeat; } .hintergrund-bild-rechts > .bg-image-container-mobile, .hintergrund-bild-rechts > .bg-image-container-desktop { background-position: right; background-repeat: no-repeat; } .hintergrund-bild-rechts-oben > .bg-image-container-mobile, .hintergrund-bild-rechts-oben > .bg-image-container-desktop { background-position: right top; background-repeat: no-repeat; } .hintergrund-bild-rechts-unten > .bg-image-container-mobile, .hintergrund-bild-rechts-unten > .bg-image-container-desktop { background-position: right bottom; background-repeat: no-repeat; } .hintergrund-bild-links > .bg-image-container-mobile, .hintergrund-bild-links > .bg-image-container-desktop { background-position: left; background-repeat: no-repeat; } .hintergrund-bild-links-oben > .bg-image-container-mobile, .hintergrund-bild-links-oben > .bg-image-container-desktop { background-position: left top; background-repeat: no-repeat; } .hintergrund-bild-links-unten > .bg-image-container-mobile, .hintergrund-bild-links-unten > .bg-image-container-desktop { background-position: left bottom; background-repeat: no-repeat; } /* * Farben */ .link-weiss a { color: white !important; } .link-orange a { color: #F60 !important; } .link-grau a { color: #666666 !important; } .link-zyan a { color: #00879A !important; } .schrift-weiss p, .schrift-weiss strong, .schrift-weiss .defaultButtonColor, .schrift-weiss .sxOpenMenu ul li ul li a { color: white !important; } .schrift-orange p, .schrift-orange strong, .schrift-orange .defaultButtonColor, .schrift-orange .sxOpenMenu ul li ul li a { color: #F60 !important; } .schrift-zyan p, .schrift-zyan strong, .schrift-zyan .defaultButtonColor, .schrift-zyan .sxOpenMenu ul li ul li a { color: #00879A !important; } .button-weiss .sxOpenMenu ul li ul li a { background: #fff; } .button-orange .sxOpenMenu ul li ul li a { background: #F60; } .button-zyan .sxOpenMenu ul li ul li a { background: #00879A; } .button-grau .sxOpenMenu ul li ul li a { background: #f2f2f2; } /* * Hintergrund Kreis */ .hintergrund-form-kreis, .hintergrund-form-kreis-big { position:relative; overflow:hidden; } .hintergrund-form-kreis > .bg-shape-container-3.sxModule, .hintergrund-form-kreis-big > .bg-shape-container-3.sxModule { display:block; position:absolute; top:0; right:0; left:0; bottom:0; } .hintergrund-form-kreis > .bg-shape-container-3 > .bg-shape-3 { display:block; overflow: hidden; position: absolute; margin-left: 575px; top: -110px; height: 650px; width: 1300px; -webkit-border-radius: 0px 0px 650px 650px; -moz-border-radius: 0px 0px 650px 650px; border-radius: 0px 0px 650px 650px; } .hintergrund-form-kreis-big > .bg-shape-container-3 > .bg-shape-3 { display: block; overflow: hidden; position: absolute; margin-left: -3500px; top: 110px; height: 7700px; width: 7700px; -webkit-border-radius: 4000px 4300px 0px 0px; -moz-border-radius: 4000px 4300px 0px 0px; border-radius: 4000px 4300px 0px 0px; } .hintergrund-form-kreis.hintergrund-form-zyan > .bg-shape-container-3 > .bg-shape-3 { background: #00879A; } .hintergrund-form-kreis.hintergrund-form-orange > .bg-shape-container-3 > .bg-shape-3, .hintergrund-form-kreis-big.hintergrund-form-orange > .bg-shape-container-3 > .bg-shape-3 { background: #FF6600; } .hintergrund-form-kreis.hintergrund-form-grau > .bg-shape-container-3 > .bg-shape-3 { background: #f2f2f2; } .hintergrund-form-kreis.hintergrund-form-blaugrau > .bg-shape-container-3 > .bg-shape-3 { background: #e3e9f3; } .hintergrund-form-kreis .textFragment, .hintergrund-form-kreis .textFragment p { font-size: 24px; line-height: 30px; } @media (max-width: 1170px) { .hintergrund-form-kreis > .bg-shape-container-3 > .bg-shape-3 { margin-left:170px; } .hintergrund-form-kreis .textFragment, .hintergrund-form-kreis .textFragment p { font-size: 20px; line-height: 26px; } } /* * Hintergrund Kurve */ .hintergrund-form-kurve { position:relative; overflow:hidden; } .hintergrund-form-kurve > .bg-shape-container-3.sxModule { display:block; position:absolute; top:0; right:0; left:0; bottom:0; } .hintergrund-form-kurve > .bg-shape-container-3 > .bg-shape-3 { display:block; overflow: hidden; position: absolute; width: 4000px; height: 2000px; border-radius: 2000px / 1000px; margin-left: -1215px; top:190px; transform: rotate(20deg); } .hintergrund-form-kurve.hintergrund-form-zyan > .bg-shape-container-3 > .bg-shape-3 { background: #00879A; } .hintergrund-form-kurve.hintergrund-form-orange > .bg-shape-container-3 > .bg-shape-3 { background: #FF6600; } .hintergrund-form-kurve.hintergrund-form-grau > .bg-shape-container-3 > .bg-shape-3 { background: #f2f2f2; } .hintergrund-form-kurve .sxOnePageTitle h2 { font-size: 32px; background: transparent !important; } @media (max-width: 1170px) { .hintergrund-form-kurve > .bg-shape-container-3 > .bg-shape-3 { margin-left: -1995px; top: 85px; transform: rotate(12deg); } } /* * Hintergrund Kreis links */ .hintergrund-form-linse { position:relative; overflow:hidden; } .hintergrund-form-linse > .bg-shape-container-2.sxModule { display: block; position: absolute; left: 0; width: 50%; top: 0; bottom: 0; } .hintergrund-form-linse.hintergrund-form-orange > .bg-shape-container-2.sxModule { background: #FF6600; } .hintergrund-form-linse.hintergrund-form-zyan > .bg-shape-container-2.sxModule { background: #00879A; } .hintergrund-form-linse.hintergrund-form-grau > .bg-shape-container-2.sxModule { background: #f2f2f2; } .hintergrund-form-linse.hintergrund-form-blaugrau > .bg-shape-container-2.sxModule { background: white; } .hintergrund-form-linse > .bg-shape-container-3.sxModule { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .hintergrund-form-linse.hintergrund-form-orange > .bg-shape-container-3.sxModule { background: radial-gradient(circle at center left, #FF6600 55%, transparent 55.1%); } .hintergrund-form-linse.hintergrund-form-zyan > .bg-shape-container-3.sxModule { background: radial-gradient(circle at center left, #00879A 55%, transparent 55.1%); } .hintergrund-form-linse.hintergrund-form-grau > .bg-shape-container-3.sxModule { background: radial-gradient(circle at center left, #f2f2f2 55%, transparent 55.1%); } .hintergrund-form-linse.hintergrund-form-blaugrau > .bg-shape-container-3.sxModule { background: radial-gradient(circle at center right, #e3e9f3 55%, transparent 55.1%); } .hintergrund-form-linse h2 { font-size: 32px; font-weight: bold; line-height: 35px; } .hintergrund-form-linse > .bg-shape-container-2.sxModule { width: 40%; } .hintergrund-form-linse .textFragment, .hintergrund-form-linse .textFragment p { font-size: 20px; line-height: 26px; } .hintergrund-form-linse .flexleft { display: inline-block; vertical-align:middle; } .hintergrund-form-linse h1, .hintergrund-form-linse h2, .hintergrund-form-linse .sxOnePageTitle h1, .hintergrund-form-linse .sxOnePageTitle h2 { font-size: 32px; font-weight: bold; line-height: 35px; } @media (min-width: 1170px) { .hintergrund-form-linse .column-container-left { padding-top: 100px; padding-bottom: 60px; } .narrow .column-container-left { padding-top: 40px; padding-bottom: 60px; } .hintergrund-form-linse > .bg-image-container-desktop { left: calc(50% - 20px); background-repeat: no-repeat; background-size: cover; } } @media (max-width: 1170px) { .height300{ height:300px; } .hintergrund-form-linse > .bg-shape-container-3.sxModule { width:100%; position: relative; height: 100px; margin-top: -60px; margin-bottom: -20px; } .hintergrund-form-linse.hintergrund-form-orange { background: #FF6600; } .hintergrund-form-linse.hintergrund-form-orange > .bg-shape-container-3.sxModule { background: radial-gradient(ellipse 90% 100% at bottom, #FF6600 68%, transparent 68.5%); } .hintergrund-form-linse.hintergrund-form-zyan > .bg-shape-container-3.sxModule { background: radial-gradient(ellipse 90% 100% at bottom, #00879A 68%, transparent 68.5%); } .hintergrund-form-linse.hintergrund-form-grau > .bg-shape-container-3.sxModule { background: radial-gradient(ellipse 90% 100% at bottom, #f2f2f2 68%, transparent 68.5%); } .hintergrund-form-linse.hintergrund-form-blaugrau > .bg-shape-container-3.sxModule { background: radial-gradient(ellipse 90% 100% at bottom, #e3e9f3 68%, transparent 68.5%); } .hintergrund-form-linse > .bg-shape-container-2.sxModule { display:none; } .hintergrund-form-linse > .bg-image-container-mobile { position:relative; height: 600px; background-repeat: no-repeat; background-position: center; } } /* * Abstand für Flex-Module */ .modul-abstand-gross { padding-top: 100px; padding-bottom: 60px; } @media (max-width: 1170px) { .modul-abstand-gross { padding-top: 30px; padding-bottom: 30px; } } .modul-abstand-mittel { padding-top: 60px; padding-bottom: 40px; } @media (max-width: 1170px) { .modul-abstand-mittel { padding-top: 20px; padding-bottom: 20px; } } .modul-abstand-klein { padding-top: 40px; padding-bottom: 20px; } @media (max-width: 1170px) { .modul-abstand-klein { padding-top: 10px; padding-bottom: 10px; } } /* * Quiz */ .quiz-list .headline { color: #B6D2E2; font-size: 48px; font-weight: bold; line-height: 53px; margin-bottom:30px; } .quiz-list-quiz { padding:30px; margin-bottom:20px; min-height: 132px; border-radius: 2px; color: #50788E; } .quiz-list-quiz.unplayed { background-color: #B6D2E2; } .quiz-list-quiz.unplayed .quizCategory { font-size: 18px; font-weight:bold; line-height: 26px; } .quiz-list-quiz.unplayed .quizTitle { font-size: 32px; line-height: 43px; } .quiz-list-quiz.played { border: 1px solid #B6D2E2; } .quiz-list-quiz.played .quizCategory { font-weight:bold; font-size: 20px; line-height: 34px; } .quiz-list-quiz.played .quizTitle { font-size: 20px; line-height: 34px; } .quiz-list-quiz .quiz-button { display:block; height: 36px; width: 180px; border-radius: 4px; background-color: #FFFFFF; line-height:36px; text-align:center; margin-top:18px; color: #FF6600; text-decoration: none; } .quiz-list-quiz .quiz-button.deactivated { opacity: 0.5; color: #666; } .quiz-list-quiz .quiz-badge { font-size: 20px; font-weight: bold; line-height: 27px; } .quiz-list-quiz .quiz-badge img { width:68px; height:68px; margin-right:15px; } .quiz-list-quiz .quiz-badge-0 { color: #468188; } .quiz-list-quiz .quiz-badge-1 { color: #6DAE2A; } .quiz-list-quiz .quiz-badge-2 { color: #2271C1; } .quiz-list-quiz .quiz-badge-3 { color: #FF6600; } .quiz-list-quiz .quiz-column-right { margin-top:20px; } @media (min-width: 992px) { .quiz-list-quiz .quiz-column-right { margin-top:0px; width:180px; float:right; } } .pswp--visible { z-index:999999; } /* * Product Tip Slider */ .product-tip-item { position: absolute; left:-10000px; opacity:0; } .product-tip-item.product-tip-item-visible { position:static; opacity:1; transition: opacity 2s ease; } @media (min-width: 1170px) { .product-tip-item.one-third { height:470px; } .product-tip-item.one-third .image { width: 296px; padding-left: 38px; padding-right: 38px; } .product-tip-item.one-third .info { padding-left: 0px; margin-top: 20px; width:300px } .product-tip-item.one-third .link { text-align: center; } .product-tip-item.one-third .link a { display: inline-block; float: none; } .product-tip-item.one-third .desc, .product-tip-item.one-third .price, .product-tip-item.one-third .priceInfo { display: none; } } /* * Test Product-Registration */ .product-registration.multi-select .product-registration-filter-bar > div { display: inline-block; } .product-registration.multi-select h2 { color: #41a3d7; margin-bottom: 20px; } .product-registration.multi-select button { outline: none; } .product-registration-list button:disabled { opacity: 0.5; } .product-registration-list button, .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-button { border: 1px solid #666666; color: #666666; font-size: 13px; text-decoration: none; border-radius: 3px; line-height: 31px; padding: 0 9px; margin-right: 7px; margin-bottom: 10px; background: white; } .product-registration.multi-select .product-registration-filter-bar { margin-bottom: 50px; } .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-button:hover { background: #666666; color: white; } .product-registration-list button, .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-button.active { border-color: #F60; background: #F60; color: white; } .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-image { padding: 4px; padding-right: 10px; height: 60px; margin-right: 10px; border: none; background: white; } .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-image:hover { background: #eee; } .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-image.active { background: #F60; color: white; } .product-registration.multi-select .product-registration-filter-bar .product-registration-filter-tag-image img { height: 50px; margin-right: 10px; } .product-registration-list .products { margin-bottom: 30px; } .product-registration-list .product { border-bottom: 1px solid #eee; margin-top: 30px; margin-bottom: 30px; } .product-registration-list .product .product-image { height: 250px; width: 350px; display: flex; justify-content: center; align-items: center; border: 1px solid #F0F0F0; margin-bottom: 30px; margin-right: 30px; } @media (min-width: 992px) { .product-registration-list .product .product-image { float:left !important; } } .product-registration-list .product .product-description .author { color: #666666; font-family: Nunito; font-size: 15px; letter-spacing: 0; line-height: 22px; } .product-registration-list .product .product-description h3 { margin-top: 10px; } .product-registration-list .product .product-description h3 a { text-decoration: none; color: #666666; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 27px; } .product-registration-list .product .product-description h3 a:hover, .product-registration-list .product .product-description h3 a:active { color: #FF6600; } .product-registration-list .product .product-description .subtitle { color: #666666; font-size: 20px; letter-spacing: 0; line-height: 26px; margin-bottom: 25px; } .product-registration-list .product .product-description p { margin-top: 10px; color: #666666; font-size: 15px; letter-spacing: 0; line-height: 22px; } .product-registration-list .no-products { margin-top: 50px; font-weight: bold; font-size: 20px; } .product-registration.step-by-step .product-registration-filter-bar { margin-right:-30px; } .product-registration.step-by-step .product-registration-filter-bar h3 { margin-right:30px; font-size: 24px; font-weight: bold; letter-spacing: -0.1px; line-height: 30px; margin-bottom: 30px; } .product-registration.step-by-step .product-registration-filter-bar > div { display: inline-block; margin-right: 30px; margin-bottom: 30px; } .product-registration.step-by-step .product-registration-filter-tag-image, .product-registration.step-by-step .product-registration-filter-tag-button { height: 160px; width: 160px; border: none; border-radius: 25px; background-color: #FFFFFF; color: #FF6600; font-size: 24px; font-weight: bold; letter-spacing: 0; line-height: 30px; text-align: center; outline: none; vertical-align:top; } .product-registration.step-by-step .product-registration-filter-tag-image .product-registration-filter-image { min-height: 40px; display:flex; } .product-registration.step-by-step .product-registration-filter-tag-image .product-registration-filter-image img { display: block; margin: 0 auto; } .product-registration.step-by-step .product-registration-filter-back { display:block; margin: 0 auto; color: white; background-color: transparent; border: none; outline:none; font-size: 50px; height: 30px; line-height: 30px; } .product-registration.step-by-step .product-registration-filter-reset { height: 44px; border-radius: 4px; background-color: #428187; color:white; font-size: 20px; letter-spacing: 0; line-height: 22px; text-align: center; padding: 0px 20px; border:none; } .benchmarked { margin: 5px !important; padding: 5px !important; border: 2px solid red !important; }