Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1
.c-content-contact-1 {
2
  width: 100%;
3
  position: relative;
4
  margin-bottom: 70px; }
5
  .c-content-contact-1:before {
6
    background-color: rgba(255, 255, 255, 0.5); }
7
  .c-content-contact-1:after {
8
    background-color: rgba(255, 255, 255, 0.5); }
9
  .c-content-contact-1 > .row .c-body {
10
    position: relative;
11
    z-index: 100;
12
    background: #ffffff;
13
    margin: 40px 40px 40px 0;
14
    padding: 60px 40px; }
15
    .c-content-contact-1 > .row .c-body > .c-section {
16
      margin-bottom: 15px;
17
      text-align: right; }
18
      .c-content-contact-1 > .row .c-body > .c-section > .c-content-label {
19
        display: inline;
20
        padding: 3px 7px;
21
        color: #fff; }
22
      .c-content-contact-1 > .row .c-body > .c-section > h3 {
23
        font-size: 26px;
24
        margin: 0 0 30px 0;
25
        text-transform: uppercase; }
26
      .c-content-contact-1 > .row .c-body > .c-section > p {
27
        font-size: 16px;
28
        line-height: 24px;
29
        color: #7f8c97;
30
        font-weight: 300; }
31
      .c-content-contact-1 > .row .c-body > .c-section > p,
32
      .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 {
33
        margin-top: 20px; }
34
        .c-content-contact-1 > .row .c-body > .c-section > p > li,
35
        .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 > li {
36
          list-style: none;
37
          display: inline-block;
38
          font-size: 24px;
39
          padding: 0 10px 5px 10px;
40
          background-color: #eee; }
41
 
42
.c-content-contact-1-gmap {
43
  display: block;
44
  top: 0;
45
  bottom: 0;
46
  left: 0;
47
  right: 0;
48
  position: absolute;
49
  width: 100%; }
50
 
51
.c-content-feedback-1 {
52
  width: 100%; }
53
  .c-content-feedback-1 > .row > div .c-content-title-1 > h3 {
54
    margin-top: 10px;
55
    margin-bottom: 20px; }
56
  .c-content-feedback-1 > .row > div .c-content-title-1 > .c-line-left {
57
    margin-bottom: 30px;
58
    height: 3px;
59
    width: 40px; }
60
  .c-content-feedback-1 > .row > div .c-content-title-1 > p {
61
    margin-bottom: 30px;
62
    font-weight: 300; }
63
  .c-content-feedback-1 > .row > div > .c-container {
64
    background-size: auto;
65
    padding: 30px;
66
    margin: 0 0 30px 0; }
67
    .c-content-feedback-1 > .row > div > .c-container > .c-inverse > h3 {
68
      color: #ffffff;
69
      margin-top: 10px; }
70
    .c-content-feedback-1 > .row > div > .c-container > .c-inverse > .c-line-left {
71
      background-color: #ffffff; }
72
    .c-content-feedback-1 > .row > div > .c-container > .c-inverse > p {
73
      color: #ffffff; }
74
    .c-content-feedback-1 > .row > div > .c-container:last-child {
75
      margin-bottom: 0; }
76
      .c-content-feedback-1 > .row > div > .c-container:last-child p {
77
        margin-bottom: 0; }
78
  .c-content-feedback-1 > .row > div form {
79
    margin-bottom: 20px; }
80
    .c-content-feedback-1 > .row > div form .input-group {
81
      width: 340px; }
82
  .c-content-feedback-1 .input-group {
83
    border: 0; }
84
    .c-content-feedback-1 .input-group .input-group-addon,
85
    .c-content-feedback-1 .input-group .btn {
86
      border: 0; }
87
 
88
@media (max-width: 1024px) {
89
  .c-content-feedback-1 > .row > div form .input-group {
90
    width: 100%; } }
91
 
92
@media (max-width: 991px) {
93
  /* 991px */
94
  .c-content-contact-1-gmap {
95
    display: block;
96
    position: static;
97
    width: 100%;
98
    height: 300px !important; }
99
  .c-content-contact-1 > .row > div {
100
    width: 100%; }
101
    .c-content-contact-1 > .row > div .c-body {
102
      position: static;
103
      display: block;
104
      padding: 30px 20px 10px 20px;
105
      background: #fafafa;
106
      margin: 0;
107
      text-align: left; }
108
  .c-content-feedback-1 > .row > div > .c-container {
109
    margin-right: 0;
110
    margin-bottom: 40px; }
111
  .c-content-feedback-1 > .row > div > .c-contact {
112
    padding: 40px 30px 0 30px;
113
    margin: 0; }
114
  .c-content-feedback-1.c-option-2 > .row > div > .c-contact {
115
    padding: 30px;
116
    margin-top: 40px;
117
    background-color: #ffffff; } }