/* HEADER ================================================== */
/*.cbp-af-header.cbp-af-header-shrink #logo {
width: 330px;
}*/

.cbp-af-header #nav a {
line-height: 20px;
color: #333;
margin-top: 17px;
}
/* AWARDS ================================================== */
#awards {
padding-bottom: 0;
}
/* PROFIL ================================================== */
#profil {
background: #39F;
background-size: cover;
background-attachment: fixed;
padding-bottom: 70px;
}
#profil .lead,
#profil p {
color: #FFF;
}
#profil .icon {
text-align: center;
}
#profil .icon img {
height: 120px;
width: auto;
margin-left: -20px;
}
.profil_anleser {
font-size: 28px;
text-align: center;
line-height: 120%;
}
.profil_text {
font-size: 16px;
line-height: 125%;
text-align: left;
}

.weiter a, .zurueck a {
display: block;
color: #FFF;
font-size: 23px;
height: 19px;
width: 19px;
margin: 10px auto 30px auto;
}
.weiter span, .zurueck span {
position: relative;
left: 4px;
top: -5px;
}
.weiter:hover, .zurueck:hover {
background-color: rgba(123,255,255,0);
color: #FFF;
}
.minus {
margin-top: 2px;
}
/* Accordion */
.row div.accordion p.profil_text_accordion {
max-height: 0px;
overflow: hidden;
}
.row div.active p.profil_text_accordion {
max-height: 1000px;
}
.row div.accordion div.weiter {
max-height: 100px;
overflow: visible;
margin-bottom: 30Px;
}
.row div.active div.weiter {
max-height: 0px;
overflow: hidden;
margin-bottom: 0px;
}
.row div.accordion p {
-moz-transition: max-height 600ms ease-out 0ms !important;
-o-transition: max-height 600ms ease-out 0ms !important;
-webkit-transition: max-height 600ms ease-out 0ms !important;
}
div.weiter {
-moz-transition: all 300ms ease-in-out 00ms !important;
-o-transition: all 300ms ease-in-out 00ms !important;
-webkit-transition: all 300ms ease-in-out 00ms !important;
}

/* PORTFOLIO ================================================== */
/*#projekte .lead {
position: relative;
top: 100px;
}*/
#portfolio_item .icon-cancel-big {
display: none;
}
.filter {
margin-top: 45px;
}

/* Online-Marketing ================================================== */
#online-marketing {
background: #dfeffe;
}
#online-marketing img {
margin: 30px auto 40px auto;
display: block;
}
.online-marketing-button {display: block; margin: 0 auto; margin-left: -2.12766%;}
.online-marketing-button a, .online-marketing-button a:active, .online-marketing-button a:focus {
    background: transparent;
    color: #000;
    font-size: 16px;
    padding: 11px 10px;
    cursor: pointer;
    margin: 20px auto 50px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #000;
    outline: none;
    display: block;
    width: 135px;
    font-family: 'KarlaRegular', sans-serif;
	text-align: center;
	max-width: 140px;
	display: block;
}
/* .insgespraechkommen_bannerset .leaderboard { width: 100%; max-width:728px; height: 90px; margin: 10px auto 0; }
.insgespraechkommen_bannerset .medium_rectangle { width: 300px; height: 250px; margin: 80px auto 0; } */
.insgespraechkommen_bannerset { text-align: center; }
.insgespraechkommen_bannerset .medium_rectangle { display: inline-block; padding: 15px; }

.online-marketing-button a:hover {background: #39F; color: #FFF; border: 1px solid #39F;}

/* MEDIA QUERIES  ============================================ */

@media screen and (max-width: 768px) {
#profil .icon img {
margin-top: 25px;
}
}

@media screen and (max-width: 660px) {
}

@media screen and (max-width: 520px) {
.iframe-container iFrame {height: auto!important; min-height: 220px;}
}
@media screen and (max-width: 800px) {
  .insgespraechkommen_bannerset .medium_rectangle { transform: scale(0.8) translate(10%); transform-origin: left; margin: 0 auto; }

  .insgespraechkommen_bannerset .medium_rectangle.mue,
  .insgespraechkommen_bannerset .medium_rectangle.grahe,
  .insgespraechkommen_bannerset .medium_rectangle.klopp { display: none; }
}


 /* Slider Projekte 15.07 */
@media only screen and (max-width: 380px) {

.owl-item.scroll {
	height: 325px!important;
	overflow: scroll;
	-webkit-overflow-scrolling: touch!important; }

}
