/* Wrapped around .top-bar to contain to grid width */
/*Topnav background*/

html { position: relative; min-height: 100%; }

body { margin: 0 0 65px auto; /* bottom = footer height */ position: static; }

.bg_image {  background: url(../img/hg_wolkenhaus.jpg); background-size: cover; height: 100%; width: 100%; }





/* .lt-topbar  { background: #94c23c url(../img/logo_lt.gif) top  right no-repeat; height: 4em; } */
.lt-topbar  { background: #94c23c; height: 4em; }

.whole {margin: 0; max-width: 100%;}

.top-bar  { background: #94c23c; }
.top-bar-section ul li > a   { background: #94c23c; font-size: 1rem;}
.top-bar-section li:not(.has-form) a:not(.button)   { background: #94c23c; }

/*.top-bar .title-area { margin: -28px 0 0 0; }*/

.f-topbar-fixed {  padding-top: 0; }

.top-bar .name { margin: 0; top: 0; }
.top-bar .name h1 { font-size: 350%; margin: 0; line-height: 0px; }
/*.top-bar .name h1 a { color: white; width: 70%; display: block; padding: 0 15px; }*/

.orbit-container div { background: transparent; padding: 10px; }



.sliding_logo { position: fixed; top: 4.48em; right: 0; z-index: 1; }
.sliding_name { background-color: #94c23c; height: 1em;
				-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); 
				font-size: 350%; color: #b7d37a; font-family: "Open Sans Condensed"; margin: 0; font-weight: 600; letter-spacing: 0.2em; z-index: 1;}

/* ctl */
.panel-tit  { margin: 0; }
.gap-down  { margin-bottom: 5rem; }

.first-text { padding: 0; font-size: 130%; }
.panel-ctl  { margin: 0 0 3rem 0; }
.panel-pic  { padding: 0; }
.tit-icon { height: 100%; }
.pic_125  { margin: 0; border: solid 1px #ccc;}
.pic_333  { margin: 0; border: solid 1px #fff; /*box-shadow: 0px 10px 30px 10px #ccc;*/}
.logo_333 { margin: 0; border: solid 2px #fff;}
.pic100proz { height: auto; padding: 4em; background-size: cover; width: 100%; }
.titelbild { color: #fff; font-size: 150%; line-height: 1.5; font-family: 'Quicksand'; text-transform: uppercase; }
.lineunder { border-bottom: 1px #fff dotted; }


/* TITELBILDER */
.tit_alle  { background: url(../img/tit_push.jpg) no-repeat top left; min-height: 22em; }
.tit_web  { background: url(../img/tit_web.jpg) no-repeat top left; min-height: 22em;  }
.tit_print  { background: url(../img/tit_print.jpg) no-repeat top left; min-height: 22em;  }
.tit_foto  { background: url(../img/tit_foto.jpg) no-repeat top left; min-height: 22em;  }
.tit_ueber  { background: url(../img/tit_ueber.jpg) no-repeat top left; min-height: 22em;  }




/* PORTFOLIO */
.lesspad {padding: 0.5em 0.25em 0.5em 0.25em;}

.logo { background-color: #fff; margin: 0.25em; text-align:center; } /* L O G O S rechte Spalte  Portfolio */

.port_txt { background-color: #fff; opacity: 0.8; padding: 0.8em; margin-right: 0.25em; } /* linke Textspalte  Portfolio */
.kunde_txt { background-color: #fff; opacity: 0.8; padding: 0.8em;  } /* linke Textspalte Kunden  */


.logo_box  { width: 100%; padding: 0; margin: 0 0 0.5em 0 ; text-align:center; }
.port_box  { width: 100%; padding: 0; margin: 0 0 0.5em 0 ; text-align:center; border: solid 2px #fff;} /* Klasse für DIVs */
.feedback { width: 100%; padding: 0.8em; margin: 0 0 0.5em 0; background-color:#fff; opacity: 0.8; text-align: center; color: #000; padding: 2em 0.5em 0.5em 0.5em; } /* Textfeld */




.port_img { width: 100%; background-color:#fff;} /* Klasse für jpgs etc */





/* ####################   F A R B I G E Q U A D R A T E auf I N D E X    ######################## */
.panel-color { height: 20.813rem; padding: 8rem 3rem; border: 1px solid #fff; }
.brown   { background-color: #633b00;}
.green   { background-color: #94c23c; }
.viol   { background-color: #58348c; }
.orange   { background-color: #f07c00; }


/* F O O T E R */
.footer { padding: 0.3em 1em 3em 1em; margin-top: 1em; background-color: #ddd; bottom: 0; position: absolute; height: 65px; font-size: 80%;}
.footer, .footer a  { font-style: normal; color:#999; }
.footer a:hover   { font-style: normal; color:#fff; }

/* Icons */
[class*="fi-"] {  font-size: 1em;  text-align: center;  color: #94c23c;  display: block;}


@media only screen and (max-width: 1024px) {
.top-bar-section ul {margin-right: -11px;}
 }

@media only screen and (max-width: 768px) {

.lt-topbar  {  background: #94c23c url(../img/blind.gif) top right no-repeat; height: 2em; }

/* TITELBILDER */
.tit_alle  { background: url(../img/tit_push-kl.jpg) no-repeat top left; min-height: 22em; }
.tit_web  { background: url(../img/tit_web-kl.jpg) no-repeat top left; min-height: 22em;  }
.tit_print  { background: url(../img/tit_print-kl.jpg) no-repeat top left; min-height: 22em;  }
.tit_foto  { background: url(../img/tit_foto-kl.jpg) no-repeat top left; min-height: 22em;  }
.tit_ueber  { background: url(../img/tit_ueber-kl.jpg) no-repeat top left; min-height: 22em;  }





@media only screen and (max-width: 605px) {

.top-bar .name h1 { font-size: 147%; margin-left: 2px; vertical-align: middle; }
.lt-topbar  { background: #94c23c; height: 2em; }
.pic100proz { padding: 2em; }
.panel-ctl {margin-bottom: 2rem;}
.lineunder { border-bottom: 1em #ccc solid; margin: 0 0 1em 0; }
.titelbild { font-size: 110%; }
.first-text { padding: 0 1em 0 1em; font-size: 120%; }
.panel-pic  { display: none; }
.footer { padding-left: 0; }

/* TITELBILDER */
.tit_alle  { background: url(../img/tit_push-kl.jpg) no-repeat top left; min-height: 22em; }
.tit_web  { background: url(../img/tit_web-kl.jpg) no-repeat top left; min-height: 22em;  }
.tit_print  { background: url(../img/tit_print-kl.jpg) no-repeat top left; min-height: 22em;  }
.tit_foto  { background: url(../img/tit_foto.jpg) no-repeat top left; min-height: 22em;  }
.tit_ueber  { background: url(../img/tit_ueber-kl.jpg) no-repeat top left; min-height: 22em;  }

 }