/*
 Theme Name:   Igus Press TW
 Description:  Child Theme from business-units-for-igus. The Plugin "igus_press"  must be installed to display the galleries for press assets from Widen!
 Author:       Armin Gellweiler
 Author URI:   https://armin.gellweiler.net
 Template:     business-units-for-igus
 Version:      1.0
 Text Domain: igus-press
*/
.container {
    max-width: 1200px;
}

a {
    color: #363636;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #F07D00;
    text-decoration: none;
}

.blog-post a {
	color: #F07D00;
	text-decoration: none;
}

/*Navbaranpassungen für igus*/
.bg-igus-light {
    background-color: #F2F2F2;
}

/*Kachel-Darstellung*/
.igussec11produkte h3.igussec11produkte__subheading--narrow {
    margin-bottom: -10px
}

.igussec11produkte .igussec11produkte__buttons {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.igussec11produkte .igussec11produkte__buttons a.btn--theme {
    margin: 15px
}

@media (max-width:939px) {
    .igussec11produkte .igussec11produkte__buttons a.btn--theme {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
         
}
}


btn--cmd,
.btn--theme {
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    outline: none;
    white-space: normal;
    min-height: 4rem;
    min-width: 23.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500
}

.btn--cmd:hover,
.btn--cmd:visited,
.btn--theme:hover,
.btn--theme:visited

 {
    color: #fff
}
btn--cmd,
.btn--theme{
min-width: 15rem;
    width: 200px;
    margin-left: 15px
}

.btn--theme .btn__text {

    font-size: 1.5rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    margin: 15px;

}

.btnimg {
    max-width: 100% !important;
}

.btn--primary {
    background-color: #f07d00
}

.btn--primary:hover {
    background-color: #d26e00
}

.btn--secondary {
    background-color: #363636
}

.btn--secondary:hover {
    background-color: #000
}

.btn--tertiary {
    font-size: 1.4rem;
    color: #363636;
    background-color: #f2f2f2
}

.btn--tertiary:focus,
.btn--tertiary:hover,
.btn--tertiary:visited {
    color: #363636
}

.btn--tertiary:hover {
    background-color: #d8d8d8
}


.btn--cmd {
    width: 27rem;
    color: #f07d00;
    padding: .5rem 1rem
}

.btn--cmd .btn__amount,
.btn--cmd .btn__text {
    color: #363636;
    margin-left: 15px
}

.btn--cmd .btn__icon {
    color: #f07d00;
    margin: 0
}

.btn--cmd .btn__icon .icon {
    height: 40px;
    width: 40px
}

.btn--cmd.btn--primary {
    background-color: #d8d8d8
}

.btn--cmd.btn--primary:hover {
    background-color: #f07d00
}

.btn--cmd.btn--primary:hover .btn__icon,
.btn--cmd.btn--primary:hover .btn__text,
.btn--cmd.btn--secondary .btn__icon,
.btn--cmd.btn--secondary .btn__text {
    color: #fff
}

.btn--cmd.btn--secondary.hover {
    background-color: #000
}

.btn--touch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 1.5rem 1rem 1rem;
    min-width: 0
}

.btn--touch:hover,
.btn--touch:visited {
    color: #fff
}

.btn--touch .btn__text {
    width: 100%;
    font-size: 2.2rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (max-width:939px) {
    .btn--touch .btn__text {
        font-size: 1.6rem
    }
}

.btn--touch .btn__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0
}

.btn--touch .btn__icon .icon {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 50px;
    width: 50px
}

.btn--theme {
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    width: 270px;
    padding-left: 0
}

/*Center font awesome icons*/
.col-md-3 i {
    display:block;
    text-align:center
  }
  
 /*Buttons fuer die Kategorienausgabe*/ 
  .btn-cat { 
  color: #363636; 
  background-color: #D8D8D8; 
  border-color: #EAE9F2;
  text-align: left;
} 
 
.btn-cat:hover, 
.btn-cat:focus, 
.btn-cat:active, 
.btn-cat.active, 
.open .dropdown-toggle.btn-cat { 
  color: #FFF; 
  background-color: #F07D00; 
  border-color: #EAE9F2; 
} 
 
.btn-cat:active, 
.btn-cat.active, 
.open .dropdown-toggle.btn-cat { 
  background-image: none; 
} 
 
.btn-cat.disabled, 
.btn-cat[disabled], 
fieldset[disabled] .btn-cat, 
.btn-cat.disabled:hover, 
.btn-cat[disabled]:hover, 
fieldset[disabled] .btn-cat:hover, 
.btn-cat.disabled:focus, 
.btn-cat[disabled]:focus, 
fieldset[disabled] .btn-cat:focus, 
.btn-cat.disabled:active, 
.btn-cat[disabled]:active, 
fieldset[disabled] .btn-cat:active, 
.btn-cat.disabled.active, 
.btn-cat[disabled].active, 
fieldset[disabled] .btn-cat.active { 
  background-color: #D8D8D8; 
  border-color: #EAE9F2; 
} 
 
.btn-cat .badge { 
  color: #D8D8D8; 
  background-color: #363636; 
}

.btn-xl {
    padding: 10px 20px;
    font-size: 1em;
    width:100%;
}

/*Schwarzer Kategoriebutton*/
.btn-catblack { 
  color: #FFFFFF; 
  background-color: #363636; 
  border-color: #EAE9F2;
  text-align: left;
} 
 
.btn-catblack:hover, 
.btn-catblack:focus, 
.btn-catblack:active, 
.btn-catblack.active, 
.open .dropdown-toggle.btn-cat { 
  color: #FFF; 
  background-color: #000; 
  border-color: #EAE9F2; 
} 

/*Dreieck nach rechts ausrichten */
i.fa.fa-chevron-right {
  position: absolute;
  top:15px;
  right: 30px;
}
/*RSS Fed ausgabe*/
.rss-aggregator {
   
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    list-style-type:none;
}

.rss-aggregator li:before { 
    content: "\25BA" " "; 
}
.feed-item a:hover { 
    color: #fff;
}

.feed-item a:link { 
    color: #fff;
}

.feed-item a:visited { 
    color: #fff;
}
.page-numbers {
    display: none;
}

/**Pagination**/
.page-item.active .page-link {

    z-index: 1;
    color: #fff;
    background-color: #F07D00;
    border-color: #F07D00;

}

.page-link {

    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #F07D00;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/*Formulare*/

.wps-form {
    width: 100%;
    margin: 0 auto;
}
.wps-form .wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wps-form .wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form .wps-form-column {
    flex: 1;
    width: 100%;
    padding: .5rem 0;
}

.wps-form label {
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03rem;
  line-height: 1.0;
  color:  #363636;
    }
     
    
span.wpcf7-list-item {
display:block;
font-size: 1rem;
font-weight: 300;
letter-spacing: 0.03rem;
line-height: 1.3;
color:  #363636;
}

#lang_choice_1 {
  color:  #787878;  
}

.cf7-text-browser a {
    background: #ffcb34;
}

.cf7-drop-progressBar div {
    
    background-color: #ffcb34;
    
}
    
/* Notebook / Desktop */
@media only screen and (min-width: 48em) { 
    .wps-form .wps-form-row {
        flex-direction: row;
    }
    .wps-form .wps-form-column {
        padding: .5rem 1rem;
    }
}

.btn-tags {
    border-color: #F07D00;
}
figure {
  float: left;
  font-style: italic;
  font-size: 1.0em;
  text-indent: 0;
  border: thin silver solid;
  margin-top: 0.0em;
  margin-bottom: 1.0em;
  margin-right: 0.0em;
  margin-left: 0.0em;
  padding: 0.5em;
}

.blog-sidebar h4 {
background-color: #363636;
border-bottom: 1px solid #E6E6E6;
font-size: 1em;
padding: 5px 5px 5px 10px;
margin: 0 0 10px;
font-style: normal !important;
color: #FFF;
}

.blog-sidebar ul, li {
    padding-left: 0em;
    list-style: none;
    font-size: 0.95em;
}

textarea {
   background-image:linear-gradient(
      hsl(190,10%,98%), hsl(190,10%,94%)
   ); 
   padding:1ex;
   font-size:0.8em;
   box-sizing:border-box;
   color: #787878;
}

.tool {
  cursor : help;
  position : relative;
}

.tool::before, .tool::after {
  position : absolute;
  left : 50%;
  opacity : 0;
  z-index: -100;
}

.tool:hover::before, .tool:focus::before, .tool:hover::after, .tool:focus::after {
  opacity : 1;
  z-index: 100;
}

.tool::before {
  border-style : solid;
  border-width : 1em .75em 0 .75em;
  border-color : #3e474f transparent transparent transparent;
  bottom : 100%;
  margin-left : -.5em;
  content : " ";
}

.tool::after {
  background : #3e474f;
  border-radius : .25em;
  bottom : 180%;
  color : white;
  width : 17.5em;
  padding: 1em;
  margin-left : -8.75em;
  content : attr(data-tip);
}