/*FARBEN*/
.sw_schwarz {color:#000000;}
.sw_weiss {color:#ffffff;}
.sw_grau {color:#D4D0C8;}
.sw_dgrau {color:#404040;}
.sw_blau {color:#2d2d8b;}
.sw_gruen {color:#4d5e2d;}
.sw_dgruen {color:#333300;}
.sw_rot {color:#900000;}
.sw_gelb {color:#ffcd43;}
.sw_orange {color:#f7a600;}
.sw_braun {color:#7c5300;}
/*FARBEN*/

/*Auszeichnungen*/
.fett { font-weight: bold; }
.kursiv { font-style: italic; }
.unterstrichen { text-decoration: underline; }
.ueberstrichen { text-decoration: overline; }
.durchgestrichen { text-decoration: line-through; }
/*Auszeichnungen*/

.Musikkommentar {
	color: #4d5e2d;
	line-height: 150%;
	/*font-style: italic;*/
}

#home-slider .caption h1 span, 
#twitter-carousel .item span, 
#footer .footer-bottom, 
#single-portfolio .close-folio-item:hover, 
#single-portfolio .close-workshop-item:hover, 
#single-text .close-textdet-item:hover, 
.single-table.featured .btn.btn-primary, 
.contact-info ul li a:hover, 
#footer .footer-bottom a  {
	color: #f7a600;
}

.btn.btn-primary:hover,
.btn-submit:hover {
  background-color: #db6625
}
a {
	color: #900000;
}

a:hover, a:focus {
	color: #db6625;
}

.seminarliste {
	margin-bottom: 00px;
	/*margin-left: -5em;*/
	/*line-height: 100%;*/
	padding-left: 1em;
	/*clear:left;*/
}

.seminarliste:hover {
	background-color: #fff8e5; /*hellgelb*/
	/*border-color: #ffcd43;*/
	border-radius: 5px;
	/*padding: 0.5em;
}

.entry-header .date:after, 
.progress-bar.progress-bar-primary 
{
	background-color: #667d3d; /*khaki*/
}

.main-nav { background-color: #667d3d; background-repeat: repeat-x; }

#footer, 
.caption .btn-start:hover, 
.left-control:hover, 
.right-control:hover, 
.folio-overview a:hover,
.btn-submit,
.service-icon { 
	background-color: #f7a600;  /*orange*/
}

.single-table.featured, 
.btn.btn-primary, 
.twitter-icon .fa-twitter, 
.twitter-left-control:hover, .twitter-right-control:hover, 
.post-icon, 
.btn-loadmore:hover
{
	background-color: #ffcd43; /*gelb*/
}

#footer .footer-pre
{
	background-color: #900000; /*rot*/
}


.twitter-left-control:hover, 
.twitter-right-control:hover, 
.btn-loadmore:hover  {
	border: 1px solid #f27935;
}

.caption .btn-start:hover, 
.left-control:hover, 
.right-control:hover {
	border-color: #f27935;
}

.twitter-icon .fa-twitter:after {
	border-color: #f27935 transparent transparent;
}

/*---eigene Ergänzungen---*/
.Zitat { color: #fff; font-size: 30px; font-style: italic; line-height: normal; }
.ZitatQuelle { color: #ffcd43; font-size: 20px; padding-top: 20px; }

.publikation {text-indent: -3em; margin-left: 3em; }

.parbibangaben {
	color: #000; margin-top: 0; margin-bottom: 0;}
	
.litmitlink {
	padding: 0px; margin-top: -2.5%;}
	
.parpubltext {text-indent: -3em; margin-left: 3em; }

.sw_paps {text-indent: 3em; margin-left: 0em; }

.vorlagen_sem {
	margin: 1%; 

}

.vorlagen_wshop {
	margin: 1%; 
	width: 20%;
}

.navi_sub {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.wshop_link li {
	list-style-type: none;
	padding-left: 1em; text-indent: -1em;
	line-height: 1.3;
	margin-left: -1em;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.wshop_erg li {
	list-style-type: none;
	padding-left: 1em; text-indent: -1em;
	line-height: 1.3;
	margin-left: -1em;
	margin-top: 0.5em;
}

.sw_list_strich li {
	list-style-type: none;
	padding-left: 1em; text-indent: -1em;
	line-height: 1.3;
	margin-left: -1em;
	margin-top: 0.5em;
}

.shortcuts li {
	list-style-type: none;
	padding-left: 1em; text-indent: -1em;
	line-height: 1.3;
	margin-left: -2.8em;
	margin-top: 0.3em;
}

.wshop_link li::before,
.wshop_erg li::before {
  content: "» ";    
  color: black;
  font-weight: bold;
  /*font-size: 1.5em;*/
}

.sw_list_strich li::before {
	content: "▪ "
}


	
/****************************************
********text CSS (aus portfolio CSS)*****
**** portfolio > text ***** folio > textdet ****
*****************************************/

#text .container-fluid, 
#text .col-sm-3  {
  overflow: hidden;
  padding: 0;
  /*margin-left: 5%; damit 3 BIlder nebeneinander passen!!!*/
}

#text .textdet-item {
  position: relative;
}

#text .overlay {
  background-color: #000;
  color: #fff; 
  left: 0;
  right:0;
  bottom:-100%;
  height: 0;
  position: absolute;
  text-align: center;
  opacity:0;  
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.overlay .overlay-content {
  display: table;
  height: 100%;
  width: 100%;
}

.overlay .overlay-text {
  display: table-cell;
  vertical-align: middle;
}

.overlay .textdet-info {
  opacity: 0;
  margin-bottom: 75px;
  margin-top: -75px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.overlay .textdet-info h3 {
  margin-top: 0;
  color: #fff;
}

.textdet-overview a {
  font-size: 18px;
  color: #333;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
}

.textdet-overview a:hover {
  color: #fff;
}

.textdet-overview .textdet-expand {
  margin-top: -500px;
  margin-left: -500px;
}

.textdet-image, .textdet-overview .textdet-expand {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

#text .textdet-item:hover .textdet-image {
  -webkit-transform: scale(1.5) rotate(-15deg);
  transform: scale(1.5) rotate(-15deg);
}

.textdet-image img {
  width: 100%;
}

#text .textdet-item:hover .overlay {
  opacity: 0.8;
  bottom: 0;
  height: 100%;
}

#text .textdet-item:hover .textdet-overview .textdet-expand {
  margin-top: 0;
  margin-left:0;
}

#text .textdet-item:hover .overlay .textdet-info {
  opacity: 1;  
  margin-bottom:0;
  margin-top:0;
}


#single-textdet {
  padding: 90px 0;
  background: #f5f5f5;
  background-color: #ffcd43; background-image: url(../images/sw_bg.gif); background-repeat: repeat-x;
  position: relative;
}

#single-textdet img {
  width: 100%;
  margin-bottom: 10px;
}

#single-textdet .close-textdet-item {
  position: absolute;
  top: 30px;
  font-size: 34px;
  width: 34px;
  height: 34px;
  left: 50%;
  color: #999;
  margin-left: -17px;
}