@import "fonts.css";

html 
  {
  margin: 0;
  padding: 0;    
  }

body
  {
  margin: 0;
  padding: 0;
  background-color: #fff;    
  font-family: 'Roboto' !important;    
  font-size: 16px;    
  line-height: 1.8;
  
  --jbs-red: #660000;
  --jbs-red-bright: #de0000; 
  
  overflow-x: hidden;
  }

&:focus 
  {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
  }
  
a.std, a.std:hover, a.std:active, a.std:focus
  {
  font-size: inherit;
  color: inherit;
  text-decoration: inherit;  
  }

a.ticker-link
  {
  font-size: 0.8em;  
  }

body.page-id-49 header#main-header, 
body.page-id-1245 header#main-header, 
body.page-id-88 header#main-header, 
body.page-id-1282 header#main-header, 
body.page-id-130 header#main-header, 
body.single header#main-header, 
body.archive header#main-header
  {
  display: none !important;  
  }

body.page-id-49 #main-header-margin-top, 
body.page-id-1245 #main-header-margin-top, 
body.page-id-88 #main-header-margin-top, 
body.page-id-1282 #main-header-margin-top, 
body.page-id-130 #main-header-margin-top, 
body.single #main-header-margin-top, 
body.archive #main-header-margin-top
  {
  display: none !important;  
  }

header
  {
  position: relative;    
  }

header img.logo
  {
  position: relative;
  margin: 10px 10px 0px 60px;
  max-height: 42px;
  width: auto;   
  z-index: 5; 
  }

header img.logo-news, header img.logo-presse
  {
  display: none;
  position: absolute;
  top: 42px;
  left: 238px;
  max-width: 120px;
  height: auto;    
  z-index: 5;
  }

header img.logo-news
  {
  display: block;    
  }
  
/* body.page-id-49 header img.logo-news */
/* body.page-id-88 header img.logo-presse */

header a.button 
  {
  position: absolute;
  right: 35px;
  top: 20px;    
  }

h1 
  {
  display: inline;
  color: #fff;
  background-color: #000;
  padding: 10px 20px;
  font-size: 2.5em;    
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.5;  
  font-weight: normal;
  box-shadow: 20px 0 0 0 #000, -10px 0 0 0 #000;
  }

h2.special 
  {
  display: inline;
  color: #fff;
  background-color: #000;
  padding: 8px 15px;
  font-size: 1.8em;    
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.5;  
  font-weight: normal;
  box-shadow: 20px 0 0 0 #000, -10px 0 0 0 #000;    
  }
  
h1 span.red, h2 span.red, p span.red
  {
  color: #de0000;    
  }

a
  {
  color: var(--jbs-red);    
  text-decoration: none;
  }

a:hover
  {
  color: #de0000;    
  }
    
a.button, input.tnp-submit
  {
  background-color: var(--jbs-red) !important;
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em !important;
  padding: 6px 9px !important;
  border-radius: 3px;
  transition: all 1s ease;    
  text-decoration: none;
  }

a.button:not(.basic-vote-button)
  {
  display: inline-block !important;    
  }

a.button:hover, input.tnp-submit:hover
  {
  }

#theme-main ul li, #theme-main ol li 
  {
  margin-top: 1em;
  margin-bottom: 1em;
  }

.tnp-subscription div.tnp-field-email
  {
  margin-bottom: 30px;  
  }

.tnp-subscription .tnp-privacy-field input 
  {
  accent-color: var(--jbs-red);
  }

.tnp-subscription .tnp-privacy-field label a 
  {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.3;  
  }



body.page-id-88 section:nth-child(1)
  {
  position: relative;
  z-index: 3;    
  }  
  
body.page-id-88 section:nth-child(2)
  {
  position: relative;
  margin-top: -100px;
  padding-top: 150px !important;    
  z-index: 1;    
  }
  
section.bg-grey
  {
  background-color: #EEEEEE;
  }

section.bg-red
  {
  background-color: var(--jbs-red);
  color: #fff;
  }

section.bg-red h4 
  {
  margin-bottom: 30px;    
  }

section.bg-red h4 i 
  {
  margin-left: 10px;    
  }

div.boxed
  {
  background-color: #EEEEEE;
  color: #000;
  padding: 20px;
  }

div.boxed.red
  {
  background-color: var(--jbs-red);
  color: #fff;    
  }

div.box
  {
  width: 100%;
  min-height: 300px;
  border: 1px solid #eee;    
  box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  } 

div.box.red
  {
  background-color: var(--jbs-red);
  color: #fff;
  border-radius: 10px;    
  }

div.box.white
  {
  background-color: #fff;
  color: #000;
  border-radius: 10px;    
  }
  
div.box div.caption
  {
  background-color: #ccc;    
  padding: 20px;  
  color: #fff;
  }

div.box div.caption i
  {
  margin-left: 4px;    
  }
  
div.box div.caption.twitter
  {
  background-color: #717171  
  }  

.ctf-header
  {
  display: none;  
  }

div.box div.content a#ctf-more 
  {
  display: none !important;
  }

div.box div.caption.linkedin
  {
  background-color: #000000;
  }  

div.box div.caption.google
  {
  background-color: #660000;
  }  
  
div.box div.content
  {
  padding: 20px;          
  }
  
a.read-more 
  {
  color: var(--jbs-red);
  text-decoration: underline;
  }
  
ul.jbs-links 
  {
  list-style-type: none;
  margin: 0;
  padding: 0;    
  }
  
ul.jbs-links li
  {
  margin: 0;
  padding: 0;    
  line-height: 2;
  font-size: 1.5em;
  }

ul.jbs-links li a 
  {
  text-decoration: underline;
  color: inherit !important;    
  }
  
.carousel .post-date
  {
  display: block;
  font-size: 0.8em;
  color: #aaa;
  margin: 0px 0 20px 0;    
  }

.carousel .carousel-inner
  {
  overflow: visible;    
  }  
  
.carousel .carousel-indicators
  {
  bottom: -60px;    
  }

.carousel .carousel-indicators > button
  {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  }

.carousel .carousel-indicators [data-bs-target]
  {
  background-color: var(--jbs-red);    
  }

.carousel .image-container
  {
  position: relative;    
  }
  
.carousel .image-container .tags
  {
  position: absolute;    
  top: 12px;
  left: -3px;
  }  

.carousel .image-container .tags .tag
  {
  border-radius: 4px;
  padding: 2px 6px;    
  font-weight: bold;
  margin-bottom: 5px;
  }

.carousel .image-container .tags .tag.tag-angestellte
  {
  background-color: #000;
  color: #fff;    
  }

.carousel .image-container .tags .tag.tag-beamte
  {
  background-color: var(--jbs-red);
  color: #fff;    
  }

.carousel .image-container .tags .tag.tag-einsteiger
  {
  background-color: #fff;
  color: var(--jbs-red);
  border: 1px solid var(--jbs-red);
  }

.carousel .image-container .tags .tag.tag-arbeitgeber
  {
  background-color: var(--jbs-red);
  color: #fff;        
  }

.header-container
  {
  position: relative;    
  }

.header-container .headline-container
  {
  position: absolute;
  top: 30px;
  left: 60px;    
  }

.bigger
  {
  font-size: 1.25em;    
  }

body.single section:nth-child(1)
  {
  margin-top: 40px;
  margin-bottom: 40px;  
  }

body.single h2:not(.accordion-header) 
  {
  color: #990000;
  font-size: 1.56em;  
  margin: 1.4em 0 0.6em 0;
  }

body.single h3
  {
  font-size: 1.375em;
  margin: 1.4em 0 0.6em 0;
  }

body.single h4
  {
  font-size: 1.13em;
  margin: 1.4em 0 0.6em 0;  
  }

body.page-template-page-lexikon h1 
  {
  font-size: 40px !important;
  }

div.header-container img
  {
  width: 100%;  
  }
  
#glossaryList-nav .ln-letters a 
  {
  font-size: 16px;
  }
  
#glossaryList-nav .ln-letters a:not(.ln-disabled) 
  {
  color: var(--jbs-red);
  }

.posts-listing article
  {
  border: 0;    
  }
  
.posts-listing article div.card-body 
  {
  position: relative;
  padding: 20px 0 0 0;  
  }

.posts-listing article div.card-body em
  {
  position: absolute;
  top: -26px;  
  }

.lc-block.white
  {
  background-color: #fff;  
  }

.lc-block.white h4
  {
  color: var(--jbs-red);
  }
 
div.jbs-content-box
  {
  position: relative;  
  padding: 50px 30px 30px 30px;
  border-radius: 10px;
  } 

div.jbs-content-box i 
  {
  margin-right: 5px;  
  }

div.jbs-content-box.jbs-red
  {
  background-color: var(--jbs-red);          
  color: #fff;
  }

div.jbs-content-box.jbs-red a 
  {
  color: #fff;
  text-decoration: underline; 
  }

div.jbs-content-box.jbs-white
  {
  background-color: white;  
  color: #000;
  box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.2);
  }

div.jbs-content-box .jbs-content-box-caption > div
  {
  position: absolute;
  background-color: #000;
  color: #fff;  
  left: 30px;
  top: -15px;
  padding: 6px 15px;
  }

div.jbs-content-box .jbs-content-box-header
  {
  font-weight: bold;
  margin-bottom: 20px;  
  } 

div.jbs-content-box a.jbs-content-box-button
  {
  display: inline-block;
  border-radius: 5px;
  padding: 8px 14px;
  font-weight: bold;
  text-decoration: none;  
  margin-top: 40px;
  }

div.jbs-content-box.jbs-red a.jbs-content-box-button
  {
  background-color: white;
  color: var(--jbs-red);  
  }

div.jbs-content-box.jbs-white a.jbs-content-box-button
  {
  background-color: var(--jbs-red);  
  color: white;
  }
  
h2#error-no-results
  {
  display: none;  
  } 

#posts-filter .filterbtn 
  {
  display: inline-block;  
  border-radius: 4px;
  padding: 0px 10px;
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--jbs-red);
  background-color: #fff;
  border: 1px solid var(--jbs-red);
  margin-left: 10px;
  transition: all 0.4s ease;
  }

#posts-filter .filterbtn.active
  {
  background-color: var(--jbs-red);  
  color: #fff;
  }

.jbs-posts-container .post-date
  {
  display: inline-block;
  color: #515151;  
  font-size: 0.9em;
  margin-bottom: 5px;
  }

.ln-letters a.ln-disabled
  {
  color: #515151 !important;
  }

.jbs-top-container
  {
  position: relative;    
  }
  
.jbs-top-container h1 
  {
  position: absolute;
  bottom: 50px;
  left: 50px;  
  }

p.jbs-jahr
  {
  font-weight: bold;
  color: var(--jbs-red);
  font-size: 1.4em;  
  margin-bottom: 0px;
  }

ul#jbs-anchor-menu
  {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;  
  text-align: center;
  width: 100%;
  top: -30px;
  }

ul#jbs-anchor-menu li
  {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0 20px;  
  }

ul#jbs-anchor-menu li a
  {
  font-weight: 500;
  color: inherit !important;
  text-decoration: none;  
  transition: color 0.4s ease-in;
  }

ul#jbs-anchor-menu li a:hover
  {
  color: var(--jbs-red-bright) !important;  
  }

ul.max-mega-menu
  {
  margin-bottom: 15px !important;  
  }
  
ul#mega-menu-max_mega_menu_1 li a:after
  {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  display: inline-block !important;
  content: "\f078";
  margin-left: 10px;  
  }

ul#mega-menu-max_mega_menu_2 ul.dropdown-recent-posts, ul#mega-menu-max_mega_menu_2 ul.dropdown-tarifvertraege
  {
  margin: 0;
  padding: 0;
  list-style-type: none;  
  }
  
ul#mega-menu-max_mega_menu_2 .mega-menu-item-type-widget + .mega-menu-item-type-widget
  {
  padding-top: 0 !important;
  }

ul#mega-menu-max_mega_menu_2 ul.mega-sub-menu
  {
  box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35) !important;  
  }

ul#mega-menu-max_mega_menu_2 ul.mega-sub-menu .mega-block-title
  {
  display: none !important;  
  } 
   
ul#mega-menu-max_mega_menu_2 ul.dropdown-recent-posts li, ul#mega-menu-max_mega_menu_2 ul.dropdown-tarifvertraege li 
  {
  padding-top: 10px;
  }

ul#mega-menu-max_mega_menu_2 ul.dropdown-recent-posts li + li, ul#mega-menu-max_mega_menu_2 ul.dropdown-tarifvertraege li + li
  {
  border-top: 1px solid #999999;      
  }

ul#mega-menu-max_mega_menu_2 ul.dropdown-recent-posts li a, ul#mega-menu-max_mega_menu_2 ul.dropdown-tarifvertraege li a
  {
  font-weight: 400;
  color: #000;  
  transition: color 0.4s ease-in;
  } 
 
ul#mega-menu-max_mega_menu_2 ul.dropdown-recent-posts li a:hover, ul#mega-menu-max_mega_menu_2 ul.dropdown-tarifvertraege li a:hover
  {
  color: var(--jbs-red-bright);  
  } 
   
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator
  {
  margin-left: 0 !important;
  }      
   
#sidebar .news-container a
  {
  text-decoration: underline;  
  }

#sidebar .news-container h6
  {
  font-size: 1em;  
  }

#sidebar ul#glossaryList a 
  {
  border-bottom: 0px solid transparent !important;
  text-decoration: underline !important;
  color: var(--jbs-red) !important;  
  }

#sidebar ul#glossaryList
  {
  background-color: #f5f5f5;
  overflow-y: scroll;
  max-height: 300px;  
  padding: 10px;
  }

#sidebar ul#glossaryList li
  {
  margin-top: 5px;
  margin-bottom: 5px;  
  }
  
#sidebar .ln-letters a
  {
  border: none;
  padding: 0px;
  margin: 0 10px 0 0;
  line-height: 1.5em;  
  }

#sidebar .col-12
  {
  margin-bottom: 40px;  
  }

#sidebar ul.links
  {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0 0;  
  }

#sidebar ul.links li
  {
  margin: 5px 0;  
  }

#sidebar ul.links li a
  {
  text-decoration: underline;  
  }

#sidebar .tnp-subscription input.tnp-email
  {
  background-color: #fff;  
  }

#sidebar .basic-yop-poll-container
  {
  border: none !important;  
  }

#sidebar .basic-yop-poll-container h5
  {
  line-height: 1.5 !important;    
  }
  
#sidebar .basic-yop-poll-container .col-md-12
  {
  padding: 0 6px !important;
  }

#sidebar .basic-yop-poll-container .basic-vote-button
  {
  font-weight: bold !important;
  border-radius: 3px !important;   
  }

#sidebar .basic-yop-poll-container .basic-answer-label input[type=checkbox]
  {
  /* border: 1px solid var(--jbs-red-bright); */
  accent-color: var(--jbs-red-bright);  
  }

ul.pagination .page-item .page-link
  {
  color: var(--jbs-red);
  padding: 4px 20px;  
  }

ul.pagination .page-item.active .page-link
  {
  background-color: var(--jbs-red);
  color: #fff;  
  }

footer
  {
  font-weight: 400;    
  }

.accordion-item .accordion-button 
  {
  font-weight: bold !important;  
  border: none !important;
  }
  
.accordion-item .accordion-button:not(.collapsed)
  {
  background-color: var(--jbs-red) !important;
  color: #fff !important;
  }
  
.accordion-item .accordion-button:focus
  {
  box-shadow: none !important;  
  }