/* file css/skin.css -------------------------------------*/
/* Mixins --------------------------------------------------*/
/* Colors and backgrounds  ------------------------*/
html {padding-bottom:0em; min-height: 100%;}
body, html, iframe { margin:0; padding:0; border:0;
  color:rgba(101, 96, 96,0.94);  // ttitle, body  
 background-color: blue; // #00f0f5 ;  
/*  url(../img/noise-all.png); */
/* // #f1ede8 url(../img/noise-all.png); altrosa #f7b3ae  background:#e8d6d8 */
  }

.flyWrap {
	display: none;
	position: fixed; left:0;top:0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background:  rgba(88,88,88,0.94);
}
.flyWrap.enable {
	display: block;
}

body a {
  text-decoration:none;
  font-variant:capitals;
  color: #111;  //#656360;
  }

/* ------------------------------------------------
  befindet sich jetzt in lehnart.css
  header, footer {
  background:  f7b3ae; // #2d2d2d
  }

#fussbereich {
  background:rgba(242,96,77,0.33); // #FBCAC4; 
  }
  -------------------------------------------------*/

/* SIDEBAR ------------------------------------------------------------
 wird mit den Klassen .sideViewportFixed und .sideViewportRelative
*/
#sidebar {
  position: relative; left: 50%; top: 2.35em;  width:5.8em; 
/* Seitenposition jetzt */  margin-left:-50%;  
  padding-left:0.9em; // Versatz im embedded li tag
  margin-top:3em;
  font-size: 2.0em;  letter-spacing:0em; 
  z-index:99;   float: left;
  }

#sidebar li {
  border-bottom: 4px solid transparent; 
  background-color:rgba(222, 222, 222, 0.6); 
    /* rgba(155, 155, 155, 0.4);  //  #f7b3ae; (247, 179, 174, 0.6) */
  }

ul#sidebar li {
  -webkit-box-shadow: 3px 3px 5px 0px rgba(59,5,36,0.43);
  -moz-box-shadow: 3px 3px 5px 0px rgba(59,5,36,0.43);
  box-shadow: 3px 3px 5px 0px rgba(59,5,36,0.43);
  }

/* Abstand der  Schalt flaechen 
    padding-top =  platz ueber Schrift*/
#sidebar li.block {  
 padding-top:0.25em;
 margin:  0.3em 0 0.8em 0em ;
  }

#sidebar span {
 margin-left:  0.41em ;
 color: rgba( #111,0.66 );
 // text-shadow: 0 -1px 0 #FFFFFF, -1px 1px 0 #111111;
 }

// selected Hyperlink preceeding li setzen
// $('li.selected').parent().addClass('underline')
.underline   {   border-bottom: 2px solid #eee !important; }

/*                                                                                  Pfeil aus winzigem Kasten mit breitem roten Rahmen */
li a.selected span{
  position: relative;	
  display: inline-block;
  }
li a.selected span:after {    content:"";height:0;width:0;
  position: absolute;
  left: 6.6em;
  top: 50%;
  margin-top: -.5em;
  border: .5em solid transparent;
  border-right: 0;  
  border-left-color: rgba(242, 252, 242, 0.77);  /*select- Indikator Pfeilfarbe */
  }
/*                                                                                buttonHome*/
#buttonhome{
  position: relative;	
  display: inline-block;
  }
#buttonhome:after {    content:"";height:0;width:0;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -.38em;
  border: .5em solid transparent;
  border-left: 0;  
  border-right-color: rgba(22, 22, 22, 0.77);  /*select- Indikator Pfeilfarbe */
  }
#buttonhome img{
  width:24px;
  padding-left:70px; margin-bottom:-0.1em;
  }

/* Selection colours (easy to forget) */
/*
::selection {
  background: #cb5432;
  }
::-moz-selection {
  background: #cb5432;
  }
img::selection {
  background: #cb5432;
  }
img::-moz-selection {
  background: #cb5432;
  }
*/

/* ------------mobile-popup---------------*/
/* Styling the Popup Window */

.popup-trigger { 
  webkit-border-radius: 16px 16px 16px 16px;
  moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;

  display: block; margin: 0; padding: 4px 0 0 0; max-width: 188px; background: #4EBD79 rgba(101, 96, 96,0.94); color: #fff; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 20px; cursor: pointer;
  }
.popup {display: none; 
  position: absolute; top: 100px; left: 50%; width: 700px; 
  margin-left: -350px; padding: 50px 30px; background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 0; z-index: 9999;}
.popup-mobile {
  position: relative; top: -12em; left: -4em; 
  margin: 20px ; width: 100%; 
  font-size:1.2em; line-height:1.4em; text-align:left;
  webkit-border-radius: 33px 33px 33px 33px;
  moz-border-radius: 33px 33px 33px 33px;
  border-radius: 33px 33px 33px 33px;
  box-shadow: 2px 2px 2px 2px rgba(2, 1, 2, 0.4);
  }		
.popup-btn-close { display: none; 
  position: absolute; top: 11px; right: -16px; 
  color: #111; font-size: 14px; font-weight: bold; 
  text-transform: uppercase; cursor: pointer; background: #9b9;
  webkit-border-radius: 11px 11px 11px 11px;
  moz-border-radius: 11px 11px 11px 11px;
  border-radius: 11px 11px 11px 11px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  }
.popup-btn-close:before {content:"weiter";padding:4px 1em 4px 1em;} // padding-left

body {
  //-webkit-tap-highlight-color: #cb5432;
  }

#headline,
.masthead {
  color: #444444;
  }
.ZMDGraphic {padding bottom:1em;}

/* Absatz text ------------------------------------------------------------------*/
.textAbsatz { 
  margin-top:0; 
  font-family: 'Voltaire', Arial, sans-serif;
  font-size:1.0em; line-height:1.6em; letter-spacing:2px;
  text-align:left;
  padding:0 0.3em 0 0.9em;
  background-color:rgba(233,230,230,0.88) ; 
  }

/* Kacheltext ------------------------------------------------------------------*/
.fancybox .text, .text p {  /* thumb Kacheltext -- Anreisser */
  font-family: 'Voltaire', Arial, sans-serif;
  /* font-size:1.0em; ! Nebeneffekte leere Zeilen */
 line-height:2em; letter-spacing:0.03em;
  text-align:left;
  padding:0em 0.3em 0 0.8em  ; 
 background-color:rgba(233,230,230,0.88) ; 
 /* height:1.3em;  ! nebeneffekte*/
width:266px ;   /* 280 - 14 */
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

 ellipsis {  /*  ellipse -- Anreisser */
  font-family: 'Voltaire', Arial, sans-serif;
  font-size:1.0em; line-height:1.6em; letter-spacing:0.03em;
  text-align:left;
  padding:0em 0.3em 0 0.8em; 
 
  background-color:rgba(233,230,230,0.88) ; 

height:1.3em;width:100%;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.fancybox-inner > .fancybox .text  { 
/* Grossvariante mit titletext */
  padding-top:22px !important ; margin-right:1.5em  !important;
padding:0;  
}

/* Kacheltext ---Aufschrift----------------------------------------------------*/
.ttitleBlock span, .ttitelBlock div{
  display:block;
  height:1.8em; 
  background-color:rgba(233,230,230,0.88) ; 
  font-size:1.3em; line-height:1.7em;  // schafft raum ueber der schrift

  letter-spacing: 2px;
  font-variant:small-caps;
  }
/* Kachel Aufschrift Schwebebox  ------------------------------------------*/
.ttitleBlock {
  background-color:transparent ;
  width:94%;position:relative;
  left:53%; margin-left:-50%; margin-top:-3.2em; letter-spacing:2px;
   // auto nicht zulaessig - unsinn krauto setzt standard wert ein für span  padding: krauto  ;
  text-align:center; 
  }
.untermbild {
margin-top:0em;
}
.ttitleBlock span {opacity:.77; 
        transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.ttitleBlock span:hover, .ttitleBlock span:active {opacity:1}

.footer_wrap .contact_block p button {opacity:.5;
        transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}


/* NAVIGATION ------------------------------------------------------------*/
#nav > li > a {
  color: #dcd2be;
}
#nav > li:hover > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-top: 3px solid #cb5432;
}
#nav span:hover {
  -webkit-transform: translate(-10px, -3px);
  -moz-transform: translate(-10px, -3px);
  -o-transform: translate(-10px, -3px);
  transform: translate(-10px, -3px);
}
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
  border-top: 3px solid #cb5432;
}
#nav .sfHover ul {
  background: #f8f5f2;
}
#nav .sfHover ul li a {
  color: #444444;
}
#nav .sfHover ul li a:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #cb5432;
}
/* MAIN ------------------------------------------------------------*/
.multiplebgs #main {
  background-image: url(../img/main-bg.png), url(../img/main-bg.png);
  background-repeat: repeat-x, repeat-x;
  background-position: bottom left, top left;
}
.no-multiplebgs #main {
  background: #f1f1f1 url(../img/main-bg.png) repeat-x top left;
}
/* FILTERED ITEMS ----------------------------------------------------*/
#filter-buttons li a {
  color: #444;
  border-bottom: 2px solid transparent;
}


/* PORTFOLIO ----------------------------------------------------*/
#portfolio-content #filter-container a {
  color: #888;
}
#portfolio-content #filter-container a:hover {
  color: #cb5432;
}
#portfolio-content .project-pager a {
  color: #444444;
}
#portfolio-content .project-pager a:hover {
  color: #cb5432;
}
#portfolio-content #project-box {
  background: #f8f5f2;
}
#portfolio-content #project-box .info .launch:hover {
  color: #f1f1f1;
  background: #cb5432;
}
/* CONTACT  ----------------------------------------------------*/#map-holder {
  background: #f8f5f2;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation a {
  color: #444444;
}
#main .page-navigation a:hover {
  color: #cb5432;
}

/* SLIDER ----------------------------------------------------*/.lof-slidecontent .slider-description {
  color: #e6e6e6;
}
.lof-slidecontent .slider-description a {
  color: #FFF;
}
.lof-slidecontent .slider-description a.readmore {
  color: #fcb019;
}
.lof-slidecontent .active {
  border-top: 3px #cb5432 solid;
}