/* */ /* */ summary { position: relative; line-height: 300%; padding-left: 1em; } summary::marker { color: transparent; } summary::after { content: "+"; position: absolute; color: black; font-size: 2em; font-weight: bold; right: 1em; top: .2em; transition: all 0.5s; } details[open] summary::after { color: black; transform: translate(5px,0) rotate(45deg); } /*-------------------------------------------------------------- RedDot Overrides -------------------------------------------------------------- DANKE H2T!!*/ section.content-wrap p, section.content-wrap ul > li { font-size: 1.2rem !important; font-weight: 300 !important; line-height: 1.55556rem; } .stage .content-wrap .bigger { padding-left: 40% !important; font-size: 4rem !important; margin-bottom: 9% !important; } .text, .news-element { font-size: 1.2rem !important; font-weight: 300 !important; line-height: 30px; letter-spacing: 0px; } /*.info-container { border: none !important; }*/ small { color: gray; } /* .page-footer { font-weight: 300 !important; } */ /*-------------------------------------------------------------- Slider --------------------------------------------------------------*/ .slider__item { transition: all 0.3s ease; -webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); } #slide-1:checked ~ .slider__holder .slider__item--1 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-2:checked ~ .slider__holder .slider__item--1 { z-index: 1; transform: translateX(-110px) scale(0.85); } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--1 { opacity: 0.6; } } #slide-3:checked ~ .slider__holder .slider__item--1 { z-index: 0; transform: translateX(-220px) scale(0.65); } @media (max-width: 900px) { #slide-3:checked ~ .slider__holder .slider__item--1 { transform: translateX(-180px) scale(0.65); } } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--1 { opacity: 0; } } #slide-4:checked ~ .slider__holder .slider__item--1 { z-index: -1; opacity: 0; transform: translateX(-220px) scale(0.65); } #slide-5:checked ~ .slider__holder .slider__item--1 { z-index: -1; opacity: 0; transform: translateX(-220px) scale(0.65); } #slide-1:checked ~ .slider__holder .slider__item--2 { z-index: 1; transform: translateX(110px) scale(0.85); } @media (max-width: 768px) { #slide-1:checked ~ .slider__holder .slider__item--2 { opacity: 0.6; } } #slide-2:checked ~ .slider__holder .slider__item--2 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-3:checked ~ .slider__holder .slider__item--2 { z-index: 1; transform: translateX(-110px) scale(0.85); } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--2 { opacity: 0.6; } } #slide-4:checked ~ .slider__holder .slider__item--2 { z-index: 0; transform: translateX(-220px) scale(0.65); } @media (max-width: 900px) { #slide-4:checked ~ .slider__holder .slider__item--2 { transform: translateX(-180px) scale(0.65); } } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--2 { opacity: 0; } } #slide-5:checked ~ .slider__holder .slider__item--2 { z-index: -1; opacity: 0; transform: translateX(-220px) scale(0.65); } #slide-1:checked ~ .slider__holder .slider__item--3 { z-index: 0; transform: translateX(220px) scale(0.65); } @media (max-width: 900px) { #slide-1:checked ~ .slider__holder .slider__item--3 { transform: translateX(180px) scale(0.65); } } @media (max-width: 768px) { #slide-1:checked ~ .slider__holder .slider__item--3 { opacity: 0; } } #slide-2:checked ~ .slider__holder .slider__item--3 { z-index: 1; transform: translateX(110px) scale(0.85); } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--3 { opacity: 0.6; } } #slide-3:checked ~ .slider__holder .slider__item--3 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-4:checked ~ .slider__holder .slider__item--3 { z-index: 1; transform: translateX(-110px) scale(0.85); } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--3 { opacity: 0.6; } } #slide-5:checked ~ .slider__holder .slider__item--3 { z-index: 0; transform: translateX(-220px) scale(0.65); } @media (max-width: 900px) { #slide-5:checked ~ .slider__holder .slider__item--3 { transform: translateX(-180px) scale(0.65); } } @media (max-width: 768px) { #slide-5:checked ~ .slider__holder .slider__item--3 { opacity: 0; } } #slide-1:checked ~ .slider__holder .slider__item--4 { z-index: -1; opacity: 0; transform: translateX(220px) scale(0.65); } #slide-2:checked ~ .slider__holder .slider__item--4 { z-index: 0; transform: translateX(220px) scale(0.65); } @media (max-width: 900px) { #slide-2:checked ~ .slider__holder .slider__item--4 { transform: translateX(180px) scale(0.65); } } @media (max-width: 768px) { #slide-2:checked ~ .slider__holder .slider__item--4 { opacity: 0; } } #slide-3:checked ~ .slider__holder .slider__item--4 { z-index: 1; transform: translateX(110px) scale(0.85); } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--4 { opacity: 0.6; } } #slide-4:checked ~ .slider__holder .slider__item--4 { position: relative; z-index: 2; transform: translate(0) scale(1); } #slide-5:checked ~ .slider__holder .slider__item--4 { z-index: 1; transform: translateX(-110px) scale(0.85); } @media (max-width: 768px) { #slide-5:checked ~ .slider__holder .slider__item--4 { opacity: 0.6; } } #slide-1:checked ~ .slider__holder .slider__item--5 { z-index: -1; opacity: 0; transform: translateX(220px) scale(0.65); } #slide-2:checked ~ .slider__holder .slider__item--5 { z-index: -1; opacity: 0; transform: translateX(220px) scale(0.65); } #slide-3:checked ~ .slider__holder .slider__item--5 { z-index: 0; transform: translateX(220px) scale(0.65); } @media (max-width: 900px) { #slide-3:checked ~ .slider__holder .slider__item--5 { transform: translateX(180px) scale(0.65); } } @media (max-width: 768px) { #slide-3:checked ~ .slider__holder .slider__item--5 { opacity: 0; } } #slide-4:checked ~ .slider__holder .slider__item--5 { z-index: 1; transform: translateX(110px) scale(0.85); } @media (max-width: 768px) { #slide-4:checked ~ .slider__holder .slider__item--5 { opacity: 0.6; } } #slide-5:checked ~ .slider__holder .slider__item--5 { position: relative; z-index: 2; transform: translate(0) scale(1); } .bullets__item { transition: all 0.2s ease; } #slide-1:checked ~ .bullets .bullets__item--1 { background: #FFF; } #slide-2:checked ~ .bullets .bullets__item--2 { background: #FFF; } #slide-3:checked ~ .bullets .bullets__item--3 { background: #FFF; } #slide-4:checked ~ .bullets .bullets__item--4 { background: #FFF; } #slide-5:checked ~ .bullets .bullets__item--5 { background: #FFF; } .card { position: relative; display: block; border-radius: 8px; background: #FFF; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .slider { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider__radio { display: none; } .slider__holder { position: relative; width: 100%; margin: 0 auto; text-align: left; } @media (max-width: 900px) { .slider__holder { max-width: 540px; } } @media (max-width: 600px) { .slider__holder { margin-top: 60px; } } .slider__item { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 100%; opacity: 1; cursor: pointer; } .slider__item-content { padding: 40px; } @media (max-width: 600px) { .slider__item-content { padding: 32px 32px; } } @media (max-width: 375px) { .slider__item-content { padding: 40px 24px; } } .slider__item-text { padding: 60px 0; } /*-------------------------------------------------------------- Custom --------------------------------------------------------------*/ /* Banner anpassungen */ .stage-small, .stage-big { box-shadow: black 0px 8px 6px -6px; } .stage-slider .swiper-slide .text { grid-column: 6 / span 7 !important; } /* Logo */ .kit-logo { padding-top: 8px; } .h2t-logo { width: 10.5625rem !important; } @media (max-width: 1024px) { .h2t-logo { display: none; } } /* Fix zur Bildgröße unter News .news-element figure { height: 200px; overflow: hidden; border: none !important; } */ /* Footer anpassungen footer .content-wrap { display: block !important; width: 100%; max-width: 1230px; padding: 0 1.66667rem; margin: auto; overflow-wrap: break-word; overflow-wrap: anywhere; } footer .content-wrap .column { display: block !important; } footer .meta-footer-logo-text { margin-bottom: 3.33333rem; font-size: 1.22222rem; line-height: 2rem; } footer .content-wrap > * + * { margin-top: 1.66667rem; } footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } footer .container-2-cols-2-thirds-1-third .column { width: calc(66.66667% - 0.83333rem); } footer .meta-footer-contact-entities { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } footer .meta-footer-contact-entity:nth-of-type(1), footer .meta-footer-contact-entity:nth-of-type(2) { margin-top: 0; } footer .meta-footer-contact-entity:nth-of-type(2n-1) { margin-left: 0; } footer .meta-footer-contact-entity { width: calc(50% - 0.83333rem); margin-top: 1.66667rem; margin-left: 0.83333rem; } footer .meta-footer-contact-entity h3 { font-size: 1rem; font-weight: 700; line-height: 1.55556rem; } footer .meta-footer-slogan { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 3.05556rem; border-top: 1px solid #aaaaaa; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer .meta-footer-slogan a { display: inline-block; padding-top: 2rem; color: #ababab; font-size: 1.94444rem; font-weight: 700; line-height: 1.94444rem; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; } footer .meta-footer-slogan p { padding-top: 2rem; margin-right: 30px; font-size: 1.22222rem; line-height: 1.22222rem; } footer .meta-footer-contact-entity .phone, footer .meta-footer-contact-entity .email { position: relative; margin-left: 1.66667rem; } footer .meta-footer-contact-entity a { color: #333333; text-decoration: none; } footer .meta-footer-contact-entity .phone::before { content: url("https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/phone-grey.svg"); top: 0; width: 0.94444rem; height: 1.11111rem; } footer .meta-footer-contact-entity .email::before { content: url("https://www.kit-ausbildung.de/typo3conf/ext/dp_contentelements/Resources/Public/img/mail-grey.svg"); top: -2px; width: 1.11111rem; height: 0.77778rem; } footer .meta-footer-contact-entity .phone::before, footer .meta-footer-contact-entity .email::before { position: absolute; left: -1.66667rem; display: block; } footer .meta-footer-contact-entity-body-image { float: left; margin-right: 25px; } */ #_x3C_CDS_x3E_:hover text{ fill: #009682; } #_x3C_IBS_x3E_:hover text{ fill: #009682; } #_x3C_AI_x3E_:hover text{ fill: #009682; } #_x3C_RAS_x3E_:hover text{ fill: #009682; } #_x3C_DIC_x3E_:hover text{ fill: #009682; } #_x3C_EPS_x3E_:hover text{ fill: #009682; } #_x3C_ISDE_x3E_:hover text{ fill: #009682; } #_x3C_CDS_x3E_:hover .text{ fill: #009682; } #_x3C_IBS_x3E_:hover .text{ fill: #009682; } #_x3C_AI_x3E_:hover .text{ fill: #009682; } #_x3C_RAS_x3E_:hover .text{ fill: #009682; } #_x3C_DIC_x3E_:hover .text{ fill: #009682; } #_x3C_EPS_x3E_:hover .text{ fill: #009682; } #_x3C_ISDE_x3E_:hover .text{ fill: #009682; } /* */