/* GLOBALE SCRIPT VARIABLEN */ 
h4, h5, h6, h1, h2, h3 {margin: 0;} 
ul, ol {margin: 0; padding:0;}
p {margin: 0;} 
html, body{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; background: #ffffff; } 
body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } 

.row{ margin:0; } 
.breadcrumb{ margin:2em 0; }

/*-- header_top --*/
.banner { min-height: 650px; background: url(https://zebtec.co.za/backgrounds/bnr2.jpg) no-repeat 0px 0px; background-size:cover; /*position: relative; */ background-repeat: no-repeat; background-position: center top; } 

.banner2{ background: url(https://zebtec.co.za/backgrounds/bnr2.jpg) no-repeat 0px -125px; min-height: 650px; background-size: cover; /*position: relative; */ background-repeat: no-repeat; background-position: center top; } 

.banner-info { text-align: center; margin: 5em 0 0 0; }
.banner-info t1{ color: #FFF; margin: 0; font-size: 2.0em; font-weight: 600; padding-bottom: 1.0em; }
.banner-info p{ color: #FFF; font-size: 0.95em; line-height: 1.8em; } 

.cookieConsent { text-align: center; margin: 0 auto; color:#000000; font-size:1em; font-weight:200; background: #FFCC00; }

.head-logo{ padding:0; } .header{ margin-top:3em; } 

.flags { text-align: right; padding: 0; } 

.top-menu{ margin:7em auto 0 auto; width:67%; }
.top-menu ul li{ display:inline-block; float:center; margin: 0 0.5em; } 
.top-menu ul li a{ text-decoration:none; padding:1em; display:block; color:#fff; font-size:1em; font-weight:400; }
.top-menu ul{ border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.top-menu ul li.active a{ color: #ffa800; border-bottom:2px solid #ffa800; } 
.top-menu ul li a:hover{ border-bottom:2px solid #ffa800; color: #ffa800; } 
.top-menu span img{ display:none; }
 /*---*/


/* ------- Accordion FAQ ------- */ 
.faqHeader { font-size: 27px; margin: 20px 0; font-weight: bold; }
.faq-item { margin-bottom: 5px; } 
.faq-question { cursor: pointer; padding: 10px; background: #eee; font-weight: bold; position: relative; }
.faq-question::after { content: '▶'; position: absolute; right: 15px; transition: transform 0.2s; } 
.faq-question.active::after { transform: rotate(90deg); }
.faq-answer { display: none; padding: 10px 20px; background: #f9f9f9; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; }

<!-- Script für Akkordeon --> 
<script> 
document.addEventListener("DOMContentLoaded", function() {
	 const headers = document.querySelectorAll(".accordion-header");
	 
	  headers.forEach(header => { header.addEventListener("click", () => { 
	  const content = header.nextElementSibling; 
	  const isActive = header.classList.contains("active");

	   // Alle Panels schließen
	    document.querySelectorAll(".accordion-content").forEach(c => { 
	    c.style.maxHeight = null; 
	    c.previousElementSibling.classList.remove("active"); });
	    
	     if (!isActive) {
	     	 // Dieses Panel öffnen
	     	  content.style.display = "block"; 
	     	  content.style.maxHeight = content.scrollHeight + "px"; 
	     	  header.classList.add("active"); 
	     	  }
	     	   }); 
	     	   }); 
	     	   });
</script>
/* ------ END Accordion FAQ ------ */


/*----------------------------------------*/
/*--LAYOUT Bildboxen/Grössen alle Seiten --*/ 
/*----------------------------------------*/ 

/*--Slider für alle Seiten --*/ 
.rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.rangeslider { background: #FFCC00; position: relative; } 
.rangeslider--horizontal { height: 20px; width: 40%; } 
.rangeslider--vertical { width: 20px; min-height: 150px; max-height: 30%; } 
.rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } 
.rangeslider__fill { background: #00ff00; position: absolute; } 
.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; }
.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; }
.rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 40px; height: 40px; position: absolute; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
.rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; } 
.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } 
input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }
 /*--END Slider für alle Seiten --*/








.form input[type="submit"] { width:100%; 
  /*font-size: 1em; */
  /*font-weight: 600; */
  /*color: #fff; */ 
  /*outline:none; */ 
  /*padding: 8px 14px; */ 
  /*background: #ffa800; */ 
  /*border: 2px solid #ffa800; */ 
  /*margin-top:0.5em; */
  /*transition: 0.5s all; */
  /* -webkit-transition: 0.5s all; */
  /* -moz-transition: 0.5s all; */ 
  /* -o-transition: 0.5s all; */ 
  /* -ms-transition: 0.5s all; */ 
     } 
.form input[type="submit"]:hover{ background:transparent; border: 2px solid #ffa800; }



.BOX img { width: 80%; display: block; max-width: 150px; min-width: 120px; position: center; margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; } 
.BOXsmall img { width: 80%; display: block; max-width: 50px; min-width: 40px; position: center; margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; }
.BOX img:hover { opacity:0.5; }


        
.BOX1, .BOX2, .BOX3 img { width: 30%; display: inline-block padding: 20px; margin-right: 3.33333%; box-sizing: border-box; }
.BOX1, .BOX2, .BOX3 img:hover { opacity:0.5; }
/* SCRIPT */

/* =============================
   Slogan Banner Head Rotator
================================ */
#hero-teaser {
  position: relative;
}

.teaser {
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease;
  width: 100%;
}

.teaser.active {
  opacity: 1;
  position: relative;
}


/* =========================
   CORONA BANNER
========================= */
.corona {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background: #FF0000;
}

a.coronaLink {
    font-size: 0.9em;
    color: #FFFFFF;
    text-decoration: none;
}

/* =========================
   GALLERY
========================= */
a.gal {
    position: relative;
    display: block;
}

a.gal span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(https://zebtec.co.za/backgrounds/sr1.png) -102px 0 no-repeat;
}

a.gal:hover span {
    background-position: center center;
}

/* =========================
   TABLES
========================= */
.table td, .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td, 
.table>tfoot>tr>th,
.table>thead>tr>td, 
.table>thead>tr>th { padding: 5px!important; } 
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { font-size: 0.8em; text-align: left; color: #999; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td, 
.table > tbody > tr > td,
.table > tfoot > tr > td { border-top: none !important; }



/* =========================
   TABLE CURVED
========================= */
/*-- TABLES WITH ROUNDED EDGES (ex. Product details comparisons) --*/ 
.table-curved { border-collapse: separate; border: solid #999 1px; border-radius: 6px; border-left: 1px; border-top: 1px; }
.table-curved img { width: 100%; display: middle; max-width: 25px; min-width: 20px; } 
.table-curved t1 { color:#999; font-size: 0.7em; font-weight: 200; margin-bottom: 1em; text-align: left; }
.table-curved t2 { color:#999; font-size: 0.7em; font-weight: 200; margin-bottom: 1em; text-align: center; }
.table-curved thead:first-child tr:first-child th { border-bottom: 1px; border-top: solid #999 1px; } 
.table-curved td, .table-curved th { border-left: 1px solid #999; border-top: 1px solid #999; } 
.table-curved :first-child :first-child :first-child { border-top-left-radius: 6px; } 
.table-curved :first-child :first-child :last-child { border-top-right-radius: 6px; }
.table-curved :last-child :last-child :first-child { border-bottom-left-radius: 6px; } 
.table-curved :last-child :last-child :last-child { border-bottom-right-radius: 6px; }

/*-- TABLES WITH ROUNDED EDGES (ex. Download Listings) --*/ 
.table-rounded { border-collapse: separate; border: solid #999 1px; border-radius: 6px; border-left: 1px; border-top: 1px; width: 80%; margin-left: auto; margin-right: auto; } 
.table-rounded img { width: 100%; display: block; vertical-align: middle; margin: 5px auto auto; max-width: 100px; min-width: 80px; }
.table-rounded img:hover { opacity:0.5; } 
.table-rounded t1 { color:#999; font-size: 1.0em; font-weight: 200; margin-bottom: 1em; text-align: left; } 
.table-rounded thead:first-child tr:first-child th { border-bottom: 1px; border-top: solid #999 1px; } 
.table-rounded td, .table-curved th { border-left: 1px solid #999; border-top: 1px solid #999; width: auto; } 
.table-rounded :first-child :first-child :first-child { border-top-left-radius: 6px; }
.table-rounded :first-child :first-child :last-child { border-top-right-radius: 6px; }
.table-rounded :last-child :last-child :first-child { border-bottom-left-radius: 6px; } 
.table-rounded :last-child :last-child :last-child { border-bottom-right-radius: 6px; }

/* =========================
   CONTAINER TEXT GENERIC
========================= */
.container t {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    font-weight: 600;
    width: 90%;
    margin: 0 auto;
    color: #999;
}

.container sz {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.3em;
    font-weight: 700;
    width: 90%;
    margin: 0 auto;
    color: brown;
}

/*----------------------------------------*/
/*-- LAYOUT RES_INDEX (Home) --*/
/*----------------------------------------*/

.INDEX-C1 {
    padding: 0.5em 0;
    margin: 0 0 1em;
}

.INDEX-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.INDEX-C1 span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.INDEX-C1 p {
    color: #999;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*------------------------------*/

.INDEX-C2 {
    background: url(https://zebtec.co.za/backgrounds/bnr-consulting.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 350px;
    padding: 1em 0 0.5em;
}

.INDEX-C2 h2 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.INDEX-C2 span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.INDEX-C2 p {
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*------------------------------*/

.INDEX-C3 {
    padding: 1em 0 0.5em;
    margin: 2em 0 1em;
}

.INDEX-C3 h3 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.INDEX-C3 span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.INDEX-C3 p {
    color: #999;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*------------------------------*/

.INDEX-C4 {
    background: url(https://zebtec.co.za/backgrounds/bnr-consulting.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 350px;
    padding: 1em 0 0.5em;
}

.INDEX-C4 h4 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.INDEX-C4 span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.INDEX-C4 p {
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*------------------------------*/

.INDEX-C5 {
    padding: 0.5em 0;
    margin: 0 0 1em;
}

.INDEX-C5 h5 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.INDEX-C5 span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.INDEX-C5 p {
    color: #999;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*----------------------------------------*/
/*--LAYOUT 'FOOTER CONTAINER' RES_INDEX --*/
/*----------------------------------------*/ 

/* Generelles und Hintergrund des Fußbereiches */

.footer {
    background: #333639;
    padding: 4% 0;
}
.footer p {
	 color:#FFF;
	 font-size: 1.0em;
	 font-weight: 400;
	 line-height:1.5em;
	 margin-bottom:0.5em;
	 text-align: left;
} 
/* Layout Bildlogo im Fußbereich */
.footer-logo {
    margin-bottom: 1em;
    width: 70%;
    display: block;
}



/* Layout 1. Grid */
a.view {
    color: #fff;
    font-size: 0.9em;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

a.view:hover {
    color: #ffa800;
}

.footer-grid1 {
    padding-left: 0;
}

.footer-grid1 p {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 2.5em;
    display: inline-block;
    text-align: left;
    width: 93%;
    padding: 1em;
}
.footer-grid1 a i.view{ 
	 background:url(https://zebtec.co.za/images/arw.png) no-repeat 0px 0px; 
	 display:inline-block;
	 width: 48px;
	 height: 34px;
	 vertical-align: left;
	 margin-left: 1.5em;
}

/* Social */

.footer-social {
    text-align: left;
    padding: 0;
}

.footer-social i {
    width: 27px;
    height: 27px;
    background: url('https://zebtec.co.za/images/social2.png') no-repeat 0 0;
    display: inline-block;
    margin: 0 4px;
}
.footer-social ul li{ display:inline-block; }
/* a i.facebook { background-position: -2px -1px; } a i.facebook:hover { background-position: -2px -34px; } a i.twitter { background-position: -41px -2px; } a i.twitter:hover { background-position: -41px -34px; }
 */
a i.linkedin { background-position: -81px -1px; }
a i.linkedin:hover { background-position: -81px -34px; } 
a i.google { background-position: -124px -1px; } 
a i.google:hover { background-position: -124px -34px; } 
a i.youtube { background-position: -164px -1px; } 
a i.youtube:hover { background-position: -164px -34px; }

/* Layout 2. Grid */
.footer-grid2 { padding-right: 0; } 
.footer-grid2 h6 { color:#ffa800; font-size:1.3em; font-weight:600; } 
.footer-grid2 span { color:#ffa800; font-size:1.3em; font-weight:700; text-align: left; }
.footer-grid2 p {
	 color:#FFF;
	 font-size: 1.0em;
	 font-weight: 400;
	 line-height:1.5em;
	 margin-bottom:0.5em;
	 text-align: left;
} 

/* Layout 3. Grid */
.footer-grid3 h6 { color:#ffa800; font-size:1.3em; font-weight:600; text-align: left;}
.footer-grid3 p{  
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    margin-bottom: 0.5em;
    display: inline-block;
    text-align: left;
    width: 93%;
    padding: 1em;
}
.footer-grid3 a{ color:#fff; text-decoration:none; font-size:0.9em; display:inline-block; font-weight:400; }
.footer-grid3 a:hover{ color:#ffa800; } 
.footer-grid3 h6 span{ color:#ffa800; font-size:1.2em; font-weight:700; } 
.footer-grid3 form input[type="text"] { width: 100%; padding: 10px 14px; border: 1px solid #8d8d81; font-size: 1em; margin-bottom: 1em; color: #333; outline: none; font-weight: 400; background:#fff; margin-top:4em; } 
.footer-grid3{ padding-right:0; padding-left: 0; }
.footer-grid3 form input[type="submit"] { width:100%; font-size: 1em; font-weight: 600; color: #fff; outline:none; padding: 8px 14px; background: #ffa800; border: 2px solid #ffa800; margin-top:0.5em; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } 
.footer-grid3 form input[type="submit"]:hover{ background:transparent; border: 2px solid #ffa800; }

/* Layout Fußzeile ganz unten */
.footer-bottom{ background:#1d1f20; padding:3em 0; } 
.copywrite { background: url(https://zebtec.co.za/backgrounds/bnr2footer.png) no-repeat center bottom; min-height: 300px; max-height: 400px;

/* Bild immer proportional skalieren, Container ausfüllen */
background-size: contain; 

/* passt in Container, Breite und Höhe proportional */ 
background-repeat: no-repeat;
background-position: center bottom;
background-size:100%;

/* Container soll volle Breite haben */ 
} 

/* ALT .copywrite { 
/* background: url(https://zebtec.co.za/backgrounds/bnr2footer.png) no-repeat 0px -220px; 
/* min-height: 300px; /* background-size: cover;
/* background-repeat: no-repeat;
/* background-position: center bottom;
/* background: #999999;}
 */

.copywrite p { color: #fff; margin-bottom: 0.5em; font-size: 0.85em; text-align: center; padding: 1em 0; } 
     .copywrite p a{ color:#fff; } 
     .copywrite p a:hover{ color:#ffa800; text-decoration:none; } 
     .banner2{ background: url(https://zebtec.co.za/backgrounds/bnr2.jpg) no-repeat 0px -125px; min-height: 300px; background-size: cover; }

/* =========================
   TGAPLANUNG
========================= */
.TGAPLANUNG-C1 {
    background: #fff;
    padding: 1em 0 0.5em;
}

.TGAPLANUNG-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.TGAPLANUNG-C1 span {
    background: #ffa800;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.TGAPLANUNG-C1 p {
    text-align: center;
    color: #999;
    font-size: 1.0em;
    width: 90%;
}

/* =========================
   TGAPLANUNG-C2
========================= */
.TGAPLANUNG-C2 {
    background: url(https://zebtec.co.za/backgrounds/bnr-firewoman.jpg) no-repeat center;
    min-height: 350px;
    background-size: cover;
    padding: 1em 0;
}

.TGAPLANUNG-C2 h2 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}
.TGAPLANUNG-C2 p {
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    width: 90%;
}

/* =========================
   TGAPLANUNG-C3
========================= */
.TGAPLANUNG-C3 {
    background: #fff;
    padding: 1em 0;
}

.TGAPLANUNG-C3 h3 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}

/* =========================
   TGAPLANUNG-C4
========================= */
.TGAPLANUNG-C4 {
    background: url(https://zebtec.co.za/backgrounds/bnr-revit.jpg) no-repeat center;
    min-height: 350px;
    background-size: cover;
    padding: 1em 0;
}

.TGAPLANUNG-C4 h4 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}
.TGAPLANUNG-C4 p {
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    width: 90%;
}

/* =========================
   TGACHECK C1
========================= */
.TGACHECK-C1 {
    background: #fff;
    padding: 1em 0;
}

.TGACHECK-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}
.TGACHECK-C1 p {
    text-align: center;
    color: #999;
    font-size: 1.0em;
    width: 90%;
}
/* =========================
   TGACHECK C2
========================= */
.TGACHECK-C2 {
    background: url(https://zebtec.co.za/backgrounds/bnr-firewoman.jpg) no-repeat center;
    min-height: 350px;
    background-size: cover;
    padding: 1em 0;
}

.TGACHECK-C2 h2 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}
.TGACHECK-C2 p {
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    width: 90%;
}
/* =========================
   TGACHECK C3
========================= */
.TGACHECK-C3 {
    background: #fff;
    padding: 1em 0;
}

.TGACHECK-C3 h3 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}
.TGACHECK-C3 p {
    text-align: center;
    color: #999;
    font-size: 1.0em;
    width: 90%;
}

/* =========================
   PLANUNGTW C1
========================= */
.PLANUNGTW-C1 {
    background: #fff;
    padding: 1em 0;
}
.PLANUNGTW-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}
.PLANUNGTW-C1 p {
    text-align: center;
    color: #999;
    font-size: 1.0em;
    width: 90%;
}
/* =========================
   PLANUNGTW C2
========================= */
.PLANUNGTW-C2 {
    background: url(https://zebtec.co.za/backgrounds/bnr-water.jpg) no-repeat center;
    min-height: 580px;
    background-size: cover;
    padding: 2em 0;
}
.PLANUNGTW-C2 h2 {
    text-align: center;
    font-size: 2.3em;
    color: #ffa800;
}
.PLANUNGTW-C2 p {
    text-align: center;
    color: #fff;
    font-size: 1.0em;
    width: 90%;
}
/* =========================
   PLANUNGRLT C3
========================= */
.PLANUNGTW-C3 {
        /*background: url(../backgrounds/bnr-water.jpg) -102px 0 no-repeat;*/
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*background:#e1d5bf; */
        background:#fff;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGTW-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:2em auto;
}





/* =========================
   PLANUNGRLT C1
========================= */
.PLANUNGRLT-C1 {
    background: #fff;
    padding: 1em 0;
}

.PLANUNGRLT-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}
.PLANUNGRLT-C1 p {
    text-align: center;
    color: #999;
    font-size: 1.0em;
    width: 90%;
}

/* =========================
   PLANUNGRLT C2
========================= */
.PLANUNGRLT-C2 {
        /*background:#999;*/
        background: url(../backgrounds/bnr-zebrasnow.jpg) no-repeat 0px -50px;
        min-height: 480px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGRLT-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:4em auto;
}

/* =========================
   PLANUNGRLT C3
========================= */
.PLANUNGRLT-C3 {
        /*background: url(../backgrounds/bnr-water.jpg) -102px 0 no-repeat;*/
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*background:#e1d5bf; */
        background:#fff;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGRLT-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:2em auto;
}






/*----------------------------------------*/
/*                                        */
/*  Für Seite: PLANUNGREVIT                 */
/*----------------------------------------*/

/*--- CONTAINER 1 ---*/

.PLANUNGREVIT-C1 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.PLANUNGREVIT-C1 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGREVIT-C1 h1 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}
.PLANUNGREVIT-C1 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:4em auto;
}

/*--- CONTAINER 2 ---*/
.PLANUNGREVIT-C2 {
        /*background:#999;*/
        background: url(../backgrounds/bnr-revit.jpg) no-repeat 0px 0px;
        min-height: 480px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGREVIT-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:4em auto;
}



/*--- CONTAINER 3 ---*/
.PLANUNGREVIT-C3 {
        /*background: url(../backgrounds/bnr-water.jpg) -102px 0 no-repeat;*/
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*background:#e1d5bf; */
        background:#fff;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGREVIT-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:2em auto;
}







/*----------------------------------------*/
/*                                        */
/*  Für Seite: PLANUNGMSR                 */
/*----------------------------------------*/

/*--- CONTAINER 1 ---*/

.PLANUNGMSR-C1 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.PLANUNGMSR-C1 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:4em auto;
}

/*--- CONTAINER 2 ---*/
.PLANUNGMSR-C2 {
        /*background:#999;*/
        background: url(../backgrounds/bnr-zebraregeln.jpg) no-repeat 0px -50px;
        min-height: 480px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGMSR-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:4em auto;
}



/*--- CONTAINER 3 ---*/
.PLANUNGMSR-C3 {
        /*background: url(../backgrounds/bnr-water.jpg) -102px 0 no-repeat;*/
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*background:#e1d5bf; */
        background:#fff;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PLANUNGMSR-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:2em auto;
}






/*----------------------------------------*/
/*                                        */
/*  Für Seite: RES_TGABERATUNG            */
/*----------------------------------------*/

/* DEFINITIV GENERELLES LAYOUT */

.TGABERATUNG {
    padding: 0.5em 0;
    margin: 0 0 1em;
}

.TGABERATUNG h1, h2, h3, h4, h5 {
    text-align: center;
    font-size: 2.3em;
    font-weight: 600;
    color: #ffa800;
}

.TGABERATUNG span {
    background: #ffa800;
    padding: 1px 0;
    display: block;
    width: 30%;
    margin: 1em auto;
}

.TGABERATUNG p {
    color: #999;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

.TGABERATUNG-TEXT1 {
        color:#70616A;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.TGABERATUNG-TEXT2 {
        color:#fff;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.TGABERATUNG-TEXT3 {
        color:#fff;
        font-size: 0.9em;
        font-weight: 400;
        margin-bottom: 1em;
        display: block;
}
.TGABERATUNG-TEXT1 a {
    color:#70616A;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.TGABERATUNG-TEXT1 a:hover {
        color: #ffa800;
        text-decoration:none;
}
.TGABERATUNG-TEXT2 a {
        color:#fff;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 1px;
        display: block;
}
.TGABERATUNG-TEXT2 a:hover {
        color: #ffa800;
        text-decoration:none;
}


/* CONTAINER 1 UND Generelles Layout  */
.TGABERATUNG-C1 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C1 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATUNG-C1 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:1em auto;
}
.TGABERATUNG-GRID {
  margin: 2em 0 1em;
}


/*--- CONTAINER 2   ---*/
.TGABERATUNG-C2 {
        background: url(../backgrounds/bnr-beratung.jpg) no-repeat 0px -0px;
        min-height: 200px;
        background-size: cover;
        padding:1em 0 10em;
        /*background:#e1d5bf;*/

}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATUNG-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:0 auto;
}
.TGABERATUNG-C2 t {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}

/*--- CONTAINER 3 ---*/
.TGABERATUNG-C3 {
        /*background: url(../backgrounds/bnr-zebrafeld.jpg) no-repeat 0px -125px;
        min-height: 300px;
        background-size: cover; */
        padding:1em 0 0.5em;
        /*background:#e1d5bf; */
        background:#fff;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATUNG-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:0 auto;
}
.TGABERATUNG-C3 t1 {
  text-align: center;
  color: #999;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}

/*--- CONTAINER 4   ---*/
.TGABERATUNG-C4 {
        background: url(../backgrounds/bnr-zebrahang.jpg) no-repeat 0px -0px;
        min-height: 200px;
        background-size: cover;
        padding:1em 0 10em;
        /*background:#e1d5bf;*/

}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATUNG-C4 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:0 auto;
}
.TGABERATUNG-C4 t {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}


/*----------------------------------------*/
/*                                        */
/*  Für Seite: RES_TGABERATER             */
/*----------------------------------------*/

.TGABERATER-TEXT1 {
        color:#70616A;
        font-size: 1.0em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.TGABERATER-TEXT2 {
        color:#fff;
        font-size: 1.0em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.TGABERATER-TEXT3 {
        color:#fff;
        font-size: 1.0em;
        font-weight: 400;
        margin-bottom: 1em;
        display: block;
}
.TGABERATER-TEXT1 a {
    color:#70616A;
        font-size: 1.0em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.TGABERATER-TEXT1 a:hover {
        color: #ffa800;
        text-decoration:none;
}
.TGABERATER-TEXT2 a {
        color:#fff;
        font-size: 1.0em;
        font-weight: 600;
        margin-bottom: 1px;
        display: block;
}
.TGABERATER-TEXT2 a:hover {
        color: #ffa800;
        text-decoration:none;
}


/* CONTAINER 1 UND Generelles Layout  */
.TGABERATER-C1 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C1 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATER-C1 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:1em auto;
}

.TGABERATER-GRID {
  margin: 2em 0 1em;
}


/*--- CONTAINER 2   ---*/
.TGABERATER-C2 {
        background: url(../backgrounds/bnr-4or5zebrasrow.jpg) no-repeat 0px -125px;
        min-height: 350px;
        background-size: cover;
        padding:1em 0 10em;
        /*background:#e1d5bf;*/

}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATER-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:0 auto;
}
.TGABERATER-C2 t {
  text-align: center;
  color: #fff;
  line-height: 1.5em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}

/*--- CONTAINER 3 ---*/
.TGABERATER-C3 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.TGABERATER-C3 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.TGABERATER-C3 p {
  text-align: center;
  color: #999;
  line-height: 1.5em;
  font-size: 1.0em;
  width: 90%;
  margin:1em auto;
}




/*----------------------------------------*/
/*                                        */
/*  Für Seite: RES_PAY                    */
/*----------------------------------------*/


.PAY-TEXT1 {
        color:#70616A;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.PAY-TEXT2 {
        color:#fff;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.PAY-TEXT1 a {
    color:#70616A;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.PAY-TEXT1 a:hover {
        color: #ffa800;
        text-decoration:none;
}
.PAY-TEXT2 a {
    color:#fff;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.PAY-TEXT2 a:hover {
        color: #ffa800;
        text-decoration:none;
}

/*--- CONTAINER 2   ---*/
.PAY-C2 {
        background:#FFF;
        /*background: url(../backgrounds/bnr-sunset.jpg) no-repeat 0px 0px;*/
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.PAY-C2 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.PAY-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.PAY-C2 p {
  text-align: center;
  color: #000;
  line-height: 1.8em;
  font-size: 1.0em;
  width: 85%;
  margin:0 auto;
}
.PAY-C2 t {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}
.PAY-C2 iframe{
        width:100%;
        height:300px;
        border: none;
        margin:2em 0;
}
.PAY-left {
  padding-left: 0;
}
.PAY-right p {
  text-align: left;
  color: #000;
  line-height: 1.8em;
  font-size: 1.5em;
  width: 100%;
  margin:0 auto;
}
.PAY-C2 input[type="text"], .PAY-right textarea, .select {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #87655B;
        font-size: 1.2em;
        margin-bottom: 1.5em;
        color: #87655B;
        outline: none;
        font-weight: 400;
        transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
}
.PAY-C2 textarea{
        resize:none;
        height: 204px;
}
.PAY-C2 input[type="text"]:hover, textarea:hover{
        border:1px solid #ffa800;
}
.PAY-C2 input[type="submit"] {
  background: #ffa800;
  padding: 8px 2em;
  font-size: 1.3em;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  border: 2px solid #ffa800;
  border-radius: 5px;
  -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
  transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
}
.PAY-C2 input[type="submit"]:hover {
        text-decoration: none;
        background:transparent;
        border:2px solid #ffa800;
        color: #ffa800;
}
.PAY-bottom{
        margin:2em 0;
}
.PAY-grids{
margin:5% 0 25% 0;
}
.PAY-grid p {
  color: #999999;
  font-weight: 500;
  line-height: 1.8em;
  font-size: 1.0em;
}
.PAY-grid a{
        color:#999999;
        font-weight:500;
        display:block;
        text-decoration:none;
        font-size:1em;
}
.PAY-grid a:hover{
color:#008ed6;
}
.PAY-details{
background:#15141a;
padding:4em 4em 3em 4em;
width: 49%;
position: absolute;
bottom: 35%;
left: 26%;
}


/*----------------------------------------*/
/*                                        */
/*  Für Seite: RES_BOOKING              */
/*----------------------------------------*/

/* DEFINITIV GENERELLES LAYOUT */

.BOOKING-TEXT1 {
        /*color:#70616A;*/
        color: #FFFFFF;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.BOOKING-TEXT2 {
        color:#fff;
        font-size: 1.2em;
        font-weight: 700;
        margin-bottom: 1em;
        display: block;
}
.BOOKING-TEXT1 a {
    color:#70616A;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.BOOKING-TEXT1 a:hover {
        color: #ffa800;
        text-decoration:none;
}
.BOOKING-TEXT2 a {
    color:#fff;
        font-size: 0.9em;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
}
.BOOKING-TEXT2 a:hover {
        color: #ffa800;
        text-decoration:none;
}





/* CONTAINER 1 UND Generelles Layout  */
.BOOKING-C1 {
        background:#fff;
        /*background: url(../../backgrounds/bg_instantengineering.jpg) no-repeat 0px -125px;  */
        /*min-height: 300px;
        background-size: cover;*/
        padding:1em 0 0.5em;
}
.BOOKING-C1 h1 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.BOOKING-C1 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.BOOKING-C1 p {
  text-align: center;
  color: #999;
  line-height: 1.8em;
  font-size: 1.0em;
  width: 85%;
  margin:1em auto;
}

.BOOKING-GRID  {
  margin: 2em 0 1em;
}


/*--- CONTAINER 2   ---*/
.BOOKING-C2 {
        /*background:#999;*/
        background: url(../backgrounds/bnr-sunset.jpg) no-repeat 0px 0px;
        min-height: 300px;
        background-size: cover;
        padding:1em 0 0.5em;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.BOOKING-C2 h2 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.BOOKING-C2 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.BOOKING-C2 p {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 1.0em;
  width: 85%;
  margin:0 auto;
}
.BOOKING-C2 t {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}
.BOOKING-C2 iframe{
        width:100%;
        height:300px;
        border: none;
        margin:2em 0;
}

/*--- CONTAINER 3 ---*/
.BOOKING-C3 {
        /*background:#999;*/
        background: url(../backgrounds/bnr-sunset.jpg) no-repeat 0px 0px;
        min-height: 600px;
        background-size: cover;
        padding:1em 0 0.5em;
        margin:2em 0;
        /*
        background:#e1d5bf;
        padding:2em 0 0em;*/
}
.BOOKING-C3 h3 {
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #ffa800;
}
.BOOKING-C3 span {
        background:#ffa800;
        padding:1px 0;
        display:block;
        width:30%;
        margin:1em auto;
}
.BOOKING-C3 p {
  text-align: center;
  color: #fff;
  line-height: 1.8em;
  font-size: 1.0em;
  width: 85%;
  margin:0 auto;
}
.BOOKING-C3 t1 {
  text-align: center;
  color: #999;
  line-height: 1.8em;
  font-size: 0.7em;
  width: 85%;
  margin:0 auto;
}

.BOOKING-left {
  padding-left: 0;
}
.BOOKING-right p {
  text-align: left;
  color: #fff;
  line-height: 1.8em;
  font-size: 1.5em;
  width: 100%;
  margin:0 auto;
}
.BOOKING-C3 input[type="text"],.BOOKING-right textarea {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #87655B;
        font-size: 1.2em;
        margin-bottom: 1.5em;
        color: #87655B;
        outline: none;
        font-weight: 400;
        transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
}
.BOOKING-C3 textarea{
        resize:none;
        height: 204px;
}
.BOOKING-C3 input[type="text"]:hover, textarea:hover{
        border:1px solid #ffa800;
}
.BOOKING-C3 input[type="submit"] {
  background: #ffa800;
  padding: 8px 2em;
  font-size: 1.3em;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  border: 2px solid #ffa800;
  border-radius: 5px;
  -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
  transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
        -o-transition: 0.5s all ease;
        -ms-transition: 0.5s all ease;
}
.BOOKING-C3 input[type="submit"]:hover {
        text-decoration: none;
        background:transparent;
        border:2px solid #ffa800;
        color: #ffa800;
}
.BOOKING-bottom{
        margin:2em 0;
}
.BOOKING-grids{
margin:5% 0 25% 0;
}
.BOOKING-grid p {
  color: #999999;
  font-weight: 500;
  line-height: 1.8em;
  font-size: 1.0em;
}
.BOOKING-grid a{
        color:#999999;
        font-weight:500;
        display:block;
        text-decoration:none;
        font-size:1em;
}
.BOOKING-grid a:hover{
color:#008ed6;
}
.BOOKING-details{
background:#15141a;
padding:4em 4em 3em 4em;
width: 49%;
position: absolute;
bottom: 35%;
left: 26%;
}


/*-- trypography --*/
.grid_4{
        background:#fff;
        padding:2em 0em 0em 0em;
}
.grid_5{
        background:#fff;
        padding:1em 0 2em 0;
}
.grid_3 h3{
        margin-bottom:1em;
}





.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
  border-radius: 4px;
}
.label {
  font-size: 10px;
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
h4.typ1{
        margin-bottom:15px;
}
h5.typ1{
        margin-bottom:15px;
}
.progress {
  height: 8px;
  box-shadow: none;
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #03a9f4;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar {
  box-shadow: none;
}
.progress-bar-primary {
  background-color: #03a9f4;
}
.progress-bar-info {
  background-color: #00bcd4;
}
.progress-bar-success {
  background-color: #8bc34a;
}
.progress-bar-warning {
  background-color: #ffc107;
}
.progress-bar-danger {
  background-color: #e51c23;
}
.progress-bar-inverse {
  background-color: #757575;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color:rgb(6, 217, 149) !important;
  border-color:rgb(6, 217, 149) !important;
}
.grid_3 p {
  color: #999;
  font-size: 0.8em;
  margin-bottom: 1em;
  font-weight: 300;
}
.breadcrumb li{
        font-size:0.85em;
}
.breadcrumb li a{
        color:rgb(6, 217, 149);
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}

/*--flexi--*/
.nbs-flexisel-container {
        position: relative;
        max-width: 100%;
}
.nbs-flexisel-ul {
        position: relative;
        width: 9999px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}
.nbs-flexisel-inner {
        overflow: hidden;
        margin: 0 auto;
}
.nbs-flexisel-item {
        float: left;
        margin:0px;
        padding:0px;
        cursor: pointer;
        position: relative;
        line-height: 0px;
}
.nbs-flexisel-item > img {
        cursor: pointer;
        position: relative;
        margin-top:10px;
        margin-bottom: 10px;
        max-width:250px;
}
.nbs-flexisel-item > img {
        cursor: pointer;
        position: relative;
}



/*--contact-page--*/

#toTop {
        display: none;
        text-decoration: none;
        position: fixed;
        bottom: 14px;
        right: 3%;
        overflow: hidden;
        width: 40px;
        height: 40px;
        border: none;
        text-indent: 100%;
        background: url("../images/to-top1.png") no-repeat 0px 0px;
}
#toTopHover {
        width: 40px;
        height: 40px;
        display: block;
        overflow: hidden;
        float: right;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
}







/*---------------------------------------------------------------------------------------------------------*/
/*------------ R E S P O N S I V E - EINSTELLUNGEN für kleinere Auflösungen ------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/




/*--------------------------------------*/
/*     1 3 6 6 px  ipad pro quer        */
/*--------------------------------------*/
@media (max-width: 1366px){
.banner {
  min-height: 550px;
}
.callbacks_tabs {
  top: 116%;
  left: 46%;
}
.top-menu {
  margin: 5em auto 0 auto;
  width: 90%;
}
.top-menu ul li a {
  padding: 0.7em;
  font-size: 0.9em;
}





.slider {
  background: url(../backgrounds/sld.jpg) no-repeat 0px -106px;
  min-height: 359px;
}



/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: auto;
        margin-right: auto;
        text-align: center;

}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END EDITED */

}



/*----------------------------------*/
/*          1 0 2 4 px   ipad mini quer  */
/*----------------------------------*/

@media (max-width: 1024px){

.top-menu {
  margin: 4em auto 0 auto;
  width: 90%;
}
.top-menu ul li a {
  padding: 0.7em;
  font-size: 0.9em;
}
.banner-info {
  margin: 6em auto 0 auto;
  width: 81%;
}
.banner-info h3{
  font-size: 2.5em;
}
.banner {
  min-height: 480px;
}
.callbacks_tabs a:after {
  height: 12px;
  width: 12px;
}
.callbacks_tabs {
  top: 50%;
  left: 44%;
}

/* EDITED 2017-01-22 */

.BOX img {
  width: 15%;
  display: block;
  max-width: 180px;
  min-width: 120px;
  position: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.TGAPLANUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGAPLANUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGAPLANUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}



.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}

/* END EDITED */



.bottom-grid p,.pic-grid p  {
  font-size: 0.85em;
}
.btm-info h4 {
  font-size: 1.2em;
}

#slider2 li p {
  font-size:1.8em;
}
.slider {
  background: url(../backgrounds/sld.jpg) no-repeat -171px -135px;
  min-height: 290px;
}
ul.list1 li a {
  font-size: 0.83em;
}
.ftr-grid1 p,.ftr-grid p{
  font-size: 0.85em;
}
.frt-grid2 h5, h6 {
  font-size: 1.2em
}
.frt-grid2 h5, h6 span {
  font-size: 1.4em;
}
.ftr-grid3 h5, h6 {
  font-size: 1.1em;
}
.ftr-grid3 form input[type="text"] {
  padding: 8px 14px;
  font-size: 0.85em;
  margin-top: 3em;
}
.ftr-grid3 form input[type="submit"]{
          padding: 8px 14px;
  font-size: 0.85em;
}
.banner2 {
  min-height: 230px;
}
.BOOKING form input[type="text"], .BOOKING-right textarea {
  padding: 7px 12px;
  font-size: 0.95em;
}
.BOOKING-right textarea {
  height: 156px;
}
.BOOKING form input[type="submit"]{
        font-size:0.9em;
        padding: 8px 2em;
}
.BOOKING h2 {
  font-size: 1.8em;
}
}



/*----------------------------------*/
/*          7 6 8 px    (ipad mini) */
/*----------------------------------*/
@media (max-width: 768px){

.head-logo {
  width: 31%;
  float: left;
}
.social {
  float: left;
  width: 24%;
}
.top-menu ul li a {
  padding: 0.6em;
}
.top-menu {
  margin: 4em auto 0 auto;
  width: 85%;
}
.banner {
  background: url(../backgrounds/bnr2.jpg) no-repeat 0px 0px;
  min-height: 460px;
  background-size:cover;
}
.bottom-grid{
  width: 33%;
  float: left;
}
.bottom-grid p, .pic-grid p {
  font-size: 0.8em;
}
#slider2 li p {
  font-size: 1.3em;
}
ul.callbacks2_tabs {
  left: 44%;
}
.slider {
  background: url(../backgrounds/sld.jpg) no-repeat -312px -172px;
  min-height: 237px;
  padding: 5em 0;
}


/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 16em;
        margin-right: auto;
        text-align: center;
}
.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END 2017-01-22 */


ul.list1 {
  margin-top: 1em;
}
.frt-grid2{
        margin:2em 0
}
.frt-grid2,.ftr-grid3{
  padding: 0;
}
.banner2 {
  min-height: 220px;
}
.prjt-grid {
  width: 30%;
}
.span66 {
        display:none;
}
.BOOKING-right {
        padding:0;
}
.BOOKING-left{
        padding:0;
}
}


/*----------------------------------*/
/*          7 3 6 px                */
/*----------------------------------*/

@media (max-width: 736px){
.top-menu {
  width: 90%;
}
.pic-grid {
  width: 49%;
  margin: 0 3px;
}

/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 16em;
        margin-right: auto;
        text-align: center;
}
.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */

}

/*----------------------------------*/
/*          6 6 7 px                */
/*----------------------------------*/
@media (max-width:667px){
.head-logo h1 a {
  font-size: 1.1em;
}
.social {
  width: 25%;
}
.top-menu {
  width: 99%;
}

/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 13em;
        margin-right: auto;
        text-align: center;
}

.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */
}



/*--------------------------------------*/
/*          6 4 0 px                    */
/* Zum Beispiel Samsung J5 - Querformat */
/*--------------------------------------*/
@media (max-width:635px){

.social {
  width: 26%;
}
span.menu{
  display: block;
  text-align: right;
  padding-bottom: 0.5em;
  cursor: pointer;
  position:relative;
}
.top-menu span img{
        display:block;
}
.top-menu {
        width: 7%;
        float: right;
        margin: 1em 0;
}
.top-menu  ul{
        display:none;
}
.top-menu  ul li {
        font-size: 12px;
        display:inline-block;
        width: 100%;
        margin:0;
}
.top-menu ul li a {
        padding:10px 0;
        font-size: 1.2em;
        width: 100%;
        margin:0;
        border-radius:0;
        color: #ffa800;
  border-bottom: 2px solid #fff;
}
.top-menu  ul{
        margin: 0;
        z-index: 999;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0%;
        background: url(http://www.zebtec.co.za/backgrounds/bnr-zebraface.jpg) no-repeat 0px 0px;
}
.top-menu  ul li a:hover,.top-menu ul li a.active:hover{
        color:#808080;
        border-radius:0;
        background:#CDB38B;
}
.top-menu ul li a.active {
 color:#333;
 background:#eee;
}
.top-menu  ul.menu2{
        top: 81%;
}
.banner-info {
  margin: 6em auto 0 auto;
  width: 94%;
}
.banner {
  min-height: 500px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -86px 0px;
  background-size:cover;
}
.frt-grid2 h3 span {
  font-size: 1.2em;
}
.banner2 {
  min-height: 162px;
   background: url(../backgrounds/bnr2.jpg) no-repeat -86px 0px;
}
.callbacks_tabs {
  z-index: 0;
}
.callbacks_tabs {
  top: 122%;
  left: 41%;
}

/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 13em;
        margin-right: auto;
        text-align: center;
}

.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */
}




/*----------------------------------*/
/* Zum Beispiel iphone 5 quer - Querformat    */
/*----------------------------------*/
@media (max-width: 568px){
.header {
  margin-top: 1.5em;
}
/* EDITED 2017-01-22 */
.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 11em;
        margin-right: auto;
        text-align: center;
}
.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}


.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */



.head-logo {
  width: 100%;
  float: left;
  text-align: center;
}

.social {
  width: 50%;
  margin-top: 1em;
}
.banner {
  min-height: 370px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -40px 0px;
  background-size: cover;
}
.banner2 {
  min-height: 162px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -86px 0px;
}
.banner-info {
  margin: 3em auto 0 auto;
}
.banner-info h3 {
  font-size: 1.5em;
}
.banner-info p {
  font-size: 0.8em;
}

.callbacks_tabs {
  top: 110%;
  left: 39%;
}

}


/*-------------------------------------*/
/* Zum Beispiel Samsung J5 - Hochformat*/
/*-------------------------------------*/
@media (max-width: 480px){
.banner-info {
  margin: 2.5em auto 0 auto;
}

/* EDITED 2017-01-22 */
.BOX img {
        width: 5%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 5.5em;
        margin-right: auto;
        text-align: center;
}
.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */

.bottom-grid {
  width: 100%;
  padding: 0;
  margin-bottom: 2em;
}


.banner {
  min-height: 400px;
}
.slider {
  background: url(../backgrounds/sld.jpg) no-repeat -312px -172px;
  min-height: 188px;
  padding: 4em 0;
}
#slider2 li p {
  font-size: 1em;
}
a.view {
  font-size: 0.8em;
}
.banner2 {
  min-height: 162px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -86px 0px;
}
.top-menu ul.menu2 {
  top: 96%;
}


.ftr-grid {
  margin: 1em 0 1.2em 0;
}
.ftr-grid a {
  font-size: 0.9em;
}
.ftr-grid1 p {
  margin-bottom: 1.5em;
  width: 100%;
  display: inline-block;
}
.ftr-grid3 form input[type="text"] {
  margin-top: 2em;
}


.BOOKING {
  padding: 2em 0;
}
.BOOKING h2 {
  font-size: 1.5em;
}
.BOOKING {
  margin: 1em 0;
}
.BOOKING iframe {
  height: 220px;
}
.head-logo h1 a img {
  vertical-align: baseline;
}

}


/*----------------------------------*/
/* 3 2 0 px - Zum Beispiel iPhone4 - Hochformat*/
/*----------------------------------*/

@media (max-width: 320px){
.top-menu {
  width: 10%;
  margin: 0em 0;
}
/* EDITED 2017-01-22 */

.BOX img {
        width: 20%;
        display: block;
        max-width: 180px;
        min-width: 120px;
        position: center;
        margin-left: 3.5em;
        margin-right: auto;
        text-align: center;
}


.INDEX-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.INDEX-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATUNG-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATUNG-C4 h4 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}

.TGABERATER-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.TGABERATER-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGTW-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGRLT-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGMSR-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}

.PLANUNGREVIT-C1 h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C2 h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}
.PLANUNGREVIT-C3 h3 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: #ffa800;
}

.table-curved img {
    width: 100%;
    display: middle;
    max-width: 25px;
    min-width: 20px;
}
/* END */


.social {
  width: 100%;
  text-align: center;
}
.banner {
  min-height: 370px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -149px 0px;
  background-size: cover;
}
.banner-info h3 {
  font-size: 1.2em;
}
.banner-info p {
  font-size: 0.7em;
}
.banner-info {
  margin: 1.5em auto 0 auto;
  width: 100%;
}

.callbacks_tabs {
  top: 110%;
  left: 28%;
}
.btm-info h4 {
  font-size: 1em;
}
.icon {
  margin-bottom: 0.5em;
}
.bottom-grid p, .pic-grid p {
  font-size: 0.78em;
}
#slider2 li p {
  font-size: 0.85em;
}
ul.callbacks2_tabs {
  left: 31%;
}
.slider {
  background: url(../backgrounds/sld.jpg) no-repeat -561px -200px;
  min-height: 142px;
  padding: 2em 0;
}

ul.list1 li a {
  font-size: 0.75em;
  padding: 5px 0;
}
.logo {
  margin: 1em 0;
}
.frt-grid2 h3 {
  font-size: 1em;
}
.ftr-grid1 p, .ftr-grid p {
  font-size: 0.75em;
}
.ftr-grid3{
        margin-bottom:1em;
}
.copywrite p {
  font-size: 0.75em;
  line-height:1.5em;
}
.banner2 {
  min-height: 162px;
  background: url(../backgrounds/bnr2.jpg) no-repeat -86px 0px;
}

.span66 {
  display: block;
}
.contact form input[type="text"], .contact-right textarea {
  padding: 7px 10px;
  font-size: 0.8em;
}
.contact form input[type="submit"] {
  font-size: 0.8em;
  padding: 7px 2em;
}

}