header #logo {
    animation: fadeintextright 1s;
    -webkit-animation: fadeintextright 1s;
    -moz-animation: fadeintextright 1s;
}

#main,
#aside,
.intro-box-inner {
	animation: fadeintext 1s;
	-webkit-animation: fadeintext 1s;
	-moz-animation: fadeintext 1s;
}


a {
	color: #6c6c6c;
}

body {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	color: #6c6c6c;
	background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
		font-family: Yanone Kaffeesatz,Helvetica,Arial,sans-serif;
	}


.color,
#logo a:hover,
a:hover,
#footer-credits a:hover,
.color-text,
footer .widget a,
.about-author .title a,
.entry-content a,
form label.error,
.entry-title a:hover,
.accio_blog_widget .widget-entry-title:hover,
.archive-lists ul li a:hover {
	color: #ab0232;
}

.entry-content a:hover,
footer .widget a:hover {
	color: #6c6c6c;
}

.flexslider .flex-direction-nav a:hover,
#back-to-top:hover,
.highlight-text,
.more-link:hover,
.button-main.active,
.flickr_badge_image,
a.button-main,
a.button-main.toggle:hover,
.byuser .author-tag,
.bypostauthor .author-tag,
.accent,
input[type="submit"],
button[type="submit"],
a.share-button.active,
.post-navigation a,
.pagination .prev-post a,
.pagination .next-post a,
.next-page a,
.prev-page a {
	background: #ab0232;
}

.jp-play-bar,
.jp-volume-bar-value,
body .mejs-controls div.mejs-time-rail .mejs-time-current,
body .mejs-video .mejs-controls div.mejs-volume-slider .mejs-volume-handle,
body .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #ab0232;
}

.post-navigation a,
.prev-page a,
.next-page a,
.pagination .prev-post a,
.pagination .next-post a,
a.button-main,
a.button-main.toggle:hover,
input[type="submit"],
button[type="submit"],
a.share-button.active {
	border-bottom-color: #fd0149;
}

header,
footer,
article.hentry,
.widget,
.author-bio,
#respond,
#comments,
.intro-box-inner,
.comments-disabled {
			border: none;
	}

.accent {
	border-color: #ab0232;
}

.color {
	background: #ab0232;
}

/* Custom CSS */
body {
font-size: 17px;
font-weight: 300;
line-height: 25px;
}

.entry-title,  .page-title {
font-size: 35px;
font-weight: lighter;
line-height: 40px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    line-height: 1.1em;
    font-weight: lighter;
}

h1 {
   color: #ab0232;
   font-size: 35px;
   font-weight: lighter;
   line-height: 40px;
}

footer {
    color: #ffffff;
    background: #7a161c; 
    background-image: url("http://derkompetenzentwickler.de/wp-content/uploads/img-footer-bg.jpg");
    background-repeat: no-repeat;
    padding: 20px 0 20px;
    border-top: 1px solid #e9e9e9;
}

footer h2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: lighter;
    line-height: 30px;
}

#footer-credits {
        background: #ced7de; /* Old browsers */
background: -moz-linear-gradient(left,  #ced7de 0%, #ffffff 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ced7de), color-stop(85%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ced7de 0%,#ffffff 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ced7de 0%,#ffffff 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ced7de 0%,#ffffff 85%); /* IE10+ */
background: linear-gradient(to right,  #ced7de 0%,#ffffff 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced7de', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    text-align: left;
    color: #6c6c6c;
}

#footer-credits a {
    color: #6c6c6c;
    text-decoration: underline;
}

.site-header {
    padding: 15px 0 15px 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 15%, #ffffff 15%, #ced7de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(15%,#ffffff), color-stop(15%,#ffffff), color-stop(100%,#ced7de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ced7de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ced7de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 15%,#ffffff 15%,#ced7de 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 15%,#ffffff 15%,#ced7de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced7de',GradientType=1 ); /* IE6-9 */
}

#back-to-top {
    display: none;
    background: #c5c6c8;
    margin: 0;
    position: fixed;
    text-align: center;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 99;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;    
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -o-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
}

.prev-page a,
.next-page a,
.post-navigation a {
    background: #F37A5C;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 3px 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-bottom: 2px solid #D66F55;
}

article.hentry,
.widget,
.author-bio,
#respond,
#comments,
.intro-box-inner,
.comments-disabled {
    border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
}

.widget {
    background: #f0f4f7;
    padding: 25px;
}

.widget-title {
    font-family: Yanone Kaffeesatz,Helvetica,Arial,sans-serif;
    font-size: 25px;
    font-weight: lighter;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 5px;
}

.widget-title:before {
    color: #7a151b;
    font-size: 18px;
}

.infobox {
    box-shadow: 0px 0px 10px #ced7de;
    padding: 1em;
}

blockquote {
    margin: 0;
    padding: 0;
}

blockquote:before {
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 25px;
    line-height: 0;
}

article.hentry .entry-wrap {
    padding: 0px 35px 35px 35px;
}

#content {
    padding: 70px 0 20px 0;
}

.widget ul li {
    border-top: 1px solid #dadada;
    padding-top: 5px;
    margin: 0 0 5px 0;
}

.toggle h4, .accordion h4 {
    padding: 10px 10px 10px 10px;
    color: #ab0232;
    font-size: 22px;
    box-shadow: 0px 0px 10px #ced7de;
    border: none;
}

.toggle h4:before, .accordion h4:before  {
    top: 15px;
    right: 10px;
}

.entry-media h3 a {
    font-size: 30px;
    font-weight: normal;
}

.post-navigation a, .pagination .prev-post a, .pagination .next-post a, .next-page a, .prev-page a {
    background: #536270 !important;
    border-bottom: none;
}

.post-navigation a:hover, .pagination .prev-post a:hover, .pagination .next-post a:hover, .next-page a:hover, .prev-page a:hover {
    background: #ab0232 !important;
    border-bottom: none;
}
 h2.entry-title {
    padding-top: 20px;
}

article.hentry .hentry-box {
    box-shadow: 0px 0px 10px #ced7de;
}

.intro-box-inner {
    padding: 0px;
    text-align: left;
    font-family: Yanone Kaffeesatz,Helvetica,Arial,sans-serif;
    font-size: 35px;
     font-weight: lighter;
    line-height: 40px;
}


/*--Navi--*/
#menu > ul > li > a {
    color: #6c6c6c;
    font-family: Yanone Kaffeesatz,Helvetica,Arial,sans-serif;
    font-size: 25px;
    font-weight: lighter;
    text-transform: none;
    line-height: 30px;
    margin: 65px 0 0 0;
    padding:  0
}

/*--Subnavi--*/
#menu ul ul {
    margin: 65px 0 0 -80px;
}

#menu ul ul li a {
    line-height: 40px;
    border-bottom: 1px solid #585c61;
    font-family: Yanone Kaffeesatz,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-transform: none;
}

header #logo {
 margin-bottom: 15px;
}

.widget_tag_cloud a {
  background: #ffffff;
  display: inline-block;
  color: #666666 !important;
}

#menu > ul > li > a:after {
  content: ".";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0.0;
  -moz-opacity: 0.0;
  opacity: 0.0;
  font-size: 40px !important;
  line-height: 21px;
  float: right;
  margin-left: 2px;
  margin-right: 8px;
  font-weight: 0;
  color: #ffffff;
  margin-top: -1px;
}

#menu > ul > li > a:hover:after,
#menu > ul > li.current-menu-item > a:after {
  content: ".";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-size: 40px !important;
  line-height: 21px;
  float: right;
  margin-left: 2px;
  margin-right: 8px;
  font-weight: 0;
  color: #ab0232;
  margin-top: -1px;
}

.intro-box-inner span i {
  color: #7a151b;
  border-right: none;
  padding-right: 10px;
}


/*----------------------------------------------------------*/
/*  14.  Contact Form 7
/*----------------------------------------------------------*/

.wpcf7
{
    background-color: #f0f4f7;
    border: 15px solid #f0f4f7;
}

div.wpcf7
{
    margin-bottom: 20px;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    padding: 5px;
    margin-top: 5px;

}

.wpcf7 p
{
    margin-bottom: 10px;

}

span.wpcf7-list-item 
{ 
    display: block; 
    line-height: 8px;
}

footer .widget {
    padding: 0 20px !important;
}

blockquote {
    margin: 30px;
    padding-top: 10px;
}

.entry-content ol ol, .entry-content ul ul {
    margin: 0.2em 0 0 0 !important;
}

.box-aktuelles {
    background-color: #f0f4f7 !important;
    margin-top: 40px;
}
.box-aktuelles p {
    margin-bottom: 20px !important;
}
.box-aktuelles h2 {
    margin-bottom: 10px !important;
}
.wp-block-button__link {
    color: #fff !important;
    background-color: #536270 !important;
    padding: 3px 15px;
    text-tranform: uppercase !important;
}

.wp-block-button__link:hover {
    color: #fff !important;
    background-color: #7a161c !important;
}

.wp-block-separator {
    border: 1px solid #eeeeee !important;
}