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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
body { color:#111 !important; }


@media screen and (min-width: 1200px) and (max-width: 5000px) {	
div.off-canvas-menu-wrap ul li.regionen ul li ul { width:1030px; position:absolute; top:0px; left:-800px; display:block; background-color:#333;}
div.off-canvas-menu-wrap ul li.regionen ul li.bayern ul, 
div.off-canvas-menu-wrap ul li.regionen ul li.hessen ul, 
div.off-canvas-menu-wrap ul li.regionen ul li.saarland ul
{ width:1030px !important; left:-1237px !important;}
div.off-canvas-menu-wrap ul li.regionen ul li ul li { float: left; background-color:#333; }
} 

.hide { display:none; }



 article.item p { text-align: justify !important; }
 
 article.item p.aufgaben { text-align: left !important; }
 article.item p.aufgaben span { display:inline-block; background-color:#555; color:#FFF; padding: 0px 7px 0px 7px; margin: 0px 5px 5px 0px; text-transform:uppercase; }
 
 
 article {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
	 
	 
div.sppb-addon-content {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }	 

#sp-submenu ul.menu {  }
#sp-submenu ul.menu li { border:none !important; float:left; padding:0px 30px 0px 0px; }
#sp-submenu ul.menu li a:before { content:none; }
#sp-submenu ul.menu li.active a { font-weight:bold; text-transform:uppercase; }

 
 div.entry-header {margin-bottom:0px !important; padding-bottom:20px !important;}
 
p.beispiele { /* background-color:#eeeae9; padding:5px; */ font-size:0.8em; border-top:1px solid #DDD; padding-top:10px;  }
 
p.kasten { padding:5px 10px 5px 10px; display:block; background-color:#eeeae9; } 
 
a.bn, a.bn:visited { background-color:#006ba4 !important; color:#ede9e8 !important; padding: 8px 12px 8px 12px; }
a.bn:hover {  background-color:#181818 !important; color:#ede9e8 !important; }
 
 
div.footeradresse { color:#454545; padding-top:15px; padding-left:10px; font-size:22px; }
div.footeradresse i { width:24px; }
div.footeradresse a, div.footeradresse a:visited, div.footeradresse a:hover { color:#454545; }


 
 
 table.vergleich {}
 table.vergleich tr { border-bottom: 1px solid #CCC; background-color:transparent; }
 table.vergleich tr.grau { background-color:#f5f1ee; }
 table.vergleich tr td { padding: 8px 12px 8px 4px; vertical-align: top; }
 table.vergleich ul { padding-left:14px;  }
 table.vergleich li {  }
 
 
 
div.page-header { display:none; }

div.items-row ul { margin-left:0px; padding-left:17px; margin-top:20px; margin-bottom:22px; }
div.items-row ul li {   }
div.items-row em { font-weight:bold; font-size:24px; font-style:normal; }

a.bn_gruen { background-color:#9daa47 !important; }
a.bn_gruen:hover { background-color:#FFF !important; }
a.bn_violett { background-color:#9f3f7b !important; margin-top:15px !important; }
a.bn_violett:hover { background-color:#FFF !important; }

div#tz_options { padding-top:45px; }
a.tzNomore { display:none; }

h3.title i.icon-link,
div#portfolio div.TzArticleMedia div.TzLink h3.title i.icon-link { display:none; }

h3.title,
div#portfolio div.TzArticleMedia div.TzLink h3.title,
div#portfolio div.TzArticleMedia div.TzLink,
div#portfolio div.TzArticleMedia
{ padding:0px; margin:0px; }


div.sppb-row-container div.isotope-item,
div.sppb-row-container div.TzInner
 { padding:0px !important; margin:0px !important; background:none; !important; border:none !important; }
div.sppb-row-container div.tzpp_media
 { padding:0px !important; margin-right:15px !important;  background:none; !important; border:none !important; }

 

h3.title a { position:absolute; font-size:17px; background-color:#eeeae9; color:#FFF; display:block; width:100%; height:233px; padding-top:30px; padding-right:10px; padding-left:10px; }

div.tzpp_media h3.title a { position:absolute; font-size:17px; background-color:#eeeae9; color:#000 !important; display:block; width:100%; height:233px; padding-top:30px; padding-right:10px; padding-left:10px; }


div#portfolio div.TzArticleMedia div.TzLink h3.title a { font-size:17px; background-color:#0066a1; }

div#TzContent h1 {display:none; }
div#TzContent {margin:0px; padding:0px; position:relative; top:-70px;}

div.tzpp_media img,
div#portfolio div.TzArticleMedia div.TzLink div.introtext img {
	
        filter: alpha(opacity=100);
        opacity: 1.00;
		transition: opacity 0.5s ease-in-out, transform 0.8s;
		
		transform: scale(1.0, 1.0);
 		-moz-transform: scale(1.0, 1.0);
 		-webkit-transform: scale(1.0, 1.0);
 		-o-transform: scale(1.0, 1.0);
 		-ms-transform: scale(1.0, 1.0);

        -webkit-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -moz-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -ms-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -o-transition: opacity 0.5s ease-in-out, transform 0.8s; 		
}

div.tzpp_media img:hover,
div#portfolio div.TzArticleMedia div.TzLink div.introtext img:hover {
	
        filter: alpha(opacity=15);
        opacity: 0.15;
		transition: opacity 0.5s ease-in-out, transform 0.8s;
		
		transform: scale(1.5, 1.5);
 		-moz-transform: scale(1.5, 1.5);
 		-webkit-transform: scale(1.5, 1.5);
 		-o-transform: scale(1.5, 1.5);
 		-ms-transform: scale(1.5, 1.5);

        -webkit-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -moz-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -ms-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -o-transition: opacity 0.5s ease-in-out, transform 0.8s; 		
}

/* Referenzen TZ (im Beitrag, z.B. Gigapixel) */

div.referenzen_tz ul.tz_portfolio_plus_articles,
div.referenzen_tz ul.tz_portfolio_plus_articles li
{ list-style-type:none; padding:0px; margin:0px; }

div.referenzen_tz ul.tz_portfolio_plus_articles li
{ width:20%; float:left; padding-right:10px; padding-bottom:10px; min-width:150px; }

div.referenzen_tz h3.title a { position:absolute; font-size:13px; background-color:#FFF; color:#222; display:block; width:18%; min-width:150px; height:126px; padding-top:10px; padding-right:10px; padding-left:10px; }

div.referenzen_tz img {
	
        filter: alpha(opacity=100);
        opacity: 1.00;
		transition: opacity 0.5s ease-in-out, transform 0.8s;
		
		transform: scale(1.0, 1.0);
 		-moz-transform: scale(1.0, 1.0);
 		-webkit-transform: scale(1.0, 1.0);
 		-o-transform: scale(1.0, 1.0);
 		-ms-transform: scale(1.0, 1.0);

        -webkit-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -moz-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -ms-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -o-transition: opacity 0.5s ease-in-out, transform 0.8s; 		
}

div.referenzen_tz img:hover {
	
        filter: alpha(opacity=25);
        opacity: 0.25;
		transition: opacity 0.5s ease-in-out, transform 0.8s;
		
		transform: scale(1.0, 1.0);
 		-moz-transform: scale(1.0, 1.0);
 		-webkit-transform: scale(1.0, 1.0);
 		-o-transform: scale(1.0, 1.0);
 		-ms-transform: scale(1.0, 1.0);

        -webkit-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -moz-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -ms-transition: opacity 0.5s ease-in-out, transform 0.8s;
        -o-transition: opacity 0.5s ease-in-out, transform 0.8s; 		
}


div.teambox { background-color:#eeeae9; padding:10px; margin-bottom:20px; display:inline-block; }

article:hover .filter-grayscale,
.hover-effect:hover .filter-grayscale,
.catItemImage:hover .filter-grayscale {
  opacity: 0.2 !important;
}

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


div.option-combo div#filter a:first-child { display:none; }		

div#filter a:hover,
div#filter a:active,
div#filter a.btn-sm:hover,
div#filter a.btn-sm:active,
div#filter a.selected,
div#filter a.selected:hover,
div#filter a.selected:active
{ color:#44c662 !important; }



input.rapid_contact_ex { border: 1px solid #DDD !important; }
input.rsform-input-box { border: 1px solid #DDD !important; }


/* ---------------------- Phoca Maps ---------------------- */

div.leaflet-popup-content { font-family: "Karla", Arial, sans-serif; font-size:14px; } 
div.leaflet-popup-content div:first-child { display:none; }

div.leaflet-popup-content a, div.leaflet-popup-content a:visited, div.leaflet-popup-content a:hover { color:#222; }

div.leaflet-popup-content a.bn, div.leaflet-popup-content a.bn:visited { background-color:#333333 !important; color:#fff !important; padding: 6px 10px 6px 10px; }
div.leaflet-popup-content a.bn:hover {  background-color:#181818 !important; color:#fff !important; }

div.phocamaps div.phocamaps-box { position:relative; top:-10px; }

/* ---------------------- SIGPLUS GALERIE ---------------------- */

div.sigplus_big { display: block; clear: both; float: none; width:100%; height:440px; }


div#sigplus_container { overflow: hidden; width:100%; }
div.sigplus-center {display:block !important; width:180px !important; height:180px; float:left !important; position:relative; left:-6px; top:-6px; padding-right:9px; padding-bottom:9px; }
div#vier div.sigplus-center {display:block !important; width:285px !important; height:285px !important; float:left !important; position:relative; left:-6px; top:-6px; padding-right:9px; padding-bottom:9px; }
div.sigplus-center ul, div.sigplus-center ul li { margin:0px; padding:0px; list-style-type:none; float:none !important; clear:both !important;}

#boxplus .boxplus-viewer>.boxplus-thumbs>ul{visibility:visible !important;}

#boxplus .boxplus-viewer>.boxplus-prev{position:absolute;width:57px;left:0;height:100%;background:transparent url(../../../images/allgemein/sigplus_navigation.png) no-repeat scroll -57px center !important;}
#boxplus .boxplus-viewer>.boxplus-prev:hover{background:transparent url(../../../images/allgemein/sigplus_navigation.png) no-repeat scroll -57px center !important;}
#boxplus .boxplus-viewer>.boxplus-next{position:absolute;width:57px;right:0;height:100%;background:transparent url(../../../images/allgemein/sigplus_navigation.png) no-repeat scroll 0 center !important;}
#boxplus .boxplus-viewer>.boxplus-next:hover{background:transparent url(../../../images/allgemein/sigplus_navigation.png) no-repeat scroll 0 center !important;}

#page_inhalt .sigplus-float ul li img { margin-right:10px !important; margin-bottom:5px !important; }

#page_inhalt div.boxplus-imagecaption.boxplus-overlaycaption{background-color:#ffd200 !important; }

#boxplus .boxplus-thumbs>ul>li>img{border:4px solid #FFF !important;}
#boxplus .boxplus-thumbs>ul>li.boxplus-active>img,#boxplus .boxplus-thumbs>ul>li>img:hover{border:4px solid #ffd200 !important;}