Farbe: #ababab; }
::-webkit-scrollbar {
Breite: 10px;
Hintergrundfarbe: #F5F5F5;
}
::-webkit-scrollbar-thumb {
Hintergrundfarbe: #f90a23;
Hintergrundbild: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25 %, transparent 25 %, transparent 50 %, rgba(255, 255, 255, .2) 50 %, rgba (255, 255, 255, .2) 75 %, transparent 75 %, transparent);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
Hintergrundfarbe: #F5F5F5;
}
.site-header-inner {
Anzeige:keine;
}
.header-top {
Anzeige:keine;
}
versteckt-lg-down {
Anzeige:keine;
}
fester Header {
Anzeige:keine;
}
.heading-page
{
Texttransformation: Großbuchstaben;
Schriftgröße: 43px;
Schriftstärke: fetter;
Buchstabenabstand: 3px;
Farbe weiß;
}
hat {
Farbe: erben;
-webkit-transition: alle 0,3s ersetzen 0s;
-moz-transition: alle 0,3 s ergeben 0 s;
-o-transition: alle 0,3 Sekunden sind Nullen;
Übergang: alle 0,3 s erleichtern 0 s; }
a:hover, a:focus {
Farbe: #ababab;
Textdekoration: keine;
Gliederung: 0 keine; }
h1, h2, h3,
h4, h5, h6 {
Farbe: #1e2530;
Schriftfamilie: „Open Sans“, serifenlos;
Rand: 0;
Zeilenhöhe: 1,3; }
P {
Rand unten: 20px; }
p:last-child {
Rand unten: 0; }
/*
* Farbauswahl
*/
::-moz-selection {
Hintergrundfarbe: #FA6862;
Farbe: #fff; }
::Auswahl {
Hintergrundfarbe: #FA6862;
Farbe: #fff; }
/*
* Bootstrap-Standardstil zurücksetzen
*/
.form-control::-webkit-input-placeholder,
::-webkit-input-placeholder {
Deckkraft: 1;
Farbe: erben; }
.form-control:-moz-placeholder,
:-moz-placeholder {
/* Firefox 18- */
Deckkraft: 1;
Farbe: erben; }
.form-control::-moz-placeholder,
::-moz-placeholder {
/* Firefox 19+ */
Deckkraft: 1;
Farbe: erben; }
.form-control:-ms-input-placeholder,
:-ms-input-placeholder {
Deckkraft: 1;
Farbe: erben; }
Taste, Eingabe, Auswahl,
Textbereich, Beschriftung {
Schriftstärke: 400; }
.btn {
-webkit-transition: alle 0,3s ersetzen 0s;
-moz-transition: alle 0,3 s ergeben 0 s;
-o-transition: alle 0,3s ergeben 0s;
Übergang: alle 0,3 Sekunden lockern 0 Sekunden; }
.btn:hover, .btn:focus, .btn:active:focus {
Gliederung: 0 keine; }
.btn-primär {
Hintergrundfarbe: #FA6862;
Rand: 0;
Schriftfamilie: „Open Sans“, serifenlos;
Schriftstärke: 700;
Höhe: 48px;
Zeilenhöhe: 50px;
Polsterung: 0 42px;
Texttransformation: Großbuchstaben; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
Hintergrundfarbe: #f9423a; }
.btn-border {
Rand: 1px fest #d7d8db;
Anzeige: Inline-Block;
Polsterung: 7px; }
/*
*CSS-Hilfsklasse
*/
.clear:before, .clear:after {
begeistert: " ";
Anzeige:Tabelle; }
.clear:after {
Lösche beide; }
.pt-table {
Anzeige:Tabelle;
Breite: 100 %;
Höhe: -webkit-calc(100vh - 4px);
Höhe: -moz-calc(100vh - 4px);
Höhe: calc(100vh - 4px); }
.pt-tablecell {
Anzeige: Tabellenzelle;
vertikal ausrichten:mitte; }
.overlay {
Position: absolut;
links: 0;
oben: 0;
Breite: 100 %;
Höhe: 100 %;
Rand unten: 400px;
}
.relativ {
Position: relativ; }
.primär,
.link:hover {
Farbe: #FA6862; }
.no-gutter {
Rand links: 0;
Rand rechts: 0; }
.no-gutter > [class^="col-"] {
padding-left: 0;
padding-right: 0; }
.biegen {
Anzeige: -webkit-box;
Anzeige: -webkit-flex;
Anzeige: -moz-flex;
Anzeige: -ms-flexbox;
Anzeige:flex; }
.flex-middle {
-webkit-box-align: center;
-ms-flex-align: Mitte;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.space-between {
-webkit-box-pack: rechtfertigen;
-ms-flex-pack: rechtfertigen;
-webkit-justify-content: Leerzeichen dazwischen;
-moz-justify-content: Leerzeichen dazwischen;
justify-content: Leerzeichen dazwischen; }
.nicescroll-cursors {
Hintergrund: #FA6862 !important; }
.preloader {
unten: 0;
links: 0;
Position: fest;
rechts: 0;
oben: 0;
Z-Index: 1000;
Anzeige: -webkit-box;
Anzeige: -webkit-flex;
Anzeige: -moz-flex;
Anzeige: -ms-flexbox;
Anzeige:flex; }
.preloader.active.hidden {
Anzeige:keine; }
.loading-mask {
Hintergrundfarbe: #FA6862;
Höhe: 100 %;
links: 0;
Position: absolut;
oben: 0;
Breite: 20 %;
-webkit-transition: alle 0,6s kubisch-bezier(0,61, 0, 0,6, 1) 0s;
-moz-transition: alle 0,6s kubisch-bezier(0,61, 0, 0,6, 1) 0s;
-o-transition: alle 0,6s kubisch-bezier(0,61, 0, 0,6, 1) 0s;
Übergang: alle 0,6s kubisch-bezier(0,61, 0, 0,6, 1) 0s; }
.loading-mask:nth-child(2) {
links: 20 %;
-Webkit-Übergangsverzögerung: 0,1 s;
-moz-Übergangsverzögerung: 0,1 s;
-o-Übergangsverzögerung: 0,1 s;
Übergangsverzögerung: 0,1 s; }
.loading-mask:nth-child(3) {
links:40 %;
-Webkit-Übergangsverzögerung: 0,2 s;
-moz-Übergangsverzögerung: 0,2 s;
-o-Übergangsverzögerung: 0,2 s;
Übergangsverzögerung: 0,2 s; }
.loading-mask:nth-child(4) {
links:60 %;
-Webkit-Übergangsverzögerung: 0,3 s;
-moz-Übergangsverzögerung: 0,3 s;
-o-Übergangsverzögerung: 0,3 s;
Übergangsverzögerung: 0,3 s; }
.loading-mask:nth-child(5) {
links:80%;
-Webkit-Übergangsverzögerung: 0,4 s;
-moz-Übergangsverzögerung: 0,4 s;
-o-Übergangsverzögerung: 0,4 s;
Übergangsverzögerung: 0,4 s; }
.preloader.active.done {
Z-Index: 0; }
.preloader.active .loading-mask {
Breite: 0; }
/*------------------------------------------------
Beginnen Sie mit dem Styling
---------------------------------------* /
.mt20{margin-top:20px;}
.site-wrapper {
border-top: 4px solide #ff0037; }
.page-close {
Schriftgröße: 30px;
Position: absolut;
rechts: 30px;
oben: 30px;
Z-Index: 100; }
.Seitentitel {
Rand unten: 75px; }
.page-title img {
Rand unten: 20px; }
.page-title h2 {
Schriftgröße: 68px;
Rand unten: 25px;
Position: relativ;
Z-Index: 0;
Schriftstärke: 900;
Texttransformation: Großbuchstaben; }
.Seitentitel p {
Schriftgröße: 16px; }
.page-title .title-bg {
Farbe: RGBA (30, 37, 48, 0,07);
Schriftgröße: 158px;
links: 0;
Buchstabenabstand: 10px;
Zeilenhöhe: 0,7;
Position: absolut;
rechts: 0;
oben: 50 %;
Z-Index: -1;
-webkit-transform: TranslateY(-50%);
-moz-transform: TranslateY(-50%);
-ms-transform: TranslateY(-50%);
-o-transform: TranslateY(-50%);
transform: TranslateY(-50%); }
.Abschnittsüberschrift {
Rand unten: 20px; }
.Abschnittstitel h3 {
Anzeige: Inline-Block;
Position: relativ; }
.section-title h3::before, .section-title h3::after {
begeistert: "";
Höhe: 2px;
Position: absolut;
unten: 8px;
links: -webkit-calc(100% + 14px);
links: -moz-calc(100% + 14px);
links: calc(100% + 14px); }
.section-title h3::before {
Hintergrundfarbe: #1e2530;
Breite: 96px;
unten: 14px; }
.section-title h3::after {
Hintergrundfarbe: #FA6862;
Breite: 73px; }
.section-title.light h3 {
Farbe: #fff; }
.section-title.light h3::before {
Hintergrundfarbe: #fff; }
.page-nav {
unten: 40px;
links: 0;
Position: absolut;
rechts: 0; }
.page-nav span {
Schriftfamilie: „Open Sans“, serifenlos;
Schriftgröße: 14px;
Schriftstärke: 500;
Zeilenhöhe: 0,9;
Texttransformation: Großbuchstaben; }
/*------------------------------------------------
Startseite
---------------------------------------* /
.hexagon-item:first-child {
Rand links: 0;
}
.page-home {
Hintergrundposition: Mitte Mitte;
Hintergrundwiederholung: keine Wiederholung;
Hintergrundgröße: Cover;
vertikal ausrichten:mitte; }
.page-home .overlay {
Hintergrundfarbe: rgba(14, 17, 24, 0,97);
}
/* Ende des Containers */
.hexagon-item {
Cursor: Zeiger;
Breite: 200px;
Höhe: 173,20508px;
float:left;
Rand links: -29px;
Z-Index: 0;
Position: relativ;
-webkit-transform: rotieren (30 Grad);
-moz-transform: rotieren (30 Grad);
-ms-transform:rotate(30deg);
-o-transform: drehen (30 Grad);
transform:rotate(30deg); }
.hexagon-item:first-child {
Rand links: 0; }
.hexagon-item:hover {
Z-Index: 1; }
.hexagon-item:hover .hex-item:last-child {
Deckkraft: 1;
-webkit-transform: Scale(1.3);
-moz-transform: Scale(1.3);
-ms-transform: Skala(1.3);
-o-transform: Skala(1.3);
transform: scale(1.3); }
.hexagon-item:hover .hex-item:first-child {
Deckkraft: 1;
-webkit-transform: Scale(1.2);
-moz-transform: Scale(1.2);
-ms-transform: Skala(1.2);
-o-transform: Skala(1.2);
transformieren: Skala(1.2); }
.hexagon-item:hover .hex-item:first-child div:before,
.hexagon-item:hover .hex-item:first-child div:after {
Höhe: 5px; }
.hexagon-item:hover .hex-item div::before,
.hexagon-item:hover .hex-item div::after {
Hintergrundfarbe: #ff0037; }
.hexagon-item:hover .hex-content svg {
-webkit-transform: Skala(0,97);
-moz-transform: Skala(0,97);
-ms-transform: Skala(0,97);
-o-transform: Skala(0,97);
transform: Skala(0,97); }
.page-home .hexagon-item:nth-last-child(1),
.page-home .hexagon-item:nth-last-child(2),
.page-home .hexagon-item:nth-last-child(3) {
-webkit-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-moz-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-ms-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-o-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
transformieren: rotieren (30 Grad) übersetzen (87px, -80px); }
.hex-item {
Position: absolut;
oben: 0;
links:50px;
Breite: 100px;
Höhe: 173,20508px; }
.hex-item:first-child {
Z-Index: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: Skala(0,9);
-o-transform: Skala(0,9);
transformieren: Skala(0,9);
-webkit-transition: alle 0,3s kubischen Bezier(0,165, 0,84, 0,44, 1);
-moz-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1);
-o-Übergang: alle 0,3s Kubikbezier(0,165, 0,84, 0,44, 1);
Übergang: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1); }
.hex-item:last-child {
Übergang: alle 0,3s kubisch-bezier(0,19, 1, 0,22, 1);
Z-Index: 1; }
.hex-item div {
Boxgröße: border-box;
Position: absolut;
oben: 0;
Breite: 100px;
Höhe: 173,20508px;
-webkit-transform-origin: Center Center;
-moz-transform-origin: Mitte Mitte;
-ms-transform-origin: Mitte Mitte;
-o-transform-origin: Mitte Mitte;
Transformationsursprung: Mitte Mitte; }
.hex-item div::before, .hex-item div::after {
Hintergrundfarbe: #1e2530;
begeistert: "";
Position: absolut;
Breite: 100 %;
Höhe: 3px;
-webkit-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
-moz-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
-o-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
Übergang: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s; }
.hex-item div:before {
oben: 0; }
.hex-item div:after {
unten: 0; }
.hex-item div:nth-child(1) {
-webkit-transform: rotieren(0deg);
-moz-transform: rotieren(0deg);
-ms-transform: rotieren(0deg);
-o-transform: rotieren(0deg);
transformieren: rotieren (0 Grad); }
.hex-item div:nth-child(2) {
-webkit-transform: rotieren (60 Grad);
-moz-transform: rotieren (60 Grad);
-ms-transform:rotate(60deg);
-o-transform: drehen (60 Grad);
transform:rotate(60deg); }
.hex-item div:nth-child(3) {
-webkit-transform:rotate(120deg);
-moz-transform: rotieren (120 Grad);
-ms-transform: rotieren (120 Grad);
-o-transform:rotate(120deg);
transform:rotate(120deg); }
.hex-content {
Farbe: #fff;
Bildschirmsperre;
Höhe: 180px;
Rand: 0 automatisch;
Position: relativ;
Textausrichtung: Mitte;
transform:rotate(-30deg);
Breite: 156px; }
.hex-content .hex-content-inner {
links:50 %;
Rand: -3px 0 0 2px;
Position: absolut;
oben: 50 %;
-webkit-transform: Translate(-50%, -50%);
-moz-transform: Translate(-50%, -50%);
-ms-transform: Translate(-50%, -50%);
-o-transform: Translate(-50%, -50%);
transform: Translate(-50%, -50%); }
.hex-content.icon {
Bildschirmsperre;
Schriftgröße: 36px;
Zeilenhöhe: 30px;
Rand unten: 11px; }
.hex-content .title {
Bildschirmsperre;
Schriftfamilie: „Open Sans“, serifenlos;
Schriftgröße: 14px;
Buchstabenabstand: 1px;
Zeilenhöhe: 24px;
Texttransformation: Großbuchstaben; }
.hex-content svg {
links: -7px;
Position: absolut;
oben: -13px;
transform: Skala(0,87);
Z-Index: -1;
-webkit-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
-moz-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
-o-transition: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s;
Übergang: alle 0,3s kubisch-bezier(0,165, 0,84, 0,44, 1) 0s; }
.hex-content:hover {
Farbe: #fff; }
.page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child (3) {
-webkit-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-moz-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-ms-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
-o-transform: rotieren (30 Grad) übersetzen (87 Pixel, -80 Pixel);
transformieren: rotieren (30 Grad) übersetzen (87px, -80px);
}
/*------------------------------------------------
Startseite
---------------------------------------* /
.author-image-large {
Position: absolut;
rechts: 0;
oben: 0; }
.author-image-large img {
Höhe: -webkit-calc(100vh - 4px);
Höhe: -moz-calc(100vh - 4px);
Höhe: calc(100vh - 4px); }
@media (Mindestbreite: 1200 Pixel)
{
.col-lg-offset-2 {
Rand links: 16,66666667 %;
}
}
@media (Mindestbreite: 1200 Pixel)
{
.col-lg-8 {
Breite: 66,66666667 %;
}
}
.hexagon-item:first-child {
Rand links: 0;
}
.pt-table.desktop-768 .pt-tablecell {
Polsterung unten: 110px;
Polsterung oben: 60px;
}
.hexagon-item:hover .icon i
{
Farbe:#ff0037;
Übergang: 0,6 s;
}
.hexagon-item:hover .title
{
-webkit-animation: Focus-in-Contract 0,5 s Kubikbezier (0,250, 0,460, 0,450, 0,940) beide;
Animation: Focus-in-Contract 0,5 s Kubikbezier (0,250, 0,460, 0,450, 0,940) beide;
}
/******************************/
@-webkit-keyframes focus-in-contract {
0 % {
Buchstabenabstand: 1em;
-webkit-filter: Unschärfe(12px);
Filter: Unschärfe (12 Pixel);
Deckkraft: 0;
}
100% {
-webkit-filter: Blur(0px);
Filter: Unschärfe (0px);
Deckkraft: 1;
}
}
@keyframes focus-in-contract {
0 % {
Buchstabenabstand: 1em;
-webkit-filter: Unschärfe(12px);
Filter: Unschärfe (12 Pixel);
Deckkraft: 0;
}
100% {
-webkit-filter: Blur(0px);
Filter: Unschärfe (0px);
Deckkraft: 1;
}
}
Nur @media-Bildschirm und (maximale Breite: 767 Pixel)
{
.hexagon-item {
float:none;
Rand: 0 automatisch 50px;
}
.hexagon-item:first-child {
margin-left: auto;
}
.page-home .hexagon-item:nth-last-child(1), .page-home .hexagon-item:nth-last-child(2), .page-home .hexagon-item:nth-last-child (3) {
-webkit-transform: rotieren(30 Grad) übersetzen(0px, 0px);
-moz-transform: rotieren (30 Grad) übersetzen (0px, 0px);
-ms-transform: rotieren (30 Grad) übersetzen (0px, 0px);
-o-transform: rotieren (30 Grad) übersetzen (0px, 0px);
transformieren: rotieren (30 Grad) übersetzen (0px, 0px);
}
}
->
