/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.logotype {
  text-transform:uppercase;
}

.tm-logo-small h1 {
    color: #000;
}


.main-outer  {
    padding: 0  !important;
}

#top-b {
    background-color: transparent;
}

#bottom-a {
    background-color: transparent;
}

#top-c, #top-c h1 {
	color: #222222;
}



/********** Kontakt **********/
#bottom-d {
    background-color: #888;
}
#bottom-d dt {
    width: 60px;
}
#bottom-d dd {
    margin-left: 80px;
}

/********** Timeline **********/
.timeline ul {
	padding: 20px 0 0 0;
}
.timeline h1 {
    font-size: 36px;
    line-height: 40px;
    text-align: left;
}
.timeline ul li {
    padding-top: 0px;
}

.uk-width-1-1 {
    float: left;
}

.op {
	background: unset;
	}


/********** Über mich **********/
[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
    opacity: 1;
}
.uk-height-viewport {
    min-height: auto;
}
.tm-top-b .rand-rechts {
	padding-right:50px;
}




/********** Kontaktformular **********/
.progress {
	display:none;
}

#bottom-d .uk-width-medium-1-2 {
	width:30%;	
}
@media (max-width: 850px) {
#bottom-d .uk-width-medium-1-2 {width:100%;}
}
#bottom-d .uk-row-first + .uk-width-medium-1-2 {
	width:60%;	
}
@media (max-width: 850px) {
#bottom-d .uk-row-first {width:100%; margin-top:20px;}
}

.row-fluid .span4 {
    width: 35%;
}

#bfElemWrap12 {
    width: 98%;
    margin-left: 0;
}
.bfQuickMode .controls .control-label {
    min-width: 190px;
}/**/
.form-actions {
    padding: 0px 0;
    margin-top: 0;
    margin-bottom: 0;
}
.bfQuickMode .pull-right {
    float: left;
}
.form-actions {
    background-color: transparent;
    padding-top: 5px;
} /**/
.row-fluid [class*="span"] {
    margin-left: 0;
} /**/


.tm-footer hr {
    margin-top: 0;
    margin-bottom: 15px;
}
.tm-footer {
    padding-top:0;
}



/* Responsive Layout */
/*---------------------------------------------------------------------------------*/
/* Umbruch von ganz großem layout zum kleineren mit Rand */
@media (max-width: 1219px) {

}


/* Ab Hamburger-Menü */
@media (max-width: 767px) {

	}


/* ohne listenpunkt
.op {
	background: unset;
	}
 
 
.op li.in-view::after {
    background: red;
}

*/