/* Site wide */
*, html, body { font-family:"Segoe UI","Helvetica Neue","Arial"; font-size:16px;}

@media screen and (max-width : 1025px) {
  *, html, body { font-size:20px;}
}
form { display:block; padding: 0; margin: 0; }

h1 { font-size:1.5rem; margin: 1.5rem 0 1.5rem 0; padding:0; }
h1:first-child { margin-top: 0; /*border-bottom: 1px solid #666;*/ }
h2 { font-size:1.3rem; margin: 1.3rem 0 1.3rem 0; padding:0; }
h2:first-child { margin-top: 0; }
h3 { font-size:1.2rem; }
h4 { font-size:1.1rem; }
.highlight {
  color:#007bff;
  font-weight:bold;
}

p {margin-bottom:1rem;}
p:last-child {margin-bottom:0;}

/* Navigation */ /* KEEP */
.navbar { padding:16px 16px; }
.nav-item { cursor: pointer; }
.navbar-dark { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);}
.navbar-dark .navbar-nav .nav-link {font-size:1rem; color:#007bff; text-align:center;}
.navbar-dark .navbar-nav .nav-item.active .nav-link {color:#fff;}
.navbar-dark .navbar-nav .nav-link:hover {color:#eee;}

.distinctRow {margin-top:1rem;}

.imageEffect { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); }

.sectionCloseContainer { position:relative;
  margin:0;
  padding:0;}
.sectionCloseButton {  
  position: absolute;
  right: 2rem;
  top: -1rem;
  font-size:2rem;
  color:#333;
  cursor: pointer;
}
.sectionCloseButton:hover {color:#007bff;}
.pageCloseButtton {  
  position: absolute;
  right: 1rem;
  top: -1rem;
  font-size:2rem;
  color:#333;
  cursor: pointer;
}
.pageCloseButtton:hover {color:#007bff;}


.inputError {
  background-color:#f9d7da;
}
.input-group-text-error {
  background:#f9d7da; 
}
.counterAnimate {
  /* display:none;*/
}
.counterContainer {
  font-size:1.8rem;
  text-align:center;
}
.counterAnimate {
  /* display:none;*/
}
#toggleUnternehmen, #toggleFachkrafte { display:none; }
#lessUnternehmen, #lessFachkrafte { display:none; }
#statusBoxFriend, #statusBoxApply, #statusBoxDialog, #statusBoxSendenCV { display:none; }
#statusBoxFriend p, #statusBoxApply p, #statusBoxDialog p, #statusBoxSendenCV p  { margin:0; }

.banner { /* KEEP */
  height: 50vh; 
  background: no-repeat center center scroll;
  background-size: cover;
}
.bannerMessage {
  min-height: 700px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.logo {
  width:138px;
}
#job {
  display:none;
  margin-top:4.5rem;
}
#job.permalink {
  display:block;
}
.flag {height:24px; width:32px; margin:10px 0 0 0;padding:0;border:2px solid #eee;}
.flagUK {background-image: url("../images/construction/UKFlag-S.png"); margin-right:0.5rem;}
.flagDE {background-image: url("../images/construction/GermanFlag-S.png");}
.flagUK:hover {background-image: url("../images/construction/UKFlag-SHover.png");}
.flagDE:hover {background-image: url("../images/construction/GermanFlag-SHover.png");}