/* CUSTOM CSS fuer eze */

/* FARBEN:

#f28c3e
#f26900  orange, orange-hover

#C4D7E6,  #cfe3f3 
#91aac8
#6993c2
#3e5567  blau

#151419  dunkel

*/
.eze-orange{color:#f28c3e}
.box-eze-orange{padding: 20px;border: 2px solid #f28c3e;border-radius: 2px;} 
.box-eze-orange h3{font-family: 'Kalam', "Times New Roman", cursive; }
/* Fonts */

/* kalam-regular - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kalam-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kalam-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kalam-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kalam-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kalam-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kalam-v11-latin-regular.svg#Kalam') format('svg'); /* Legacy iOS */
}



/* RESET YOOTHEME */

html{font-family:font-family: Ubuntu, "Trebuchet MS", sans-serif;}

.tm-header :not(.uk-sticky-below) > .uk-navbar-container,
.uk-navbar-container:not(.uk-navbar-transparent) {
  /* padding-top: 20px;
  padding-bottom: 20px;*/
 padding-top: 10px;
  padding-bottom: 10px;border-bottom:8px #f28c3e solid; border-top: #eee 1px solid; }
@media (max-width:959px){
  .uk-navbar-container:not(.uk-navbar-transparent) {
  padding-top: 40px;
  padding-bottom: 40px;}
}


/* FOOTER */
.metamenu li{display: inline-block; padding-left:12px; padding-right:12px}
.uk-section-secondary .uk-grid-item-match:nth-child(2) .uk-child-width-auto {border: rgba(255,255,255,0.5) solid 1px;
padding: 10px 15px 15px;
border-radius: 25px;}
.uk-section-secondary .uk-grid-item-match:nth-child(2) .uk-child-width-auto div{padding:0}

/* Design */
div#claim{background:url("../images/logo-arrow.png") no-repeat 0 0}
div#module-138{ background-color: #cfe3f3 /* #C4D7E6 */}
.leitspruch{text-align: right;font-family: 'Kalam', "Times New Roman", cursive; font-size:26px;}
.suchfeld{float:right}
@media (max-width:959px){
  
.leitspruch{}}

@media (min-width:960px){}
strong{font-weight:500}
b{font-weight:700}


/* ------------- Joomshopping OZ ---------- */

.uk-thumbnav > * > ::after {
    border-radius: 0;
    border: none;
}
img.jshop_img_thumb {
padding-top: 15px;
text-align: unset;
border: unset;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
cursor: pointer;
}
a#main_image_full_*:hover {
    cursor: zoom-in;
}
.uk-thumbnav > * > :focus::after, .uk-thumbnav > * > :hover::after {
    border-color: transparent;
}
@media (max-width: 959px){
    #module-137 {
        position: absolute;
        right: 15px;
        top: 28px;
        z-index: 999;
        background: #fff;
        padding: 10px;
        border: none;
      position: fixed;
    }
  #module-137 a{color: #f28c3e}
.jshop_prod_description {
        padding-top: 15px;
    }
}
@media (min-width: 960px) {
    #module-137 {
        display: none;
    }
}
.jshop h1{font-size:34px!important}
.jshop_code_prod{display:block}
#mxcpr, #mxcpr a{color:#ddd;}

#comjshop_list_product .uk-grid{padding-bottom:40px; border-bottom: #eaeaea 1px solid}

.deliverytime::after {  content: "*";}
.deliveryinfo{font-size:11px; margin:0}

/* --- Joomshopping - checkout --- */
/* Warenkorb */
div#checkout .uk-button-primary a,
div#checkout .uk-button-primary a:hover{color:#fff; text-decoration:none}
button.back-to{border:0 solid transparent; background-color:transparent}

table#jshop_menu_order{display:none}

.alert, .uk-alert {    background: #f28c3e;  color: #ffffff;}
@media (max-width: 959px){
  .uk-table-divider > :first-child > tr:not(:first-child){border-top: 0px solid #eaeaea;}
	table#jshop_small_cart tr:first-child{display:none}
}

@media (min-width: 749px) {div#comjshop_register input#privacy_statement{margin-left: 56px;margin-top: 5px;}}  

@media (min-width:960px){.uk-svg{color:#f28c3e}}

/* Login */
span.text_pay_without_reg{padding-bottom: 20px;margin-bottom:40px; border-bottom: 3px solid #C4D7E6;}
.small_header{color: #151419; font-size:24px;padding-top:30px; padding-bottom:20px; font-weight:400}
.login_block .form-horizontal .control-label{width:120px}
input#jlpassword{width: auto}

/* --- Elemente --- */

/* accordion */
.uk-accordion > :nth-child(n+2) {    margin-top: 10px;}
.uk-accordion-title{font-size:20px; color: #3e5567; border-bottom: 1px #eee solid;padding-bottom: 10px;}

/* --- Module TIMELINE, AKZENT --- */
.timeline, .timeline_1 {  display: flex;  flex-direction: column;  width: 70vw;  margin: 5% auto;}
.timeline_1{margin: 2% auto 5%;}
.timeline__event, .timeline__event_1, .akzent {
  background: #fff;border: #f28c3e 2px solid;  position: relative;  display: flex;  margin: 18px 0;  border-radius: 1px;
  /* box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);}  box-shadow: 0px 20px 50px -12px rgba(59,65,89,1); */}
.akzent, .akzent__def {margin: 18px 24px;}
.akzent__def {margin-bottom:54px}
.akzent__def h3{padding-top:20px}

.timeline__event h3, .timeline__event_1 h3{margin:0}
.timeline__event__content{  padding: 20px;flex-basis: 170%;}
.timeline__event__content a img{float:right; margin-left:16px}
.akzent__content{ padding-left: 30px;}

.timeline__event__date, .akzent__date {  color: #fff;  font-size: 1.5rem;  font-weight: 700;  white-space: nowrap;}
.timeline__event__icon, .akzent__icon {  border-radius: 1px 0 0 1px;  background: #f28c3e;  display: flex;  align-items: center;
  justify-content: center;  flex-basis: 25%;  font-size: 2rem;  color: #fff;  padding: 20px 10px;} /* rund um Datum */
.akzent__icon{ flex-basis: 20%; padding: 0;}

.timeline__event:after {  content: "";  width: 4px;  height: 115%;  background: #f28c3e;  position: absolute;
  top: 52%;  left: -3.4rem;  z-index: 0;} /* vert. Linie */

.timeline__event:before {   content: "";  width: 2rem;  height: 2rem;  position: absolute;  background: #fff; border: 4px solid #f28c3e;   border-radius: 100%;  left: -4.5rem;  top: 50%; z-index: 1; transform: translateY(-50%);/* kreis zentrieren */ }


.timeline__event:last-child:after {  content: none;}

@media (max-width: 786px) {
  .timeline__event, .timeline__event_1 {    flex-direction: column;  }
  .timeline__event__icon {    border-radius: 1px 1px 0 0;  }
}

/* Suchmodul oben */
.tm-toolbar .uk-container{margin-right:0}
form#search-146 input.uk-search-input{ }

/* ---- Einzelseiten ---- */
/* ---- Team All --- */
.uk-card-hover, .uk-card-hover:hover{background: linear-gradient(to bottom, #ebebeb, #fefefe)!important;}
@media (max-width: 1100px) {
  div#gruender .uk-card-body{padding: 50px 50px 20px;}
}
@media (max-width: 910px) {
  div#gruender .uk-card-body{padding: 50px 10px 20px;}
}
@media  (min-width: 640px)and (max-width: 910px){
  .uk-card-body ul{padding-left:0;font-size:14px} 
}
div#gruender ul {padding-left:10px}
div#gruender ul li{margin-bottom:10px}
/* ----- Team: Profil --- */
.profil {}
.profil>ul {list-style: none}
.profil ul li, .profil ol li{margin-bottom:12px}
.profil h3{margin: 0 0 12px 0;color: #f28c3e}
.profil-h2 {padding-top:58px}

/* ---- Erfolgsfaktoren ---- */
#erfolg-E-4 {  width: 100%;   position: relative;
  max-width: 630px; /*actual width of image-- behaves strangely if exceeding this*/}

#erfolg-E-4 img {  max-width: 100%;}
#erfolg-E-4 a{/* border:green 1px solid */}
a#effizient {  height: 50%;  width: 50%;  position: absolute;  left: 0;  top: 0;}
a#engagiert {  height: 50%;  width: 50%;  position: absolute;  left: 0;  top: 50%;}
a#effektiv{  height: 50%;  width: 50%;  position: absolute;  left: 50%;  top: 50%;}
a#einfach{  height: 50%;  width: 50%;  position: absolute;  left: 50%;  top: 0;}
	
/* .erfolgfaktoren {    padding: 0;    display: flex;    flex-wrap: nowrap;    justify-content: center;}
   .erfolgfaktoren div {    margin: 0;padding: 0;    flex: 0 1 auto;cursor:pointer;} */


/* --- Leitbild --- */
.zahnraeder{float:right; width:40%; margin-top:-40px}
@media (max-width: 960px) {
 .zahnraeder{float:right; width:30%; margin-top:-10px; margin-right:15%} 
}
/* ---- Referenzen --- */
div.kundenstimmen .uk-slider .uk-position-relative{padding: 100px 50px 50px;border: 2px solid #f28c3e;border-radius:5px;background:url("../images/zitate.png") no-repeat 50px 30px}
div.kundenstimmen .uk-slider .uk-position-relative ul li {font-family: 'Kalam', "Times New Roman", cursive; font-size:24px;}
address{color:#f28c3e; text-align:right}

/* --- Kooperationspartner --- */
.koop-grid h3{padding-top:20px}
.koop-grid h3:first-child{padding-top:10px}
.koop-grid>div>div:nth-child(3n){border-bottom:3px solid #C4D7E6; padding-bottom:30px; padding-top:12px}
.koop-grid>div{border-top:3px solid #C4D7E6;  padding-top:10px}
@media (min-width: 960px) {
.koop-grid>div{border-top:5px solid #C4D7E6;  padding-top:10px}
.koop-grid>div>div, .koop-grid>div>div:nth-child(3n){border-bottom:5px solid #C4D7E6;  padding-bottom:10px}  
}

/* --- RS Form --- */
form#userForm{margin-right:30px}
form#userForm input, 
form#userForm select, 
form#userForm textarea{border:2px solid #6993c2; border-radius:5px; font-family:Ubuntu, Helvetica, Arial, sans-serif}

.formResponsive input[type="submit"], 
.formResponsive button[type="submit"]{padding: 0 30px;    line-height: 51px;
    font-size: 18px;background-color: #fff;    color: #f28c3e;
    border: 2px solid #f28c3e;text-align: center;text-decoration: none;transition: .3s ease-in-out;    transition-property: all;
transition-property: color,background-color,background-position,border-color,box-shadow;
font-family: Ubuntu, Helvetica, Arial, sans-serif;font-weight: 400;text-transform: none;border-radius: 5px;background-origin: border-box;background-image:none}
.formResponsive input[type="submit"]:focus, 
.formResponsive button[type="submit"]:focus,
.formResponsive input[type="submit"]:hover, 
.formResponsive button[type="submit"]:hover{background-color: #fff;  color:#6993c2;border-color:#6993c2; background-image:none}

.formResponsive input[type="submit"]:active, 
.formResponsive button[type="submit"]:active{background-color: #fff;  color:#6993c2;border-color:#6993c2; background-image:none}

select option{font-family: Ubuntu, "Trebuchet MS", sans-serif;}


/* --- Angebot ---*/
/* --- Qualifizierung & Coaching --- */

.blue_btn .uk-button{padding: 0 20px;background-color: #cfe3f3;    color: #4e6e91; border: 2px solid #6993c2;}
.blue_btn .uk-button:focus, .blue_btn .uk-button:hover, .blue_btn .uk-button:active{background-color: #6993c2;    color: #fff; border: 2px solid #6993c2;}
div.seminarthemen.uk-slider .uk-position-relative {    padding:50px;    border: 2px solid #f28c3e;    border-radius: 5px;font-style: italic;}
.bild-in-schwebe{margin-bottom:-60px}
@media (max-width: 800px) {
  .bild-in-schwebe.uk-text-right {text-align:center!important} 
}

/* --- Tools und Methodik --- */
@media (min-width: 960px) {
.projektteams {flex-wrap: nowrap;}
}
.projektteams>div {padding: 50px 40px;border: 2px solid #f28c3e;border-radius: 5px;margin-right:20px; }

}
.projektteams>div:last-child{margin-right:0}
@media (max-width: 960px) {
  .projektteams>div{margin-right:0;margin-left: 30px;}
}
/* Expertise und Ressourcen */
@media (min-width: 960px) {
  .grid-einzug-30{margin-left:0!important}
}


/* Trainingscard */
.trainingcard .absatz {margin-left: 140px;margin-top: -46px;}
.trainingcard ul{padding-left:0}
.trainingcard ul li {margin-bottom:10px;list-style:none; background:url("../images/OK.png") no-repeat 0px 6px; padding-left:35px}
.absatzcard {display:flex}
.absatzcard p{margin:0; border: #6993c2 2px solid; border-radius:5px; padding:10px; margin-right: 10px;}
.absatzcard p img{vertical-align: baseline;}
@media (max-width: 960px) {
  .absatzcard {flex-direction: column;}
  .absatzcard p{margin-bottom:12px;}
}

/* Veranstaltungen */
.events h4{margin-top:0}

/* ---- Portfolio: Trainingsthemen ---- */
/* AUFPASSEN: DRITTE ZEILE in-bau ANPASSEN! el-te 1,2 vorübergehend ausgeblendet */

.trainingsthemen.uk-grid-column-small{margin-left:0}

.trainingsthemen>div{border:2px solid  #f28c3e;border-radius:5px}
.trainingsthemen .uk-button{padding:0}

  @media (max-width: 959px) {
    .trainingsthemen>div{width: 48%;margin-right: 2%;padding: 15px;}
    .trainingsthemen>div:nth-child(2){margin-right:0}
    .trainingsthemen.in_bau>div:nth-child(1), .trainingsthemen.in_bau>div:nth-child(2){display:none}
  }
  @media (max-width: 500px) {
    .trainingsthemen>div{width: 100%;margin-right: 0;padding: 15px;}
  }
  @media (min-width: 960px) {
    .trainingsthemen>div{width: 23%;margin-right: 2%;padding: 15px;}
  }
  .trainingsthemen>div:last-child{margin-right:0}
.trainingsthemen.in_bau>div:nth-child(1), .trainingsthemen.in_bau>div:nth-child(2){border:0px solid transparent}
 /* Prozessoptimierung */
.trainingsthemen.nur-drei>div:last-child {border:0px solid transparent}

/* ---------------- OFF-CANVAS ------------------- */
.uk-close{color:#FFFFFF}
.uk-nav-default > li.uk-active > a{color: #fff;font-weight:700}
.uk-nav-default .uk-nav-sub a  {color: #C4D7E6;padding: 20px 0 20px 20px;}


.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub a:focus,
.uk-nav-default .uk-nav-sub a:active{color: #fff;}

.uk-nav-default > li > a,
.uk-nav-default > li > a:hover,
.uk-nav-default > li > a:focus,
.uk-nav-default > li > a:active{color: #fff;}

/* ---- Produkt-Overview ---- */
.block_product .deliverytime{display:none}

@media (min-width: 640px) and (max-width: 1200px) {
  
  .prod_overview h3{white-space: nowrap;font-size:115%}
}

/* Cookie */
#redim-cookiehint .cookiehead .headline{display:none!important}
#redim-cookiehint .cookiehead .headline::before{}
#redim-cookiehint #cookiehintsubmit, 
#redim-cookiehint #cookiehintsubmit:hover{background:#f28c3e!important}

#redim-cookiehint-bottom {    border-top: 1px solid #f28c3e;}



