/*
Theme Name:    Enfold Child
Author:        Günter Schöfl 
Description:   CSS for Page - Über uns
Template:      enfold       
*/

/* Page - Über uns
---------------------------------------------- */
.page-id-1703 .give-anim {
 width: 228px;
 height: auto;
 overflow: hidden;
 overflow-y: visible;
 margin-top: 0;
 margin-bottom: 16px;
 padding: 12px 12px 0px 12px;
 border: 1px solid #ebebeb;
 float: right;
 }

@media only screen and (min-width: 768px) {
 .page-id-1703 .give-anim {
  margin-left: 10px;
  float: right;
  }
 }

.page-id-1703 .give-anim p.nobreak {
 margin: 0;
 overflow: hidden;
 color: #f8af00;
 font-weight: bold;
 font-size: 30px;
 line-height: 1.4;
 vertical-align: bottom;
 white-space: nowrap;
 }

.give-anim span {
 display: inline-block;
 width: 0;
 padding-bottom: 0;
 overflow: hidden;
 color: #b0b0b0;
 line-height: 1.4;
 vertical-align: bottom;
 white-space: nowrap;
 }

@-webkit-keyframes spancol {
   0% { color: #b0b0b0; }
 100% { color: #f8af00; }
 }
@keyframes spancol {
   0% { color: #b0b0b0; }
 100% { color: #f8af00; }
 }

@-webkit-keyframes afterwidth {
   0% { width:   0px; color: #f8af00; }
  25% {               color: #f8af00; }
  50% {               color: #f8af00; }
 100% { width: 200px; color: #b0b0b0; }
 }
@keyframes afterwidth {
   0% { width:   0px; color: #f8af00; }
  25% {               color: #f8af00; }
  50% {               color: #f8af00; }
 100% { width: 200px; color: #b0b0b0; }
 }

.give-anim span.g {
-webkit-animation: spancol 1s forwards;
        animation: spancol 1s forwards; 
-webkit-animation-delay: 0s;
        animation-delay: 0s;
 }

.give-anim span.i {
-webkit-animation: spancol 1s forwards;
        animation: spancol 1s forwards; 
-webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
 }

.give-anim span.v {
-webkit-animation: spancol 1s forwards;
        animation: spancol 1s forwards; 
-webkit-animation-delay: 1.0s;
        animation-delay: 1.0s;
 }

.give-anim span.e {
-webkit-animation: spancol 1s forwards;
        animation: spancol 1s forwards; 
-webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
 }

.give-anim span.g {
-webkit-animation: afterwidth 2.3s ease-in forwards;
        animation: afterwidth 2.3s ease-in forwards; 
-webkit-animation-delay: 0s;
        animation-delay: 0s;
 }

.give-anim span.i {
-webkit-animation: afterwidth 2.2s ease-in forwards;
        animation: afterwidth 2.2s ease-in forwards; 
-webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
 }

.give-anim span.v {
-webkit-animation: afterwidth 2.0s ease-in forwards;
        animation: afterwidth 2.0s ease-in forwards; 
-webkit-animation-delay: 1.5s;
        animation-delay: 1.5;
 }

.give-anim span.e {
-webkit-animation: afterwidth 1.7s ease-in forwards;
        animation: afterwidth 1.7s ease-in forwards; 
-webkit-animation-delay: 2.1s;
        animation-delay: 2.1s;
 }

/* Page - Auftraggeber
------------------------------------------------------------------ */
#top.page-id-13119 .no_margin.av_one_third.eins {
 width: 30.82%;
 }

#top.page-id-13119 #zwei.no_margin.av_one_third {
 width: 38.35%;
 }

@media (max-width: 767px) {
 #top.page-id-13119 .no_margin.av_one_third.eins,
 #top.page-id-13119 #zwei.no_margin.av_one_third {
  width: 100%;
  }

 #top.page-id-13119 .no_margin img {
  padding: 8px 0px;
  }
 }