/*
 Theme Name: frank kübler | Hello Elementor
 Theme URI: https://kuebler.net
 Description: Frank Kübler Pforzheim
 Author: Child theme for Hello Elementor. Realized by GOBYnet.
 Author URI: https://goby.net
 Template: hello-elementor
 Version: 3.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Frank Kübler
*/


/*
You can start adding your own styles here. Use !important to overwrite styles if needed.
*/


/***********************************Iconlist-Widget
.GBNiconlist .elementor-icon-list-item {
	align-items: start !important;
}
.GBNiconlist span.elementor-icon-list-icon {
	margin-top: 0px !important;
}

/***********************************WP NO BORDER THUMBNAIL TITLE*/
.wp-caption-text, .gallery-caption{border:none !important;}

/***********************************text editor last line margin*/
.elementor-text-editor p:last-child { margin-bottom: 0 !important; }

/***********************************IE11 Bugs*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.elementor-popup-modal{
display:inline-block !important;
text-align:right;
}
.dialog-message{
overflow:hidden !important;
}
.GBN-hidden{
z-index:555555555 !important;
}
.elementor-widget-container .elementor-image img{
width:100% !important;
}
}


/********************************************** SINGEL POST RESPONSIVE */
@media (max-width: 768px)
       {
.GBN_single_flex_container{flex-direction: column !important;display:block !important;}
.GBN_single_flex{flex:100% !important;display:block !important;}
       }
	   
	   
	   /********************************************** Termine */
/*LISTE - ALSO in EM WIDGET SHORTCODE EIGENES CSS*/
.eme_events_list li{list-style-type:none !important;margin-bottom:15px !important;}
.eme_events_list li:before, .GBN-termin:before{
content:" \f073";
color:#DD4B33;
font-family: "Font Awesome 5 Free";
font-weight:900;
padding-right:10px;
}
.eme_events_list li a{
font-weight:500;
font-size:18px;
}

.eme_events_list li a:hover{
text-decoration:underline;
}


/********************************************* Betriebe Ausgabe (Innungen-Liste und Suche)*/
.GBNsort{
text-align:right;
width:100%;
padding-top:20px:
position:absolute;
top:-23px;
}

.GBNsort:after{
content:" \f0dc";
color:#B8C3D1;
font-family: "Font Awesome 5 Free";
font-weight:900;
padding-right:10px;
}

.GBN-zvshk:after{
content:" \f043";
font-family: FontAwesome;
}

.GBN-list-azubi:before, .GBN-list-stelle:before, .GBN-list-both:before{
font-size:120%;
line-height:100%;
font-family: "Font Awesome 5 Free";
font-weight:900;
color:#DD4B33;
padding-right:7px;
}

.GBN-list-azubi:before{
content:" \f19d ";
}

.GBN-list-stelle:before{
content:" \f234 ";
}

.GBN-list-both:before{
content:" \f19d \f234 "
}

/********************************************* klickbare Zeile */
.b-out-table{
display: table;
width:100%; 
border-collapse:collapse; 
cursor:pointer;
background-color:#F4F4F4;
margin-top:2px;
border-radius:0px;
}

.b-out-table:hover{
background-color:#B8C3D1;

}

.b-out-cell1, .b-out-cell2, .b-out-cell3{
display: table-cell;
padding:0px 10px;
padding-top:4px;
}


.b-out-cell1{
width:40%;
line-height:140%;
}

.b-out-cell2{
width:40%;
line-height:140%;
font-weight:500;
color:#2C4D76;
}

.b-out-cell3{
text-align:right;
vertical-align: bottom;
width:20%;
font-size:95%;
white-space: nowrap;
}

.b-out-cell3:after{
content:" \f0fe";
color:#C5C5C5;
font-family: "Font Awesome 5 Free";
font-weight:900;
font-size:120%;
line-height:100%;
}

@media (max-width: 768px)
       {
       
.b-out-table{
display: inline-block;
padding-top:3px;
}       
       
.b-out-cell1{
width:100%;
display: block;
}

.b-out-cell2{
width:100%;
display: table-cell;
}


.b-out-cell3{
width:100%;
display: table-cell;
}      
       }


/********************************************* Betriebsdaten (Ajax) */
.GBN-zvshk-single:before{
content:"\f043";
color:#B8C3D1;
padding-right:5px;
font-family: "Font Awesome 5 Free";
font-weight:900;
}

.GBN-betrieb-noimg::before{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f083";
color:#ffffff;
font-size:100px;
padding:25px;
}

.GBN-betrieb-tel::before{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f098";  
padding-right:5px;
}

.GBN-betrieb-fax::before{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f1ac";
padding-right:5px;
}

  .GBN-betrieb-mail::before{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f0e0";
padding-right:5px;
}

.GBN-betrieb-url::before{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f0ac";
padding-right:5px;
}




.GBN-betriebe
{
background-color:#FCFCFC;
margin-top:-2px;
}

.GBN-betriebe a{color:#DD4B33;}

.GBN-betrieb-innung-div{
text-align:right;
line-height:130%;
padding-top:20px;
padding-right:20px;
}

.GBN-betrieb-innung-div b{
font-size:19px;
font-weight:500;
color:#DD4B33;
}

.GBN-spalte{
float:left;
width:50%;
padding:20px;
}

.GBN-spalte-img{
text-align:right;
}

@media (max-width: 620px)
       {
       
.GBN-spalte{
clear:both;
width:100%;
padding:20px;
} 


.GBN-spalte-img{
text-align:center;
}     
       
       }




.GBN-spalte b:first-child{
font-size:18px;
font-weight:500;
}
.GBN-spalte b{
font-weight:500;
color:#2C4D76;
}

/* Clear floats after the table */
.GBN-tabelle:after {
    content: "";
    display: table;
    clear: both;    
}

.GBN-betrieb-txt{
padding:20px;
padding-top:0px;
font-style:italic;
}





.GBN-jobs-container{
  display: grid;
  grid-template-columns: 50% 50%;
  padding-bottom:20px;
}

@media (max-width: 620px)
       {
.GBN-jobs-container{
  grid-template-columns: 100%;
}              
       }
       
.GBN-azubi-headline, .GBN-stelle-headline{
font-size:19px;
font-weight:500;
color:#DD4B33;
font-style:normal;
}      

.GBN-azubi-headline:before{
font-family: "Font Awesome 5 Free";
font-weight:900;
padding-right:8px;
content:"\f19d";
} 

.GBN-stelle-headline:before{
font-family: "Font Awesome 5 Free";
font-weight:900;
padding-right:8px;
content:"\f234";
} 

.GBN-betrieb-azubi, .GBN-betrieb-stelle {
background-color:#F4F4F4;
border-radius:0px;
margin:20px;
margin-top:0px;
padding:20px;
padding-top:12px;
font-style:italic;
}

.GBN-jobs-left{
padding-left:32px;
}