.vorteile .vorteile-karte {höhe: auto! wichtig; Mindesthöhe: 400px! wichtig; } .price-logo img {width: auto! wichtig; Höhe: auto! wichtig; } #primary-menu .button {display: inline-block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: "ProximaNova-Regular", helvetica, arial, serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 0rem 3.5rem; Rand: 0; Grenze: keine; -Webkit-Übergang: alle 0,5s Easy-Out; -moz-Übergang: alle 0,5s Leichtigkeit; -ms-Übergang: alle 0,5s Leichtigkeit; -o-Übergang: alle 0,5s Leichtigkeit; Übergang: alle 0,5 s Leichtigkeit; Höhe: 40px; Zeilenhöhe: 40px; Textausrichtung: Mitte; } .page-template-page-resources #primary-menu .button a, .page-template-page-case #primary-menu .button a, .archive.category #primary-menu .button a {color: #fff; } .archive.category .header__navbox a {color: #fff; } .archive.category .header - blue .header__navbox a {color: #1655b2; } .archive.category.category-whitepaper .header__navbox a {color: #1468a0; } .archive.category.category-whitepaper .header__navbox .sub-menu a {color: #fff; } nav ul ul sub-menu li a {Schriftgröße: 1.5rem; } nav ul ul sub-menu li a span {display: block; Breite: 100%; Schriftgröße: 1.2rem; Schriftstil: kursiv; Rand oben: 4px; Schriftgröße: 300; } .page-template-page-home .cta {Hintergrund: #1655b2; Polsterung: 20px 40px 60px; Textausrichtung: Mitte; Rand oben: 0; } .page-template-page-home .cta .button {display: block; Rand: 0 Auto; Polsterung: 1,5rem 4rem; maximale Breite: 350px; } .page-template-page-home .bulbs {Hintergrund: #dee2e1; } .page-template-page-home .bulbs .hero__btn {margin-bottom: 0; } .page-template-page-home .banner - 100 {Höhe: 75vh; } .page-template-page-home .banner__information {Anzeige: keine; } .page-template-page-home .banner__header {Rand oben: 14rem; } .page-template-page-home .banner__imgbox img {max-width: 70%; Polsterung: 40px; } .page-template-default.page-id-5262 .resources-single__intro-content {max-width: 1140px; } ul.pages-column {display: flex; Flex-Wrap: Wrap; Inhalt rechtfertigen: Zwischenraum; } ul.pages-column li {flex: 0 0 calc (25% - 30px); maximale Breite: calc (25% - 30px); Rand: 0 15px 30px; } ul.pages-Spalten li a {Farbe: #1655b2; Schriftgröße: 15px; } .imgboxcon__item-img {Hintergrundgröße: Cover; Hintergrundposition: Mitte; } .archive.category .featured-grid__header-title {padding: 0 2rem; } .page-template-compare .featured-grid__header-title {padding: 0 2rem; } .page-template-page-compare .featured-grid__header-title {padding: 0 2rem; } .page-template-page-case .featured-grid__header-title {padding: 0 2rem; } .page-template-compare .resources-single__intro-content {max-width: 1140px; Rand: 0 Auto; Breite: 100%; } .alike-compare-widget-wrapper {oben: 80%; } .alike-compare-widget-button {Hintergrundfarbe: #1655b2; } .alike-compare-widget-button-text {padding-top: 15px; } .alike-compare-widget-counter {Zeilenhöhe: 20px; Farbe: #1655b2; } .alike-compare-widget-post-remove-button {Farbe: #1655b2; } .compare-button__custom {Schriftgröße: 14px; Randradius: 2px; Farbe: #fff! wichtig; Cursor: Zeiger; Schriftgröße: 500; Höhe: 40px; Zeilenhöhe: 40px; maximale Breite: 180px; Polsterung: 10px 20px; Hintergrundfarbe: #1655b2; Kastenschatten: 0 1px 2px 0 rgba (0,0,0, 0,2); } .compare-button__custom: hover {Deckkraft: 1; } .rq-Gleiche-Show-Differenz {Hintergrund: #1655b2; oben: 25px; links: 0; } .rq-Gleiche-Show-Differenz: Hover {Farbe: #fff; } /*.alike-column {width: 100%; Höhe: 100%; Anzeige: flex; Flex-Richtung: Säule; } * / .alike-column-item h3, .alike-row h3 {color: #000; } .alike-compare-table-wrapper .alike-row .alike-column-item, .alike-compare-table-wrapper .alike-row .alike-column-item span, .alike-compare-table-wrapper .alike -row .alike-column-item p {Schriftgröße: 14px; Farbe: #000; Schriftfamilie: helvetica neue, Helvetica, Roboto, Arial, serifenlos; Zeilenhöhe: 21px; } .alike-compare-table-wrapper .alike-row .alike-column-item span {display: initial; } .alike-compare-table-wrapper .alike-row .alike-column-item a, .alike-compare-table-wrapper .alike-row .alike-column-item a span {font-size: 14px; Farbe: #1655b2; } .alike-column-title {Schriftgröße: 16px; Schriftdicke: fett; } .alike-compare-table-wrapper {border: 1px solid #eee; Rand rechts: 0; } .alike-compare-table-wrapper .alike-row {width: 100%; Anzeige: flex; Rand: 1px fest #eee; Flex-Richtung: Reihe; Höhe: 100%; Rand rechts: 0; } .alike-compare-table-wrapper .alike-row: first-of-type .alike-column-item {begründen-Inhalt: Mitte; } .alike-compare-table-wrapper .alike-row .alike-item-row: last-child {border-bottom: 0; } .alike-compare-table-wrapper .alike-row .alike-column-item {border-bottom: 0; Rand oben: 0; / * width: 100%; Flex-Shrink: 1; Polsterung: 15px; Textausrichtung: links; Rand: 1px fest #eee; Höhe: 100%; Rand unten: 0; border-top: 0; * /} .alike-compare-table-wrapper .alike-row .alike-column-title, .alike-compare-table-wrapper .alike-row .alike-column-item {width: 100% ;; Zeilenhöhe: erben; Anzeige: flex; Flex-Richtung: Reihe; Ausrichtungselemente: Mitte; Flex-Shrink: 1; Polsterung: 15px; Textausrichtung: links; Rand rechts: 2px festes #eee; } .alike-compare-table-wrapper .alike-row .alike-column-title {position: relative; } .alike-compare-table-wrapper .alike-row .alike-item-row {border: 0; } .rq-Gleiche-Vergleiche .rq-Gleiche-Thema-p .rq-Gleiche-Thema {/ * Höhe: 100%; Überlauf: erben; Überlauf-y: erben; * /} .rq-Gleiche-Vergleiche .rq-Gleiche-Elemente .rq-Gleiche-Elemente-Liste {Anzeige: Block; Höhe: 100%; Überlauf: erben; Überlauf-y: erben; } .rq-Gleiche-Vergleiche .rq-Gleiche-Elemente {Breite: 100%; Überlauf: erben; } .rq-gleiches-Vergleichen .rq-gleiches-Thema-p .rq-gleiches-Thema.ähnliches Bild {Schriftgröße: 18px; } .rq-same-topic {Schriftgröße: 16px; } .rq-Gleiche-Vergleiche .rq-Gleiche-Elemente .rq-Gleiche-Elemente-Liste.ähnliches Bild img {width: auto; Höhe: Auto; Objektanpassung: enthalten; Bildschirmsperre; Rand: 0 Auto; Polsterung: 0 30px; } .rq-Gleiche-Top-Daten h2 {Farbe: #1655b2; Schriftgröße: 3rem; } .page-template-compare .cta {Hintergrund: #1F64C8; Polsterung: 80px 40px; Textausrichtung: Mitte; Rand oben: 60px; } .page-template-compare .cta h2 {Farbe: #fff; Textausrichtung: Mitte; Breite: 100%; Bildschirmsperre; Rand-unten: 4rem; } .page-template-compare .cta .button {display: block; Rand: 0 Auto; Polsterung: 1,5rem 4rem; } .page-template-page-compare .cases-single {/ * margin-top: 130px; * /} .page-template-page-compare .cases-single .related-posts .related__post-image img {object-fit : enthalten; Breite: Fit-Inhalt; Rand: 0 Auto; Bildschirmsperre; Polsterung: 0 30px; } .related__post-compare - Schaltfläche a {Farbe: #000; } .page-template-page-compare .cta {Hintergrund: #1F64C8; Polsterung: 80px 40px; Textausrichtung: Mitte; Rand oben: 60px; } .page-template-page-compare .cta h2 {Farbe: #fff; Textausrichtung: Mitte; Breite: 100%; Bildschirmsperre; Rand-unten: 4rem; } .page-template-page-compare .cta .button {display: block; Rand: 0 Auto; Polsterung: 1,5rem 4rem; } / * Fallstudie * / .page-template-page-case .imgboxcon__item-img Bild a {display: block; Breite: 100%; Höhe: 100%; } .category .imgboxcon__item-img Bild a {display: block; Breite: 100%; Höhe: 100%; } .cases-single__hero-container {text-align: center; maximale Breite: 100%; Rand: 0; Breite: 100%; Position: relativ; } .cases-single__hero.with-form {padding: 0; maximale Höhe: 400px; } .cases-single__hero {Hintergrundfarbe: #fff; Polsterung: 0; } .cases-single__client-logo {display: block; Position: absolut; oben: 50%; links: 50%; transformieren: übersetzen (-50%, -50%); } .cases-single__hero-image {Position: relativ; } .cases-single__hero-image: after {content: ''; Bildschirmsperre; Breite: 100%; Höhe: 100%; Position: absolut; oben: 0; links: 0; Hintergrundfarbe: rgba (0,0,0, 0,6); } .cases-single__intro-content-title {Rand-unten: 2rem; Farbe: #1655b2; Textausrichtung: Mitte; Zeilenhöhe: 4rem; Schriftfamilie: proximanova-fett, helvetica, arial, serif; Schriftgröße: 3.5rem; } .cases-single__intro-content-subtitle {text-align: center; Farbe: #000; Schriftgröße: 22px; Zeilenhöhe: 30px; Schriftfamilie: Gilroy-Bold, Helvetica, Arial, Serif; } .cases-single__intro-content {position: relative; maximale Breite: 1140px; Rand: -100px Auto 0; Breite: 100%; Hintergrund: #fff; Polsterung: 80px; Kastenschatten: 0 -7px 55px 0px rgba (0,0,0,0,25); } .cases-single .summary__icons {Rand oben: 60px; } .cases-single .summary__icons-image {text-align: center; Mindesthöhe: 65px; } .cases-single .summary__icons-title {text-align: center; Farbe: #000; Texttransformation: Großbuchstaben; Rand oben: 30px; Schriftgröße: 1.8rem; } .cases-single .summary__icons-subtitle {text-align: center; Schriftgröße: 1.6rem; Rand oben: 5px} .cases-single .quote {Rand oben: 60px; Hintergrundfarbe: #F0F4F5; Polsterung: 40px 0; } .cases-single .quote__author-image {text-align: center; } .cases-single .quote__author-image img {Rahmenradius: 50%; } .cases-single .quote__author-name {Schriftgröße: 16px; Schriftdicke: fett; Textausrichtung: Mitte; Rand oben: 15px; } .cases-single .quote__author-job {Schriftgröße: 14px; Textausrichtung: Mitte; } .cases-single .quote__text {position: relative; Höhe: 100%; } .cases-single .quote__text-inner {position: absolute; oben: 50%; transformieren: translate (0, -50%); } .cases-single .quote__text p {Schriftgröße: 18px; Schriftstil: kursiv; Farbe: #000; } .cases-single .benefits {Rand oben: 100px; } .cases-single .benefits .cell: not (: last-of-type) {rechts auffüllen: 15px; } .cases-single .benefits-card {Hintergrundfarbe: #F0F4F5; Polsterung: 0 30px 30px; } .cases-single .benefits__icons-image {text-align: center; } .cases-single .benefits__icons-image img {Rand oben: -40px; Breite: 80px; Höhe: 80px; Randradius: 50%; Kastenschatten: 0px 2px 15px rgba (118,132,138,0,25); } .cases-single .benefits__icons-title {Texttransformation: Großbuchstaben; Farbe: #000; Textausrichtung: Mitte; Rand oben: 30px; } .cases-single .benefits__icons-text {Rand oben: 20px; } .cases-single .benefits__icons-text p {Farbe: #000; Textausrichtung: Mitte; } .cases-single .related-posts {max-width: 1140px; Rand: 60px Auto; Breite: 100%; } .cases-single .related-posts .cases-single__intro-content-title {margin: 3rem 0 6rem; } .cases-single .related-posts .related__post-image {Rahmenradius: 1.5rem; -webkit-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, .2); -moz-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, 0,2); -o-Box-Schatten: 1rem 1rem 2rem 0 rgba (0,0,0, .2); -ms-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, 0,2); Kastenschatten: 1rem 1rem 2rem 0 rgba (0,0,0, .2); Höhe: 28rem; } .cases-single .related-posts .cell: not (: last-of-type) .related__post-image {Rand rechts: 30px; } .cases-single .related-posts .related__post-image img {width: 100%; Randradius: 1,5rem; Höhe: 28rem; Objektanpassung: Abdeckung; } .cases-single .related-posts .related__post-title {rechts auffüllen: 30px; } .cases-single .related-posts .related__post-title h2, .cases-single .related-posts .related__post-title a {color: #1655b2; Schriftgröße: 2rem; Rand: 3rem 0 1rem; } .cases-single .related-posts .related__post-excerpt {margin-bottom: 3rem; Polsterung rechts: 30px; } .cases-single .related-posts .related__post-excerpt p {color: #000; } .cases-single .main-content {max-width: 100rem; Rand: 60px Auto; Breite: 100%; } .cases-single .main-content p {width: 100%; Farbe: #000; } .cases-single .main-content p img {display: block; Rand: 0 Auto; } .cases-single .main-content iframe {display: block; Rand: 0 Auto; } .cases-single .main-content h2 {margin-bottom: 2rem; Farbe: #1655b2; Textausrichtung: Mitte; Zeilenhöhe: 4rem; Schriftgröße: 3rem; Bildschirmsperre; Breite: 100%; } .cases-single .main-content h3 {margin-bottom: 2rem; Farbe: #1655b2; Textausrichtung: Mitte; Zeilenhöhe: 3rem; Schriftgröße: 2.5rem; Bildschirmsperre; Breite: 100%; } .cases-single .main-content a {color: #1655b2; Schriftgröße: erben; } .cases-single .cta {Hintergrund: #1F64C8; Polsterung: 80px 40px; Textausrichtung: Mitte; Rand oben: 60px; } .cases-single .cta h2 {Farbe: #fff; Textausrichtung: Mitte; Breite: 100%; Bildschirmsperre; Rand-unten: 4rem; } .cases-single .cta .button {display: block; Rand: 0 Auto; Polsterung: 1,5rem 4rem; } .page-template-page-price h1.row-information__title {Anzeige: keine;} / * * / .header.header - blaues Untermenü a {Farbe: #fff; } .pricing__faq-Akkordeon.active .pricing__faq-Akkordeon-Inhaltscontainer {Anzeige: Block; } .wpcf7-select {Hintergrundfarbe: #fff; Randradius: .5rem; Polsterung: 15px 25px; Grenze: keine; Höhe: Auto; Farbe: #333; Breite: 100%; } .stories-slider .review-slider__slide-img.partner {width: 100%; maximale Breite: 100%; Höhe: 160px; } .stories-slider .review-slider__slide-img.partner img {max-width: 100%; Höhe: 160px; Randradius: 0; Rand: 0 Auto; } .stories-slider .owl-next {Position: absolut; unten: -7,5rem; links: 50%; -webkit-transform: translateX (-50%); -moz-transform: translateX (-50%); -ms-transform: translateX (-50%); -o-transform: translateX (-50%); transform: translateX (-50%); } / * Ksplice-Seite * / .page-template-page-ksplice .cta {Hintergrund: #1F64C8; Polsterung: 60px 40px; Textausrichtung: Mitte; Rand oben: 60px; } .page-template-page-ksplice .cta h2 {Farbe: #fff; Textausrichtung: Mitte; Breite: 100%; Bildschirmsperre; Rand-unten: 4rem; } .page-template-page-ksplice .cta .button {display: block; Rand: 0 Auto 30px; Polsterung: 1,5rem 4rem; maximale Breite: 200px; } .page-template-page-ksplice .banner-with-form__header {text-align: left; } .page-template-page-ksplice .banner-with-form__header .badges {Rand oben: 20px; } .page-template-page-ksplice .banner-with-form {padding: 16rem 0 5rem; } .page-template-page-ksplice .banner-with-form__header-title {width: 100%; Rand: 0; Schriftgröße: 5rem; } .page-template-page-ksplice .banner-with-form__header-subtitle {Schriftgröße: 2.8rem; Zeilenhöhe: 1,4; / * Rand oben: 20px; * / Rand oben: 6rem; Rand unten: 50px; } .page-template-page-ksplice .banner-with-form__img span: last-of-type {/ * Rand oben: 50px; * / Rand oben: 3rem; } .page-template-page-ksplice .why__content-title, .page-template-page-ksplice .why__content__image p {color: #000; } .page-template-page-ksplice .compare__content-title {text-align: center; Farbe: #000; Rand unten: 60px; } .page-template-page-ksplice .compare table {Rahmenkollaps: Zusammenbruch; } .page-template-page-ksplice .compare table tr: first-of-type td {Schriftgröße: 700; Schriftgröße: 18px; } .page-template-page-ksplice .compare table td {Schriftgröße: 14px; Polsterung: 10px; Rand: 1px fest #000; } .page-template-page-ksplice .switch__content-title, .page-template-page-ksplice .switch__content__image p {color: #000; } .page-template-page-ksplice .switch__content-title {text-align: center; Rand unten: 60px; } .page-template-page-ksplice .switch__content__image {width: 50%; Rand: 0 Auto; } .page-template-page-ksplice .benefits, .page-template-page-freetrial .benefits {Hintergrundfarbe: #1655b2; Polsterung: 80px 0; } .page-template-page-ksplice .benefit, .page-template-page-freetrial .benefit {text-align: center; } .page-template-page-ksplice .benefit img, .page-template-page-freetrial .benefit img {margin-bottom: 25px; / * Breite: 100px; Höhe: Auto; maximale Breite: 100%; * / Breite: 60px; Höhe: 60px; maximale Breite: 100%; Objektanpassung: enthalten; } .page-template-page-ksplice .benefits__content-title, .page-template-page-freetrial .benefits__content-title {text-align: center; Rand unten: 60px; } .page-template-page-ksplice .trusted__content-title, .page-template-page-freetrial .trusted__content-title, .home .trusted__content-title {color: #000; Textausrichtung: Mitte; Rand unten: 60px; } .page-template-page-ksplice .partners, .page-template-page-freetrial .partners {Inhalt rechtfertigen: Leerzeichen dazwischen; Ausrichtungselemente: Mitte; } .page-template-page-ksplice .trusted__content__image .partner, .page-template-page-freetrial .trusted__content__image .partner {flex: 0 0 20%; Textausrichtung: Mitte; Polsterung: 0 30px; } .page-template-page-ksplice .tabgrid__heading-title {Farbe: #000; Textausrichtung: Mitte; Rand oben: 60px; Rand unten: 60px; } .h1 {Schriftgröße: 5rem; Zeilenhöhe: 1,2; Farbe: #fff; Schriftfamilie: Gilroy-Bold, Helvetica, Arial, Serif; } .distros {Rand oben: 50px; } .distros .grid-x {align-items: center; } .distro {Rand-unten: 40px; Textausrichtung: Mitte; Polsterung: 0 15px; } / * Social Media Menüpunkte * / #mega-Menüpunkt-3892 a, #mega-Menüpunkt-3892 a {Schriftfamilie: FontAwesome;} .mega-Menüpunkt.widget_gtranslate a {Anzeige: Block; Textausrichtung: rechts; } #mega-Menü-Wrap-Header #mega-Menü-Header> li.mega-Menüpunkt-3892> ul.mega-Untermenü {Hintergrund: transparent; } .review-slider__slide-content-desc a {Schriftfamilie: ProximaNova-Regular, helvetica, arial, serif; Schriftgröße: 1.6rem; Zeilenhöhe: 1,3; Farbe: #000; } .header__logo {-webkit-align-self: center! wichtig; -moz-align-self: center! wichtig; -ms-align-self: center! wichtig; Align-Self: Zentrum! wichtig; } .header .header__navbox {padding: 0 1% 0 3%; } a.glink span: first-of-type {Anzeige: keine; } .gt_languages span {Anzeige: Inline-Block! wichtig; Farbe: #000; } a.switcher-popup.glink span: last-of-type {Farbe: #fff! wichtig; } #ais-Wrapper {Auffüllen: 40px 0;} #ais-Facetten {Auffüllen: 3rem 1rem 1rem 5rem; } #algolia-Treffer {Rand-oben: 50px;} .ais-Treffer - Element {Rand-unten: 30px;} .autocomplete-Fußzeile-Branding, .ais-Suchfeld - powered-by {Anzeige: keine; } .aa-Dropdown-Menü a.more-results {Anzeige: Block; Textausrichtung: Mitte; Schriftgröße: 16px; Schriftgröße: 600; Polsterung oben: 15px; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos;} span.algolia-autocomplete {min-width: 350px; width: 100%;} .aa-dropdown-menu {padding-bottom: 15px;} .suggestion-post-content ,. Vorschlag-Post-Titel {Farbe: #000; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos;} .autocomplete-Header-Titel {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos;} .ais-Treffer - Artikel h2, .ais-Treffer - Artikel h2 a {Farbe: #000; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos;} .ais-pagination - item {color: #000;} .search-results .header, .search.search-no-results .header {position: relative; Breite: 100%; Hintergrundfarbe: #0075B2; } .search-results .header .grid-x, .search.search-no-results .header .grid-x {width: 90%; Rand: 0 Auto; } .search-form {Anzeige: Inline-Block; Rand rechts: 15px; Position: relativ; maximale Breite: 150px;} .search-Form: vor {Inhalt: ''; Position: absolut; links: 0px; oben: 50%; Höhe: 25px; Anzeige: Inline-Block; Rand links: 1px durchgehend #fff; Schriftgröße: 15px; transformieren: translate (0, -50%); Z-Index: 1; } .search-form label {margin: 0;} .header__button {display: inline-block;} .search-form .screen-reader-text {display: none;} .search-submit {display: none;} .ais -search-box - input {color: #000;} .search-field.aa-input {border: 0; Randradius: 0; Polsterung: 6% 6% 6% 30%; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 14px; Schriftgröße: 400; Schriftstil: normal; Buchstabenabstand: normal; } .aa-input-icon {Position: absolut; oben: 8px; links: 20px; füllen: #fff; Breite: 16px; Höhe: 16px; } .aa-input-icon.black {fill: #000; links: 10px; } .search-field.aa-input: focus {Hintergrundfarbe: #fff; Farbe: #000; Rand: 0; Kastenschatten: keine; Umriss: 0; Polsterung: 6% 6% 6% 24%; } .search-form input [type = "search"] :: - Webkit-Eingabe-Platzhalter {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 14px; Zeilenhöhe : 40px; Schriftstil: normal; Schriftgröße: 400; Buchstabenabstand: 1px; } .search-form input [type = "search"]: - ms-input-placeholder {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 14px; Zeilenhöhe: 40px; Schriftstil: normal; Schriftgröße: 400; Buchstabenabstand: 1px; } .search-form input [type = "search"] :: - ms-input-placeholder {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 14px; Zeilenhöhe : 40px; Schriftstil: normal; Schriftgröße: 400; Buchstabenabstand: 1px; } .search-form input [type = "search"] :: placeholder {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 14px; Zeilenhöhe: 40px; Schriftart- Stil: normal; Schriftgröße: 400; Buchstabenabstand: 1px; } .header__rightbox.cell.shrink {flex: 0 0 10%; max-height: 40px;} .header .grid-x {align-items: center;} /*.grid-x> .header__rightbox {width: 25%;} * / .ais-pagination {text-align: center;} .ais-menu - header.ais-header .widgettitle, .ais-hierarchical-menu - header.ais-header .widgettitle, .ais-refinement-list --header.ais-header .widgettitle {Farbe: #000; Rand-unten: 15px; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 700;} .ais-Menü --link, .ais-hierarchical-menu - link {Farbe: #000; Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 1.6rem; Zeilenhöhe: 1.6; } .ais-Verfeinerungsliste - Label {Farbe: #000; Rand: 0;} .ais-Verfeinerungsliste - Label: Hover {Cursor: Zeiger; Deckkraft: .6; -Webkit-Übergang: Alle .5s Leichtigkeit -out; -moz-Übergang: alle .5s Easy-Out; -ms-Übergang: alle .5s Easy-Out; -o-Übergang: Alle .5s Easy-Out; Übergang: alle .5s Easy-Out;}. ais-refinement-list - Checkbox {Breite: auto! wichtig; Anzeige: keine;} .ais-Hits- -Element h2, .ais-Treffer - Element h2 a {Schriftfamilie: "Helvetica Neue", Helvetica, Roboto, Arial, serifenlos; Schriftgröße: 2rem; Zeilenhöhe: 1,6; Schriftgröße: 700 ; Rand-unten: 10px;} .suggestion-post-content {Schriftgröße: 1.5rem; Zeilenhöhe: 1.6;} .ais-Paginierung - Link {Schriftgröße: 1.7rem;} .review-slider__slide- content-desc a {Schriftfamilie: ProximaNova-Regular, helvetica, arial, serif; Schriftgröße: 1.6rem; Zeilenhöhe: 1,3; Farbe: #000; } .ais-Hits - Inhaltsspanne {Farbe: #000; Schriftgröße: 1.4rem; } .ais-Hits - Inhalt .hit-Kategorie {links auffüllen: 2px; } .ais-Hits - Inhalt .excerpt {Rand oben: 10px; } .ais-Hits.ais-Hits__empty {Schriftgröße: 16px;} .kc-pd-t10 a {Textdekoration: keine;} #registrationForm #error a, #forAuditorsForm #error a {Farbe: #fff! wichtig;} #registrationForm 1 #forAuditorsForm #error {Farbe: #ff9900! Wichtig; Schriftgröße: 16px; Rand: 15px 0;} .review-slider__slide-img img {Höhe: 70px; Objektanpassung: enthalten; } / * Benutzerdefiniertes CSS - KernelCare 2.0 - 2019 Dieses Stylesheet ist für die Portierung von E-Mail-Formularen und -Elementen von der ursprünglichen KernelCare-Website erforderlich. * / / * Kategorieressourcen - Hauptmenü * / .category {border: solid 1px white! Important; } .Kategorie-Erste Schritte, .Kategorie-Partner, .Kategorie-Marketing-Materialien, .Kategorie-Testimonials, .Kategorie-Webinare, .Kategorie-Whitepaper {Rand: festes 1px Weiß! wichtig; } .Seitenvorlage-Seitenressourcen #mega-Menü-Wrap-Header #mega-Menü-Header> li.mega-Menü-Element> a.mega-Menü-Link, .Kategorie #mega-Menü-Wrap-Header #mega-Menü -header> li.mega-menu-item> a.mega-menu-link {Farbe: #1655b2! wichtig; } / * Kategorie blaues Logo * / body.category .header__logo {Anzeige: Block! wichtig; } body.category .header__logo-blue {Anzeige: Block! wichtig; } body.category .header__logo-white {Anzeige: keine! wichtig; } / * Benutzerdefinierte Seiten - Datenschutzbestimmungen * / .kc-text-02 {max-width: 110rem! wichtig; Breite: 100%! wichtig; Rand: 0 Auto 0 Auto; Position: relativ; Schriftfamilie: "ProximaNova-Regular", Helvetica, Roboto, Arial, serifenlos! wichtig; Schriftgröße: 1.6rem! wichtig; Zeilenhöhe: 1,5! wichtig; Schriftgröße: normal! wichtig; } .kc-text-02 p, .kc-text-02 strong {Schriftfamilie: "ProximaNova-Regular", Helvetica, Roboto, Arial, serifenlos! wichtig; } .kc-text-02 h1 {Schriftgröße: 4rem; Farbe: #000000; Zeilenhöhe: 120%; Polsterung: 20px 0 10px 0; } .kc-text-02 h2 {Schriftgröße: 3.5rem; Farbe: #000000; Zeilenhöhe: 120%; Polsterung: 20px 0 10px 0; } .kc-text-02 h3 {Schriftgröße: 3rem; Farbe: #000000; Zeilenhöhe: 120%; Polsterung: 20px 0 10px 0; } .kc-text-02 h4 {Schriftgröße: 2rem; Farbe: #000000; Zeilenhöhe: 110%; Polsterung: 20px 0 10px 0; } .kc-text-02 h5 {Schriftgröße: 1.6rem; Farbe: #000000; Zeilenhöhe: 100%; Polsterung: 20px 0 10px 0; } .kc-text-02 strong {Schriftgröße: 1.6rem; Farbe: #000000; Zeilenhöhe: 100%; } .kc-text-02 p {Farbe: #000000! wichtig; } .kc-text-02 ul {Farbe: #000000; } .kc-text-02 ul li {Schriftgröße: 1.6rem; Zeilenhöhe: 1,5; Farbe: #000000; Listenstil-Typ: Quadrat; Rand links: 20px; links auffüllen: 0; Buchstabenabstand: 0,3pt! wichtig; } .kc-text-02 ul li li {Schriftgröße: 1.6rem; Zeilenhöhe: 1,5; Farbe: #000000; Listenstil-Typ: Kreis; Rand links: 20px; links auffüllen: 0; Buchstabenabstand: 0,3pt! wichtig; } / * Schriftarten * / .kc_font_100 {Schriftgröße: 100%; Zeilenhöhe: 150%; Farbe: #000000; } .kc_font_120 {Schriftgröße: 120%; Zeilenhöhe: 140%; Farbe: #000000; } .kc_font_135 {Schriftgröße: 135%; Zeilenhöhe: 140%; Farbe: #000000; } .kc_font_160 {Schriftgröße: 160%; Zeilenhöhe: 140%; Farbe: #000000; } .kc_font_200 {Schriftgröße: 200%; Zeilenhöhe: 140%; Farbe: #000000; } .kc_font_250 {Schriftgröße: 250%; Zeilenhöhe: 140%; Farbe: #000000; } .kc_font_300 {Schriftgröße: 300%; Zeilenhöhe: 130%; Farbe: #000000; } .kc_font_350 {Schriftgröße: 350%; Zeilenhöhe: 130%; Farbe: #000000; } .kc_font_400 {Schriftgröße: 400%; Zeilenhöhe: 130%; Farbe: #000000; } .kc_font_500 {Schriftgröße: 500%; Zeilenhöhe: 130%; Farbe: #000000; } .kc_font_800 {Schriftgröße: 800%; Zeilenhöhe: 100%; Farbe: #000000; } .size_14, .size_14 a {Schriftgröße: 14px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_16, .size_16 a {Schriftgröße: 16px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_18, .size_18 a {Schriftgröße: 18px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_19, .size_19 a {Schriftgröße: 19px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_20, .size_20 a {Schriftgröße: 20px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_22, .size_22 a {Schriftgröße: 22px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_24, .size_24 a {Schriftgröße: 24px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_26, .size_26 a {Schriftgröße: 26px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_30, .size_30 a {Schriftgröße: 30px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_40, .size_40 a {Schriftgröße: 40px; Zeilenhöhe: 140%; Buchstabenabstand: 0,3pt; } .size_50, .size_50 a {Schriftgröße: 50px; Zeilenhöhe: 130%; Buchstabenabstand: 0,3pt; } .size_70, .size_70 a {Schriftgröße: 70px; Zeilenhöhe: 130%; Buchstabenabstand: 0,3pt; } .size_80, .size_80 a {Schriftgröße: 80px; Zeilenhöhe: 130%; Buchstabenabstand: 0,3pt; } .size_90, .size_90 a {Schriftgröße: 90px; Zeilenhöhe: 130%; Buchstabenabstand: 0,3pt; } .size_100, .size_100 a {Schriftgröße: 100px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_110, .size_110 a {Schriftgröße: 110px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .size_120, .size_120 a {Schriftgröße: 120px; Zeilenhöhe: 150%; Buchstabenabstand: 0,3pt; } .weight_100 {Schriftgröße: 100; } .weight_200 {Schriftgröße: 200; } .weight_300 {Schriftgröße: 300; } .weight_400 {Schriftgröße: 400; } .weight_500 {Schriftgröße: 500; } .weight_600 {Schriftgröße: 600; } .weight_700 {Schriftgröße: 700; } .weight_800 {Schriftgröße: 800; } .weight_900 {Schriftgröße: 900; } .kc_link, .kc_link a {border-bottom: gestrichelt 1px #4e4e4e! wichtig; } .g-content {padding: 2rem; } / * Layout-Polsterung * / .kc-wrap {Polsterung links: 100px; Polsterung rechts: 100px; } .kc-pd-t10, .kc-pd-t10m {Polsterung oben: 10px; } .kc-pd-t20, .kc-pd-t20m {Polsterung oben: 20px; } .kc-pd-t30, .kc-pd-t30m {Polsterung oben: 30px; } .kc-pd-t40, .kc-pd-t40m {Polsterung oben: 40px; } .kc-pd-t50, .kc-pd-t50m {Polsterung oben: 50px; } .kc-pd-t100, .kc-pd-t100m {Polsterung oben: 100px; } .kc-pd-t200, .kc-pd-t200m {Polsterung oben: 200px; } .kc-pd-t250, .kc-pd-t250m {Polsterung oben: 250px; } .kc-pd-t300, .kc-pd-t300m {Polsterung oben: 300px; } .kc-pd-b10, .kc-pd-b10m {Polsterung unten: 10px; } .kc-pd-b20, .kc-pd-b20m {Polsterung unten: 20px; } .kc-pd-b30, .kc-pd-b30m {Polsterung unten: 30px; } .kc-pd-b40, .kc-pd-b40m {Polsterung unten: 40px; } .kc-pd-b50, .kc-pd-b50m {Polsterung unten: 50px; } .kc-pd-b100, .kc-pd-b100m {Polsterung unten: 100px; } .kc-pd-b200, .kc-pd-b200m {Polsterung unten: 200px; } .kc-pd-b250, .kc-pd-b250m {Polsterung unten: 250px; } .kc-pd-b300, .kc-pd-b300m {Polsterung unten: 300px; } .kc-brd-t01 {Breite: 90%; Rand oben: festes 1px #c3c3c3; Polsterung: 10px; } .kc-block {width: 100%; Rand: 0 Auto; Position: relativ; Textausrichtung: Mitte; } .kc-cell {Anzeige: Inline-Block; Rand: 10px; vertikal ausrichten: oben; } / * main * / .white, .white a, .white: hover {color: #FFFFFF! wichtig; } .black, .black a, .black: hover {Farbe: #000000! wichtig; } .gray, .gray a, .gray: hover {color: #626262! wichtig; } .black {Farbe: #000000; } .black2 {Farbe: #000000; } .blue {Farbe: #000000! wichtig; } .bold {Schriftgröße: 600; } .normal {Schriftgröße: 200! wichtig; } .kc-dk-blue {Hintergrund: #1655b2; Farbe: #FFFFFF! wichtig; } .kc-dk-blue-old {Hintergrund: #154676; Farbe: #FFFFFF! wichtig; } .kc-lt-blue {Hintergrund: #dbedf9; } .kc-lt-grey {Hintergrund: #f7f8fa; } .kc-gelb {Hintergrund: #f8c63b; } .center {text-align: center; } .button {Textdekoration: keine; } .center {text-align: center! wichtig; } .h-center {margin: 0 auto 0 auto; } .right {text-align: right; } .left {text-align: left; } .clear {clear: both; } / * G-Translate * / a.glink img {Rand rechts: 2px; } .menu-item-gtranslate {Anzeige: keine; } / * aws-webinar * / .kc-mf03-title {margin: 0 40px 25px 0; } .mailform_wp03 select {Rahmenradius: 15px! wichtig;} .mailform_wp03 {Höhe: 700px; Rand: 0 0 -50px 0; Polsterung: 30px 0 0 40px; Position: relativ; Bildschirmsperre; / * Z-Index: 10! wichtig; * / Hintergrundfarbe: #154676; Hintergrundbild: URL ('/ wp-content / uploads / 2019/04 / aws-wn-back-01.png'); Hintergrundposition: unten rechts; Hintergrundwiederholung: keine Wiederholung; } .aws-wb-link {padding-bottom: 5px; Rand unten: festes 3px #7ba2ce; Textdekoration: keine; } .aws-wb-link: hover {padding-bottom: 5px; Rand unten: fest 3px #9e9e9e; } .aws-wr-logo {Rand: 20px 0 0 80px; } / * .kc-back01 {Hintergrundbild: URL (/wp-content/uploads/2019/11/img-banner01.jpg); } * / / * Marionettenformular * / .mailform_wp2019-2 .consenttext {width: 90%; Anzeige: Inline-Block; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; Polsterung: 0; Rand: 0; } .mailform_wp2019-2 .consenttext a {Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; } #registrationFormPuppet-Eingabe [type = "text"], #registrationFormPuppet-Eingabe [type = "email"], #registrationFormPuppet .form-ccode {Hintergrundfarbe: #fff; Grenze: keine; Randradius: 1rem; Breite: 100%; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.6rem; Farbe: #385263; Polsterung: 1.4rem 2.5rem; } #registrationFormPuppet input [type = "checkbox" i] {Hintergrundfarbe: initial; Cursor: Standard; float: left! wichtig; transformieren: Skala (1,5); -webkit-Aussehen: Kontrollkästchen; Box-Größe: Border-Box; Rand: 5px 10px 5px 0px; Polsterung: initial; Rand: initial; Breite: 30px! wichtig; } / * Puppenformular - roter Knopf * / #registrationFormPuppet #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp {Anzeige: Inline-Block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 1rem 4,5rem; Rand: 0 0 0 0; Grenze: keine; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #registrationFormPuppet #tryFreeButton_wp: Hover, #registrationForm_wp #tryFreeButton_wp: Hover: Hover {Hintergrundfarbe: #e71212! Important; Textdekoration: keine; Farbe: erben; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } / * cve-beta form * / .mailform_wp2019-2 .consenttext {width: 90%; Anzeige: Inline-Block; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; Polsterung: 0; Rand: 0; } .mailform_wp2019-2 .consenttext a {Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; } #registrationFormCve-Eingabe [type = "text"], #registrationFormCve-Eingabe [type = "email"], #registrationFormCve .form-ccode {Hintergrundfarbe: #fff; Grenze: keine; Randradius: 1rem; Breite: 100%; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.6rem; Farbe: #385263; Polsterung: 1.4rem 2.5rem; Rand unten: 10px; } #registrationFormCve input [type = "checkbox" i] {Hintergrundfarbe: initial; Cursor: Standard; float: left! wichtig; transformieren: Skala (1,5); -webkit-Aussehen: Kontrollkästchen; Box-Größe: Border-Box; Rand: 5px 10px 5px 0px; Polsterung: initial; Rand: initial; Breite: 30px! wichtig; } / * cve-beta-Formular - rote Schaltfläche * / #registrationFormCve #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp {Anzeige: Inline-Block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 1rem 4,5rem; Rand: 0 0 0 0; Grenze: keine; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #registrationFormCve #tryFreeButton_wp: Hover, #registrationForm_wp #tryFreeButton_wp: Hover: Hover {Hintergrundfarbe: #e71212! Wichtig; Textdekoration: keine; Farbe: erben; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } / * Formular für kostenlose Testversion * / .mailform_wp04 .consenttext {width: 90%; Anzeige: Inline-Block; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; Polsterung: 0; Rand: 0; } .mailform_wp04 .consenttext a {Schriftgröße: 1.5rem; Farbe: #fff; Zeilenhöhe: 1,5; } #registrationForm-Eingabe [type = "text"], #registrationForm-Eingabe [type = "email"], #registrationForm -ccode {Hintergrundfarbe: #fff; Grenze: keine; Randradius: 1rem; Breite: 100%; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.6rem; Farbe: #385263; Polsterung: 1.4rem 2.5rem; } #registrationForm-Eingabe [type = "checkbox" i], #forAuditorsForm-Eingabe [type = "checkbox" i] {Hintergrundfarbe: initial; Cursor: Standard; float: left! wichtig; transformieren: Skala (1,5); -webkit-Aussehen: Kontrollkästchen; Box-Größe: Border-Box; Rand: 5px 10px 5px 0px; Polsterung: initial; Rand: initial; Breite: 30px! wichtig; } input [type = "submit"] {Cursor: Zeiger; } / * rote Taste * / #registrationForm #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp, #forAuditorsForm #tryFreeButton_wp {Anzeige: Inline-Block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 1rem 4,5rem; Rand: 0 0 0 0; Grenze: keine; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #registrationForm #tryFreeButton_wp: Hover, #registrationForm_wp #tryFreeButton_wp: Hover, #forAuditorsForm #tryFreeButton_wp: Hover {Hintergrundfarbe: #e71212! Textdekoration: keine; Farbe: erben; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } .single-imagecon.demo-request {padding: 80px 0;} .demo-request .imgboxcon__header-title {color: #000; text-align: center;} .demo-request .banner__subtitle {color: #000; text-align : center; margin-top: 15px} / * Demo-Formular anfordern * / .mailform_wp05 .consenttext {width: 90%; Anzeige: Inline-Block; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #000; Zeilenhöhe: 1,5; Polsterung: 0; Rand: 0; } .mailform_wp05 .consenttext a {Schriftgröße: 1.5rem; Farbe: #000; Zeilenhöhe: 1,5; Textdekoration: Unterstreichen} #demoForm {maximale Breite: 50%; Rand: 30px auto 0;} #demoForm-Eingabe [type = "text"], #demoForm-Eingabe [type = "email"], #demoForm-Textbereich, #demoForm select, #demoForm .form-ccode {Hintergrundfarbe: #fff; Randradius: 1rem; Breite: 100%; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.6rem; Farbe: #385263; Polsterung: 1.4rem 2.5rem; Rand: 10px 0; Rand: 1px festes #ccc; -webkit-Box-Schatten: Einschub 0 1px 1px rgba (0,0,0, .075); - Moz-Box-Schatten: Einschub 0 1px 1px rgba (0,0,0, 0,075); - o-Box-Schatten: Einschub 0 1px 1px rgba (0,0,0, 0,075); - ms-Box-Schatten: Einschub 0 1px 1px rgba ( 0,0,0, 0,075); Kastenschatten: Einschub 0 1px 1px rgba (0,0,0, 0,075); - Webkit-Übergang: Randfarben-Leichtigkeit beim Ein- und Aussteigen .15s, Kastenschatten-Leichtigkeit -in-out .15s; -moz-Transition: Randfarbe Easy-In-Out .15s, Box-Shadow Easy-In-Out .15s; -o-Übergang: Randfarbe leichtes Ein- und Aussteigen .15s, Box-Shadow-Easy-In-Out .15s; -ms-Übergang: Randfarbe-Easy-In-Out .15s, Box-Schatten-Easy-In out .15s; Übergang: Randfarbe Easy-In-Out .15s, Box-Shadow Easy-In-Out .15s; } #demoForm-Label {Anzeige: keine;} #demoForm .Legale-Einverständnis-Container-Label {Anzeige: Block;} #demoForm .hs-Fehler-Nachricht-Label {Anzeige: Block; Farbe: Rot;} #demoForm .grecaptcha-Abzeichen {Deckkraft: 1 ;} #demoForm input [type = "checkbox" i] {Hintergrundfarbe: initial; Cursor: Standard; float: left! wichtig; transformieren: Skala (1,5); -webkit-Aussehen: Kontrollkästchen; Box-Größe: Border-Box; Rand: 5px 10px 5px 0px; Polsterung: initial; Rand: initial; Breite: 30px! wichtig; } #demoForm .hs_submit.hs-submit {text-align: center; margin-top: 3rem;} #demoForm input [type = "submit"] {display: inline-block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 1rem 4,5rem; Rand: 0 0 0 0; Grenze: keine; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #demoForm input [type = "submit"]: hover {Hintergrundfarbe: #e71212! Important; Textdekoration: keine; Farbe: erben; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #demoForm .hs_recaptcha {display: flex; Rechtfertigungsinhalt: Mitte; } input [type = "submit"] {Cursor: Zeiger; } / * rote Taste * / #demoForm #tryFreeButton_wp, #demoForm_wp #tryFreeButton_wp {Anzeige: Inline-Block; Position: relativ; Randradius: 3rem; Hintergrundfarbe: #f25555; Breite: auto; Schriftfamilie: ProximaNova-Regular, Helvetica, Arial, Serif; Schriftgröße: 1.5rem; Farbe: #fff! wichtig; Cursor: Zeiger; Polsterung: 1rem 4,5rem; Rand: 0 0 0 0; Grenze: keine; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } #demoForm #tryFreeButton_wp: Hover, #demoForm_wp #tryFreeButton_wp: Hover: Hover {Hintergrundfarbe: #e71212! Wichtig; Textdekoration: keine; Farbe: erben; -webkit-Übergang: alle .5s Leichtigkeit; -moz-Übergang: alle .5s Leichtigkeit; -ms-Übergang: alle .5s Leichtigkeit; -o-Übergang: alle .5s Leichtigkeit; Übergang: alle .5s Leichtigkeit; } / * reCAPTCHA 3 * / .grecaptcha-Abzeichen {Deckkraft: 0,4; Filter: Alpha (Deckkraft = 40); / * Für IE8 und früher * / box-shadow: keine! Wichtig; } .grecaptcha-Abzeichen: hover {Deckkraft: 1.0; Filter: Alpha (Deckkraft = 100); / * Für IE8 und frühere * /} / * footer * / .footer__social-linkbox a: hover {color: #f0f0f0! Important; } .footer__social-link :: after {Hintergrundfarbe: transparent! wichtig; } .kc-text-full {max-width: 118rem! wichtig; Breite: 100%! wichtig; Rand: 0 Auto 0 Auto; Position: relativ; Schriftfamilie: "ProximaNova-Regular", Helvetica, Roboto, Arial, serifenlos! wichtig; Schriftgröße: 1.6rem! wichtig; Zeilenhöhe: 1,5! wichtig; Schriftgröße: normal! wichtig; } .kc-text-full p, .kc-text-full 2 strong {Schriftfamilie: "ProximaNova-Regular", Helvetica, Roboto, Arial, serifenlos! wichtig; } .kc-footer-left {width: 200px; Polsterung rechts: 20px; float: left; } .kc-footer-right {width: 80%; Polsterung: 10px; Farbe: #7d9bb2; schweben rechts; } / * footer + logos 2 * / .kc-logos-cont {width: 100%; Rand: 0 Auto; Position: relativ; Textausrichtung: Mitte; } .kc-logo-block {Anzeige: Inline-Block; Rand: 10 x 20 x 20 x 20 x; vertikal ausrichten: Mitte; } .kc-logos-cont img {width: 90%; } / * ---- Reagiert auf 1270px oder weniger ---- * / @media Bildschirm und (maximale Breite: 1270px) {/ * Top Navigation * / .header__rightbox {Breite: 180px! Wichtig; } img.header__logo-white {float: left! wichtig; } a.glink img {margin: 5px 0 0 5px; } / * --------------- Endinhalt --------------- * /} / * ---- Reagiert auf 1000px oder weniger - --- * / @media Bildschirm und (maximale Breite: 1000px) {/ * Kategorie blaues Logo * / body.category .header__logo-blau {Anzeige: Block! wichtig; } body.category .imgboxcon__filter {Rand oben: 30px! wichtig; } body.category .header__ham-Bars {Anzeige: Block! wichtig; Hintergrundfarbe: #1655b2! wichtig; } / * Layout-Polsterung * / .kc-pd-t10m {Polsterung oben: 20px; } .kc-pd-t20m {Polsterung oben: 20px; } .kc-pd-t30m {Polsterung oben: 20px; } .kc-pd-t40m {Polsterung oben: 20px; } .kc-pd-t50m {Polsterung oben: 20px; } .kc-pd-t100m {Polsterung oben: 30px; } .kc-pd-t200m {Polsterung oben: 30px; } .kc-pd-t250m {Polsterung oben: 30px; } .kc-pd-t300m {Polsterung oben: 30px; } .kc-pd-b10m {Polsterung unten: 20px; } .kc-pd-b20m {Polsterung unten: 20px; } .kc-pd-b30m {Polsterung unten: 20px; } .kc-pd-b40m {Polsterung unten: 20px; } .kc-pd-b50m {Polsterung unten: 20px; } .kc-pd-b100m {Polsterung unten: 30px; } .kc-pd-b200m {Polsterung unten: 30px; } .kc-pd-b250m {Polsterung unten: 30px; } .kc-pd-b300m {Polsterung unten: 30px; } / * aws-webinar * / .all_head_wp01 {Rand oben: 200px; } / * footer * / .kc-footer-logo img {width: 180px; } .kc-soc-logo img {Anzeige: Block; Rand: 20px Auto 10px Auto; } .kc-footer-left {width: 100%; Polsterung: 10px; float: keine; } .kc-footer-left img {display: block; Breite: 200px; Rand: 0 Auto 0 Auto; float: keine; } .kc-footer-right {width: 100%; Polsterung: 10px; Farbe: #7d9bb2; float: keine; } .kc-footer-right br {Anzeige: keine; } / * --------------- Endinhalt --------------- * /} / * ---- Reagiert auf 600px oder weniger - --- * / @media screen und (max-width: 600px) {/ * layout padding * / .kc-wrap {padding-left: 20px; Polsterung rechts: 20px; } .kc-cell {width: 100%! wichtig; } / * benutzerdefinierte Website-Schriftarten * / .kc_font_100 {Schriftgröße: 100%; Zeilenhöhe: 140%; } .kc_font_120 {Schriftgröße: 100%; Zeilenhöhe: 130%; } .kc_font_135 {Schriftgröße: 115%; Zeilenhöhe: 130%; } .kc_font_160 {Schriftgröße: 120%; Zeilenhöhe: 130%; } .kc_font_200 {Schriftgröße: 180%; Zeilenhöhe: 130%; } .kc_font_250 {Schriftgröße: 230%; Zeilenhöhe: 130%; } .kc_font_300 {Schriftgröße: 260%; Zeilenhöhe: 120%; } .kc_font_350 {Schriftgröße: 330%; Zeilenhöhe: 120%; } .kc_font_400 {Schriftgröße: 300%; Zeilenhöhe: 120%; } .kc_font_500 {Schriftgröße: 380%; Zeilenhöhe: 120%; } .kc_font_800 {Schriftgröße: 500%; Zeilenhöhe: 120%; } .size_14, .size_14 a {Schriftgröße: 12px; Zeilenhöhe: 140%; } .size_16, .size_16 a {Schriftgröße: 14px; Zeilenhöhe: 140%; } .size_18, .size_18 a {Schriftgröße: 16px; Zeilenhöhe: 140%; } .size_19, .size_19 a {Schriftgröße: 17px; Zeilenhöhe: 140%; } .size_20, .size_20 a {Schriftgröße: 18px; Zeilenhöhe: 140%; } .size_22, .size_22 a {Schriftgröße: 20px; Zeilenhöhe: 140%; } .size_24, .size_24 a {Schriftgröße: 22px; Zeilenhöhe: 140%; } .size_26, .size_26 a {Schriftgröße: 24px; Zeilenhöhe: 140%; } .size_30, .size_30 a {Schriftgröße: 28px; Zeilenhöhe: 140%; } .size_40, .size_40 a {Schriftgröße: 38px; Zeilenhöhe: 130%; } .size_50, .size_50 a {Schriftgröße: 48px; Zeilenhöhe: 120%; } .size_70, .size_70 a {Schriftgröße: 68px; Zeilenhöhe: 120%; } .size_80, .size_80 a {Schriftgröße: 78px; Zeilenhöhe: 120%; } .size_90, .size_90 a {Schriftgröße: 88px; Zeilenhöhe: 120%; } .size_100, .size_100 a {Schriftgröße: 98px; Zeilenhöhe: 140%; } .size_110, .size_110 a {Schriftgröße: 108px; Zeilenhöhe: 140%; } .size_120, .size_120 a {Schriftgröße: 118px; Zeilenhöhe: 140%; } / * Fußzeilenlogos 2 * / .kc-logos-cont img {width: 70%; } .kc-logo-block {Rand: 10px; } / * --------------- Endinhalt --------------- * /} @media (maximale Breite: 767px) {#dl- menu .header__button {display: none;} #primary-menu .button {display: block; Position: nicht gesetzt; Rand: 50px Auto 0! wichtig; maximale Breite: 150px; } #demoForm {max-width: 100%;} .mob-translate {padding-top: 7rem; Textausrichtung: links; Polsterung links: 25px; } .slide-nav nav {Rand oben: 10rem! wichtig; } #mega-Menü-Wrap-Slide-Nav .Mega-Menü-Toggle + #mega-Menü-Slide-Nav {Auffüllen: 0 20px; } .search-form {display: block; maximale Breite: 100%; Rand: 35 x 30 x 20 x; Höhe: 50px; } .search-form: before {border-left: 0; } .navigation__slide {position: relative; } .navigation__slide: after {content: ''; Position: absolut; Rand links: 0; Rand oben: 1px festes #eee; Breite: calc (100% - 60px); Höhe: 1px; unten: -15px; Bildschirmsperre; links: 30px; } .search-field.aa-input {display: block; Höhe: 50px; Polsterung: 10px 10px 10px 45px; Farbe: #000; Schriftgröße: 16px; Zeilenhöhe: normal; } .search-field.aa-input: focus {padding: 10px 10px 10px 45px; Hintergrundfarbe: #eee; Zeilenhöhe: normal; } .aa-input-icon {fill: #000; oben: 15px; links: 15px; } .aa-input-icon.black {left: 15px; } .search-form input [type = "search"] :: - Webkit-Eingabe-Platzhalter {Farbe: #000; Zeilenhöhe: normal; } .search-form input [type = "search"]: - ms-input-placeholder {Farbe: #000; Zeilenhöhe: normal; } .search-form input [type = "search"] :: - ms-input-placeholder {Farbe: #000; Zeilenhöhe: normal; } .search-form input [type = "search"] :: placeholder {color: #000; Zeilenhöhe: normal; } .slide-nav .header__button {display: block; Rand oben: 50px; } .slide-nav .header__button .button {width: 80%; Rand: 0 Auto; Bildschirmsperre; Polsterung: 1,5rem 3,5rem; } / * Ksplice-Seite * / .page-template-page-ksplice .banner-with-form {padding: 8rem 0 5rem; } .page-template-page-ksplice .banner-with-form__header-subtitle {margin-top: 2rem; } .page-template-page-ksplice .switch__content__image {width: 100%; } .switch__content__image code {width: 100%; Bildschirmsperre; Überlauf: auto; } .page-template-page-ksplice .partners, .page-template-page-freetrial .partners {Inhalt rechtfertigen: flex-start; Ausrichtungselemente: Flex-Start; } .page-template-page-ksplice .trusted__content__image .partner, .page-template-page-freetrial .trusted__content__image .partner {flex: 0 0 100%; Rand unten: 30px; Polsterung: 0 80px; } .page-template-page-ksplice .why__content-title {text-align: center; Rand unten: 30px; } .page-template-page-ksplice .banner-with-form__header-title {Schriftgröße: 3rem; Rand oben: 30px; } .page-template-page-ksplice .banner-with-form__header-subtitle {margin-bottom: 0; } .page-template-page-ksplice .banner-with-form__img span {Schriftgröße: 2rem! wichtig; } .page-template-page-ksplice .banner-with-form__img span: last-of-type {Rand oben: 20px; } .banner-with-form__header .badges {Rand oben: 30px; } .page-template-page-ksplice .banner-with-form__header-subtitle {Schriftgröße: 2rem; } .page-template-page-ksplice .benefit, .page-template-page-freetrial .benefit {margin-bottom: 30px; } .distro {padding: 0 15px; } .stories-slider .review-slider__slide-img.partner {height: 90px; } .stories-slider .review-slider__slide-img.partner img {height: 90px; } / * Fallstudie * / .cases-single__intro-content {margin: 0 auto; Polsterung: 30px 30px 60px; } .cases-single__intro-content-title {Zeilenhöhe: 2.5rem; Schriftgröße: 2rem; } .cases-single__intro-content-subtitle {Schriftgröße: 16px; Zeilenhöhe: 26px; } .cases-single__hero-image img {height: 200px; Objektanpassung: Abdeckung; } .cases-single .summary__icons {margin-top: 40px; maximale Breite: 100%; } .cases-single .summary__icons .cell {margin-bottom: 50px; } .cases-single .quote {margin-top: 0; } .cases-single .quote {padding: 30px} .cases-single .quote__text-inner {position: relative; oben: nicht gesetzt; transformieren: keine; } .cases-single .quote__text p {Schriftgröße: 15px; } .cases-single .benefits .cell: not (: last-of-type) {padding-right: 0; } .cases-single .benefits .cell: not (: last-of-type) .benefits-card {Rand-unten: 100px; } .cases-single .quote .quote__text {Rand oben: 30px} .cases-single .main-content {padding: 0 30px; } .cases-single .cta {padding: 50px 30px; } .cases-single .cta h2 {Schriftgröße: 2.5rem; Zeilenhöhe: 4rem; } .cases-single .related-posts {margin: 30px auto 60px; Polsterung: 0 30px; } .cases-single .related-posts .cases-single__intro-content-title {margin: 2rem 0 4rem; } .cases-single .related-posts .cell: not (: last-of-type) .related__post-image {margin-right: 0; } .related-posts .post: not (: letzter Typ) {margin-bottom: 50px; } / * * / .page-template-compare .resources-single__intro-content {padding: 0 15px; } .alike-compare-table-wrapper {Anzeige: flex; Breite: 100%; Überlauf: auto; /*Überlauf versteckt; Anzeige: flex; Flex-Wrap: Nowrap; overflow-x: auto; * /} .alike-compare-table-wrapper .alike-row .alike-column-title, .alike-compare-table-wrapper .alike-row .alike-column-item {flex: 0 0 50%; maximale Breite: 50%; Rand unten: 1px festes #eee; } .alike-compare-widget-wrapper {oben: 90%; } .alike-compare-table-wrapper .alike-row {border: 0; } .alike-column-item__inner {width: 100%; } .rq-Gleiche-Show-Differenz {oben: 15px; } ul.pages-column li {flex: 0 0 100%; maximale Breite: 100%; Rand: 0 0 30px; } .page-template-page-home .banner - 100 {Höhe: 100vh; } nav ul ul sub-menu li a span {Farbe: #000; }} @media (minimale Breite: 1200 Pixel) und (maximale Breite: 1600 Pixel) {/*.header {Breite: 95%! wichtig;} * / .header .grid-x {Breite: 100%; Polsterung: 0 2rem; } .search-results .header .grid-x, .search.search-no-results .header .grid-x {width: 100%;} .header__rightbox.cell.shrink {flex: 0 0 14%;} .search-form {max-width: 135px;}} .grecaptcha-badge [data-style = "bottomright"] {Anzeige: keine! wichtig; } #livechat-Blickfang {Anzeige: keine; } .footer__btm.grid-x {Hintergrundfarbe: nicht gesetzt; Rand oben: 90px; Polsterung: 70px; Position: relativ; } section.footer.grid-container.full {Hintergrund: URL (https://www.staging-kernelcare.kinsta.cloud/wp-content/uploads/group-7.webp); Hintergrundfarbe: nicht gesetzt; Hintergrundgröße: Cover; } h3.footer__list - Menütitel {Deckkraft: 1! wichtig; Polsterung unten: 30px; Textausrichtung: links; } .footer__list.cell {rechts auffüllen: 60px; } .footer nav ul {Textausrichtung: links; } .footer nav ul li {Anzeige: Block; } .footer nav ul li a {padding: 0; Schriftgröße: 13px; Zeilenhöhe: initial; } ul.footer__social-list {text-align: center; } li.footer__social-item {Rand rechts: 0px; Polsterung links: 25px; } .kc-footer-logo {Polsterung unten: 40px; } .footer .border {position: absolute; Rand oben: 1px fest #fff; oben: 0; links: 5%; Breite: 90%; } .kc-footer-white-logo {Textausrichtung: Mitte; Polsterung: 30px; } .kc-footer-copyright {Farbe: #fff; } .footer p.kc-pd-t10 {Deckkraft: 1; } / *. Mega-Untermenü {Hintergrund: #fff-URL (https://www.staging-kernelcare.kinsta.cloud/wp-content/uploads/2019/09/01.png) keine Wiederholung 625px 335px / 765px! wichtig;} * /