/*
 Theme Name      jnb
 Theme URI:      https://peppernet.ch
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* GENERELL----------*/

html{
 hyphens: auto;
}
.home h1 {
  font-size:2.4em;
}
.home h2 {
  font-size:2em;
}
#main-content h3 {
  font-size:24px;
  font-weight: 500;
}
/* .home h1, .home h2 {
  text-transform:uppercase;
  font-weight: 700;
  color:#317262;
  color: #568EA3;
  color:#6AB0C9;
} */
.f-name h1 {
  text-transform: none;
}
h3 a {
  padding-bottom:10px;
}
.mobil img {
  display:none;
}

/* M A I N  H E A D E R ---------------------------*/
#main-header{
  box-shadow:0 0 0;
}

/* N A V I G A T I O N ------------------*/
#top-menu li{
  margin-bottom:15px;
}
#top-menu li a{
text-transform: uppercase;
color:#222;
border-bottom: 3px solid #fff;
padding-bottom:10px!important;
transition: none!important;
}
#top-menu li a:hover{
  border-bottom:3px solid #00aeef;
}
#top-menu li a:hover{
  /* color:#00aeef; */
}

.intro {
  font-size: 1.5em;
  padding:20px 20px 20px 20px;
  color:#fff;
  margin:50px 50px 50px 0px!important;
}

.intro-mobil {
  font-size: 1.3em;
  line-height: 1.6em;
  padding:20px 20px 10px 20px;
  color:#fff;
}
.message2{
  font-size:1.5em;
  line-height: 1.5em;
  padding: 0 40px;
  border-left:5px solid #6AB0C9;
  border-right:5px solid #6AB0C9;
}
.intro li {
  line-height: 1.7em;
  padding-bottom:30px;
}
.catmand {
  border-left: 15px solid #00aeef;
}
.catred {
  border-left: 15px solid #BEDCE7;
}
.catcom {
  border-left: 15px solid #6AB0C9;
}
.icon-startup span.et_pb_image_wrap:hover {
  box-shadow: 0px 0px 30px #666;
}
#referenzen li {
  line-height: 2.4em;
  font-size: 16px;
}
.communication li img {
  height:18px;
  width: auto;
  margin-right:2px;
  display: inline-flex;
  z-index: 1000;
}
.communication li a img:hover {
  box-shadow: 0px 0px 15px #00aeef;
}

/* NEU JNB 2.0-------------------*/

/* .page-id-74 #menu-item-627, .page-id-74 #menu-item-653, .page-id-74 #menu-item-648, .page-id-74 #menu-item-649, .page-id-74 #menu-item-673{
  display: none;
}
.page-id-605 #top-menu li#menu-item-92, .page-id-605 #top-menu li#menu-item-93, .page-id-605 #top-menu li#menu-item-113, .page-id-605 #top-menu li#menu-item-117{
  display: none!important;
}
.page-id-174 #top-menu li#menu-item-92, .page-id-174 #top-menu li#menu-item-93, .page-id-174 #top-menu li#menu-item-113, .page-id-174 #top-menu li#menu-item-117{
  display: none!important;
}

.page-id-610 #top-menu li#menu-item-92, .page-id-610 #top-menu li#menu-item-93, .page-id-610 #top-menu li#menu-item-113, .page-id-610 #top-menu li#menu-item-117{
  display: none!important;
}
.page-id-628 #top-menu li#menu-item-92, .page-id-628 #top-menu li#menu-item-93, .page-id-628 #top-menu li#menu-item-113, .page-id-628 #top-menu li#menu-item-117{
  display: none!important;
}
.page-id-640 #top-menu li#menu-item-92, .page-id-640 #top-menu li#menu-item-93, .page-id-640 #top-menu li#menu-item-113, .page-id-640 #top-menu li#menu-item-117{
  display: none!important;
}
.page-id-659 #top-menu li#menu-item-92, .page-id-659 #top-menu li#menu-item-93, .page-id-659 #top-menu li#menu-item-113, .page-id-659 #top-menu li#menu-item-117{
  display: none!important;
} */
/* Generell----------------*/
#main-content {
  min-height:1000px;
}
.page-id-74 h1 {
  font-size:2.4em;
}
.entry-content h1 {
  font-size: 34px;
  font-weight: 500;
  margin:50px 0 30px 0;
  padding:0;
}
h2 {
  font-size:24px!important;
  font-weight: 500;
}
p {
  font-size: 101%;
}
.page-id-605 p, .page-id-610 p, .page-id-628 p, .page-id-640 p, .page-id-659 p, .page-id-174 p    {
  font-size:1.2em;
  padding-bottom: 20px;
}
#et-main-area #main-content .container{
  padding-top:0px!important; 
}
.page-id-569 h2, .page-id-605 h2, .page-id-610 h2{
font-size:26px;  
}
.page-id-174 .entry-content, .page-id-569 .entry-content, .page-id-605 .entry-content, .page-id-610 .entry-content, .page-id-628 .entry-content, .page-id-640 .entry-content, .page-id-659 .entry-content {
  margin-bottom:120px;
}
h1.entry-title{ 
  display: none;
}
figcaption{
  font-size:10px;
}

/* HOME ---------------------- */
.wp-block-group.edit::before {
  content:"";
  display:block;
  width: 40%;
  background: #497076;
  height:2px;
  padding-top:5px;
}
.wp-block-group.recherche::before {
  content:"";
  display:block;
  width: 35%;
  height:2px;
  background: #70a2a9 0%;
  padding-top:5px;
}
.wp-block-group.firmenkunden::before {
  content:"";
  display:block;
  width: 30%;
  background: #2b82b8;
  height:2px;
  padding-top:5px;
}
.wp-block-group.tonlage::before {
  content:"";
  display:block;
  width: 25%;
  background: #6793a4;
  height:2px;
  padding-top:5px;
}
.wp-block-group.erfahrung::before {
  content:"";
  display:block;
  width: 20%;
  background: #97acd2;
  height:2px;
  padding-top:5px;
}
.wp-block-group.luzern::before {
  content:"";
  display:block;
  width: 15%;
  background: #666;
  height:2px;
  padding-top:5px;
}


/* PARRTNER-------------------*/
.page-id-640 .wp-block-media-text {
  margin-bottom: 80px;
}


/* Corporate Publishing-------------*/

.wp-block-group{
  margin-bottom: 50px;
}
.aufgabe h2{
   padding-bottom:0px;
   border-bottom: 6px solid #2DAEEE;
   width:30%;
}
.pflicht h2{
  padding-bottom:0px;
  border-bottom: 6px solid #7ba3a8;
  width:20%;
}
.kuer h2{
  padding-bottom:0px;
  border-bottom: 6px solid #305871;
  width:10%;
}
.strong-view-id-1{
  margin-top:20px;
  background-color:#f3f3f3;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}
.wpmtst-testimonial-field.testimonial-field.testimonial-name{
   font-style: italic;
   margin-top: 20px;
   font-size:120%;
}

/* Referenzen--------------------------*/
.page-id-628 .wp-block-media-text {
margin-bottom: 80px;
padding:20px;
background-color: #f2f3f2;
}
.ref-lukb .wp-block-media-text__media img {
  width:60%;
}
.ref-uepf .wp-block-media-text__media img {
  width: 80%;
}
.ref-ige .wp-block-media-text__media img {
  width: 30%;
}
.ref-hightec .wp-block-media-text__media img {
  width: 50%;
}
.ref-old .wp-block-media-text__media img {
  width: 50%;
}
/* P A R T N E R ----------------------------*/
.wp-block-media-text .wp-block-media-text__content{
  padding:15px 0 0 20px;
}

/* K O N T A K T  ----------------------------*/
.kblock-old {
  display:none; 
}
.wp-block-button.startupbutton{
  margin-left: 40px;
}
.startupbutton:hover {
  background-color:#2DAEEE;
  color: #fff;
  border-radius:30px;
}

/* F O O T E R ------------------*/
#footer-bottom{
  display:none;
  }
  #custom_html-4 {
    float:right;
  }
  #footer-widgets {
    padding: 2.5% 0 0;
  }

/* M E D I A   Q U E R I E S - ------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------*/


/* R E S P O N S I V E ---Handy------   PORTRAIT -----------------------------------------------------------------------------*/
@media only screen and (max-width: 649px) {
  
#page-container .container{
  width:90%;
}
.mobil img {
  display:block;
}
.desktop img {
  display:none;
}
.entry-content h1 {
  font-size:24px!important;
}
/* Navigations-Menü -------*/
.et_header_style_centered #main-header .mobile_nav{
  background-color:rgba(0,0,0,0);
}
#et_mobile_nav_menu span.select_page{
  display:none;
}
.et_header_style_centered #et_mobile_nav_menu{
   margin-top:0;
}
.et_header_style_centered .et_mobile_menu{
  top: 58px!important;
}
.et_header_style_centered .et_menu_container .mobile_menu_bar{
  position:relative!important;
  text-align:center;
}
.mobile_menu_bar::before{
  font-size:48px;
}
#et_mobile-nav_menu{
  margin:0!important;
}
.et_header_style_centered #main-header{
  padding:20px 0 0 0;
}
.et_mobile_menu{
 background:#00aeef;
}
.et_mobile_menu li a{
  color: #fff;
}
.et_mobile_menu li a{
  font-size:20px;
}
/* .page-id-605 #mobile_menu li#menu-item-92, .page-id-605 #mobile_menu li#menu-item-93, .page-id-605 #mobile_menu li#menu-item-113, .page-id-605 #mobile_menu li#menu-item-117{
  display: none!important;
}
.page-id-610 #mobile_menu li#menu-item-92, .page-id-610 #mobile_menu li#menu-item-93, .page-id-610 #mobile_menu li#menu-item-113, .page-id-610 #mobile_menu li#menu-item-117{
  display: none!important;
}
.page-id-628 #mobile_menu li#menu-item-92, .page-id-628 #mobile_menu li#menu-item-93, .page-id-628 #mobile_menu li#menu-item-113, .page-id-628 #mobile_menu li#menu-item-117{
  display: none!important;
}
.page-id-640 #mobile_menu li#menu-item-92, .page-id-640 #mobile_menu li#menu-item-93, .page-id-640 #mobile_menu li#menu-item-113, .page-id-640 #mobile_menu li#menu-item-117{
  display: none!important;
}
.page-id-659 #mobile_menu li#menu-item-92, .page-id-659 #mobile_menu li#menu-item-93, .page-id-659 #mobile_menu li#menu-item-113, .page-id-659 #mobile_menu li#menu-item-117{
  display: none!important;
} */
#footer-widgets .footer-widget:nth-child(n) {
    margin-bottom: 3%!important;
}
/* Impressum------------*/
#custom_html-4{
  float:left;
}
/* HOME---------------*/
.home h1 {
  font-size:22px;
  text-align:center;
}
.home h2 {
  font-size:20px;
}
.intro-mobil {
  color:#fff;
}
.intro-mobil li {
  font-size: 19px;
  line-height: 1.5em;
  padding-top: 15px;
}
.message2{
  font-size:1.3em;
  padding: 0 20px;
}
.kontaktdaten img {
  display:block!important;
  margin-bottom:5px;
  float:none!important;
}
 /* Coroprate Publishing-----------*/
.aufgabe h2{
  padding-bottom:0px;
  border-bottom: 4px solid #2DAEEE;
  width:50%;
}
.pflicht h2{
  padding-bottom:0px;
  border-bottom: 4px solid #7ba3a8;
  width:50%;
}
.kuer h2{
  padding-bottom:0px;
  border-bottom: 4px solid #305871;
  width:50%;
}
/* P A R T N E R ----------------------------*/
.wp-block-media-text .wp-block-media-text__content{
  padding:15px 0 0 0px;
}  
/* KONTAKT------------------------------*/
.page-id-659 .wp-container-4.wp-block-group {
  margin-bottom:0px;
}
.wp-block-button.startupbutton {
  margin-left:0;
}
.page-id-659 .wp-container-7 .wp-block-image{
  text-align: center;
}
}


/*------------------------------------------------------------------------------
R E S P O N S I V  -- M E D I U M ---TABLET-PORTRAIT--DESKTOP SCHMAL -----------------------------------------------------------------------------*/

@media only screen and (max-width:979px) {
  #page-container .container{
    width:90%;
  }
  .mobil img {
    display:block;
  }
  .desktop img {
    display:none;
  } 
.et_header_style_centered .et_mobile_menu{
  top:29px!important;
  } 
  .et_header_style_centered #main-header .mobile_nav{
    background-color:rgba(0,0,0,0);
  }
  #et_mobile_nav_menu span.select_page{
    display:none;
  }
  .et_header_style_centered #et_mobile_nav_menu{
     margin-top:0;
  }
  .et_header_style_centered .et_mobile_menu{
    top: 58px!important;
  }
  .et_header_style_centered .et_menu_container .mobile_menu_bar{
    position:relative!important;
    text-align:center;
  }
  .mobile_menu_bar::before{
    font-size:48px;
  }
  #et_mobile-nav_menu{
    margin:0!important;
  }
  .et_header_style_centered #main-header{
    padding:20px 0 0 0;
  }
  .et_mobile_menu{
   background:#00aeef;
  }
  .et_mobile_menu li a{
    color: #fff;
  }
  .et_mobile_menu li a{
    font-size:20px;
  }
  #footer-widgets {
    padding: 2.5% 0;
  }
h2 {
  font-size:20px!important;
}
}


/* R E S P O N S I V E ---D E S K T O P -----------------*/

@media only screen and ( min-width:981px ) {

}

/* TOP-Navigation mobil */
@media (max-width: 980px) {
#top-menu {
  display:block!important;
  }
}