@font-face {
  font-family: TitilliumWebLight;
  src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
    url('../fonts/TitilliumWeb-Light.woff') format('woff'), url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
}

@font-face {
  font-family: TitilliumWebBold;
  src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
    url('../fonts/TitilliumWeb-Bold.woff') format('woff'), url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
}

@font-face {
  font-family: RobotoThin;
  src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}

@font-face {
  font-family: RobotoLight;
  src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: RobotoRegular;
  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: RobotoMedium;
  src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: RobotoBold;
  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: RobotoBlack;
  src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
}

@font-face {
  font-family: OxygenLight;
  src: url('../fonts/Oxygen/Oxygen-Light.ttf') format('truetype');
}

@font-face {
  font-family: OxygenRegular;
  src: url('../fonts/Oxygen/Oxygen-Regular.ttf') format('truetype');
}

@font-face {
  font-family: OxygenBold;
  src: url('../fonts/Oxygen/Oxygen-Bold.ttf') format('truetype');
}

@font-face {
  font-family: UbuntuLight;
  src: url('../fonts/Ubuntu/Ubuntu-Light.ttf') format('truetype');
}

@font-face {
  font-family: UbuntuMedium;
  src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype');
}

@font-face {
  font-family: UbuntuRegular;
  src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
  font-family: UbuntuBold;
  src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
}

@font-face {
  font-family: ExoLight;
  src: url('../fonts/Exo_2/static/Exo2-Light.ttf') format('truetype');
}

@font-face {
  font-family: ExoRegular;
  src: url('../fonts/Exo_2/static/Exo2-Regular.ttf') format('truetype');
}

@font-face {
  font-family: ExoMedium;
  src: url('../fonts/Exo_2/static/Exo2-Medium.ttf') format('truetype');
}

@font-face {
  font-family: ExoBold;
  src: url('../fonts/Exo_2/static/Exo2-Bold.ttf') format('truetype');
}


html {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  /* font-family: "TitilliumWebLight"; */
  /* font-family: "TitilliumWebBold"; */
  /* font-family: "RobotoThin"; */
  /* font-family: "RobotoLight"; */
  font-family: "RobotoRegular", Arial, Helvetica, sans-serif !important;
  /* font-family: "RobotoMedium"; */
  /* font-family: "RobotoBold"; */
  /* font-family: "RobotoBlack"; */
  /* font-family: "OxygenLight"; */
  /* font-family: "OxygenRegular"; */
  /* font-family: "OxygenBold"; */
  /* font-family: "UbuntuLight"; */
  /* font-family: "UbuntuMedium"; */
  /* font-family: "UbuntuRegular"; */
  /* font-family: "UbuntuBold"; */
  /* font-family: "ExoLight"; */
  /* font-family: "ExoRegular"; */
  /* font-family: "ExoMedium"; */
  /* font-family: "ExoBold"; */
  /* font-family: "TitilliumWebLight", Arial, Helvetica, sans-serif !important; */
  /* font-size: 150% !important; */
  background-color: #fff;
  color: #000;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  padding: 0;
  margin: 0;
  height: 100%;
  word-wrap: break-word;
  font-size: 16px;
}

body.modal-open {
  padding-right: 0 !important;
}

#content .beruf-liste li {
  padding: 7px 0;
}

.locsearch {
  width: 100% !important;
}

.locradius {
  /* text-align: right;
  padding-right: 10px; */
}

.breaker {
  overflow: hidden;
  height: 0px;
  clear: both;
}

.site-header {
  box-shadow: 0 1px 4px 1px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-color: #f5f5f5;
  font-family: "UbuntuBold";
  /* background-color: #a3d20b; */
  /* margin-bottom: 20px; */
}

/* .site-header .container {
background-image: url('../images/header-bg.png');
background-size: cover;
background-position: center;
} */


.headerlogo img {
  /* padding: 20px 0; */
  height: 35px;
}

.navbar-toggle {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-top: 15px;
  float: right;
  border-width: 2px;
  border-radius: 0;
  border-color: #fff !important;
  color: #fff;
  /* background-color: 0; */
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #fff;
  /* background-color: #bdd907; */
}

.navbar-toggle .icon-bar {
  background-color: #fff !important;
}

.Breadcrumb {
  /* font-size: 85%; */
  font-size: 10px;
  padding-right: 30px;
}

#footer {
  width: 100%;
}

.footerfixed {
  bottom: 0;
  position: fixed;
}

.claim {
  color: #aaa;
  font-weight: bold;
}

label {
  font-weight: normal;
}

h1 {
  font-size: 1.5em !important;
  /* font-family: "ExoBold"; */
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif !important;
  /* font-family: "RobotoBold", Arial, Helvetica, sans-serif !important; */
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  font-size: 2.0em;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: inline-block;
  line-height: 90% !important;
}

h2 {
  font-size: 1.5em !important;
  /* font-family: "ExoBold"; */
  /* font-family: "UbuntuBold", Arial, Helvetica, sans-serif !important; */
  font-family: "RobotoBold", Arial, Helvetica, sans-serif !important;
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  /* text-align: center; */
  margin-bottom: 30px;
}


h3 {
  /* font-family: "ExoBold"; */
  /* font-family: "UbuntuBold"; */
  font-family: "RobotoBold", Arial, Helvetica, sans-serif !important;
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  font-size: 1.2em !important;
  /* text-transform: uppercase; */
}

h3.angeordnet {
  margin-top: 0;
}

h4 {
  /* font-family: "ExoBold"; */
  font-family: "RobotoBold", Arial, Helvetica, sans-serif !important;
  /* font-family: "UbuntuBold"; */
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  /* font-weight:bold; */
  font-size: 1.0em !important;
  color: black;
  margin-top: 18px;
  margin-bottom: 5px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #000;
}

.unsichtbar {
  visibility: hidden;
}

div.ListenBild {
  padding-left: 0;
}

.mainmenubar {
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  margin: 0 0 10px 0;
}

.mainmenubar a,
a.mainmenubar:active,
a.mainmenubar:visited,
a.mainmenubar:focus,
a.mainmenubar:hover,
a.mainmenubar:checked {
  text-decoration: none;
  /* color: #fff !important; */
  color: #000 !important;
}

.mainmenubar a,
a.mainmenubar:active,
a.mainmenubar:visited,
a.mainmenubar:focus,
a.mainmenubar:hover,
a.mainmenubar:checked {
  text-decoration: none;
  /* color: #fff !important; */
  color: #000 !important;
}

.bottom-menu-bar {
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  margin-top: 25px;
  margin-bottom: 0;
  /* padding-left: 80px; */
  text-align: center !important;
  /* box-shadow: 0 1px 4px 1px rgb(0 0 0 / 10%); */
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
  /* 0px 0px 10px rgb(0 0 0 / 10%) */
  /* background-color: #fff; */
  border-color: #f5f5f5;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 6px 6px 0;
}

.bottom-menu-bar div {
  /* display: inline-block;
  margin-left: auto !important;
  margin-right: auto !important; */
}

.nopadding {
  padding: 0 !important;
}

@media (min-width: 768px) {
  .nopaddingleft {
    padding-left: 0 !important;
  }

  .modal-dialog {
    width: 700px;
  }
}

blockquote {
  background-color: #f8f8f8;
  font-size: 15px !important;
  margin-left: 30px;
  margin-right: 30px;
}

img.listenbild {
  margin-bottom: 0 !important;
}

.ArtikelInListe span.BildCopyright {
  font-size: 65%;
}

.referenz-box {
  /*margin-top: 15px;
  margin-bottom: 15px;*/
}

.referenz-info-box h2,
.referenz-info-box h3 {
  margin-top: 0;
}

@media (max-width: 767px) {
  .referenz-bild {
    text-align: center;
  }

  .referenz-bild img {
    margin-left: auto;
    margin-right: auto;
  }

  .referenz-info-box {
    padding: 10px;
  }

  .text-claim {
    font-size: 1.9em !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

.img-responsive-refer {
  /* height: 100%; */
  max-width: 100%;
}

figure>img {
  max-width: 100%;
}

hr {
  border-top: 1px solid #ccc;
  margin: 25px 0;
}

hr.trenner1 {
  border-top: 1px solid #888;
}

hr.trenner2 {
  display: none;
}


.pageoutput img {
  max-width: 100%;
  height: auto;
}

.qsuche {
  height: 34px;
}

.qsuchebutton,
.qsuchebutton:focus,
.qsuchebutton:hover {
  width: 36px;
  height: 34px;
  border: 1px solid #177d39;
  background-color: #177d39 !important;
  background-image: url('../images/lupe-suche-weiss.png');
  background-position: center;
  background-repeat: no-repeat;
}

.suche-dropdown {
  padding: 15px;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .suchfeld {
    width: 250px !important;
  }
}

.navbar-default {
  background-color: inherit !important;
  border: 0;
}

.navbar-collapse {
  border: 0;
}

.pagination {
  float: right;
  margin-top: 0;
  margin-left: 30px;
  padding-left: 0 !important;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>a:visited,
.pagination>.active>a:checked {
  background-color: #a3d20b;
  border-color: #a3d20b;
  color: #fff !important;
}

.pagination>li>a {
  color: #a3d20b !important;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>a:active,
.pagination>li>a:visited,
.pagination>li>a:checked {
  color: #a3d20b !important;
}

/* input[type="text"]:focus, textarea:focus {
border-color: #177d39 !important;
box-shadow: none !important;
} */


.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome and Opera */
}

.hidden {
  display: none !important;
}


.kachel,
.kachel:active,
.kachel:focus,
.kachel:hover,
.kachel:visited,
.kachel:checked {
  padding: 5px;
  border: 1px solid #fff;
  /* border: 1px solid #888; */
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 5px;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
}

.kachel p {
  padding-left: 5px;
  padding-right: 5px;
}

.kachel b {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  font-weight: normal;
}

.kachel .bildcontainer {
  /* height: 150px;
  width: 150px; */
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kachel img {
  max-width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}


.listeneintrag,
.listeneintrag:active,
.listeneintrag:focus,
.listeneintrag:hover,
.listeneintrag:visited,
.listeneintrag:checked {
  /* padding: 5px; */
  /* display: inline-block; */
  /* width: 100%; */
  /* margin-bottom: 30px; */
  /* display: block;
  width: 100%; */
  padding-top: 15px;
  padding-bottom: 20px;
  border: 1px solid #c7c6c7;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

  background-color: white;
}

.listeneintrag-block {
  display: inline-block;
  width: 100%;
}

.listeneintrag-block img {
  margin-bottom: 20px;
}

.flex-liste {
  display: flex;
  align-items: center;
}

.rahmen-unten {
  margin-top: 15px;
  border-top: 0;
  /* width: 100%; */
  height: 5px;
  overflow: hidden;
  background-color: #e8e8e8;
  /* background-color: #eff4ce; */
}

.kachel .rahmen-unten {
  margin: -5px;
}

.listeneintrag td {
  padding-right: 10px;
}

.listeneintrag p {
  /* padding-left: 5px;
  padding-right: 5px; */
}

.listeneintrag b {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  font-weight: normal;
}

.listeneintrag .bildcontainer,
.eintrag .bildcontainer {
  /* min-height: 100px; */
  /* display: flex; */
  /* height: 150px;
  width: 150px; */
  margin: auto;
  justify-content: center;
  align-items: center;
}

.listeneintrag img {
  max-width: 100%;
}

.logo {
  /* margin-bottom: 25px; */
}

.abstand-oben-klein {
  margin-top: 20px;
}

.abstand-oben-gross {
  margin-top: 40px;
}

.ohne-abstand-unten {
  margin-bottom: 0;
}

.ohne-abstand-oben {
  margin-top: 0;
}

.abstand-unten-klein {
  margin-bottom: 20px;
}

.abstand-unten-30 {
  margin-bottom: 30px;
}

.abstand-unten-gross {
  margin-bottom: 40px;
}

.start-suche-begriff {
  /* width: 50% !important; */
}

.berufe-suche-begriff,
.kommune-suche-begriff {
  width: 100% !important;
}

.start-btn-ortssuche {
  width: 35%;
  overflow: hidden;
}

.start-btn-suchen,
.berufe-btn-suchen {
  width: 15%;
}

/* .start-btn-suchen {
width: 15%;
color: #fff;
background-color: #64a30c;
border-color: #B3D931;
} */
@media (max-width: 767px) {
  hr.trenner2 {
    display: block;
    border-top: 1px solid #ccc;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .logo {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .site-header .container {
    background: 0;
  }

  /* .headerlogo {
  text-align: center;
  } */

  .headerlogo img {
    /* margin-left: auto;
    margin-right: auto; */
    height: 35px;
    /* height:auto; */
  }

  .listeneintrag {
    /* border-left: 0;
    border-right: 0; */
  }

  .start-force-wrap {
    white-space: normal !important;
  }

  .start-input-group {
    display: block;
    width: 100%;
  }

  .start-suche-begriff,
  .berufe-suche-begriff {
    width: 100% !important;
  }

  .start-btn-ortssuche {
    width: 100%;
    margin-left: 0 !important;
    margin-top: -1px !important;
  }

  .start-btn-suchen,
  .berufe-btn-suchen {
    width: 100%;
    margin-left: 0 !important;
  }

}

.bereich-text>h2:first-child,
.bereich-text>h3:first-child,
.bereich-text>h4:first-child,
.bereich-text>h5:first-child,
.bereich-text>h6:first-child {
  margin-top: 0;
}

.sucheinstellungen,
.social-media {
  display: block;
  float: right;
  padding: 0;
  padding-left: 30px;
  padding-bottom: 30px;
  font-size: 85%;
  right: 0;
  cursor: pointer;
}

.sucheinstellungen h2 {
  color: #fff !important;
  font-size: 100% !important;
  margin: 5px 0;
  font-weight: bold;
}

.sucheinstellungen p {
  margin: 0;
}

.suchbox {
  position: absolute;
  margin: 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #90a605;
  display: inline-block;
}

/* .hauptmenu {
margin-top: 13px;
} */

.mainmenubar a {
  color: #fff;
  /* font-weight: bold; */
  /* margin: 0 15px; */
  text-decoration: none;
}

.mainmenubar a:hover,
.mainmenubar a:focus {
  border-radius: 3px;
  background-color: #edf6ce !important;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.horizontal-align {
  display: flex;
  justify-content: center;
}

.beruf-liste {
  column-count: 2;
}

.beruf-liste ul {
  margin: 0;
  padding-left: 0 !important;
  list-style: none;
  /* break-inside: avoid-column;
  page-break-inside: avoid;
  display: table; */
}

.beruf-liste li {
  /* margin-bottom: 0; */
  margin-left: 0;
  display: inline-block;
  width: 100%;
}

@media (max-width: 767px) {
  .row.vertical-align {
    display: block;
    /* Turn off the flexible box layout */
  }

  .beruf-liste {
    column-count: 1;
  }

  .Breadcrumb {
    clear: both;
  }

  .sucheinstellungen {
    padding-left: 0;
  }

  .modal-footer-buttons {
    clear: both;
  }
}

.vorschlag-eintrag {
  border-top: 1px #ddd solid;
  padding: 5px 0;
  cursor: pointer;
}

#content ul {
  padding-left: 20px;
  /* list-style-image: url(http://neu.azubica.de/site/templates/images/favicon.png); */
}

.test_inhalt ul {
  /* padding-left: 20px; */
  /* font-size: 5px; */
  /* list-style: none; */
  /* display: block; */
  /* list-style-image: url('../images/Aufzählungspunkt_20x20_transparent.png'); */
  list-style-image: url('../images/Assets/Aufzaehlung0.svg');
  /* list-style-image: url('../images/Aufzählungspunkt_20x20.png'); */
  /* list-style-image: url(http://neu.azubica.de/site/templates/images/logo-azubica.png); */
  /* list-style-position: outside; */
}

.test_inhalt ul::marker {
  /* padding-left: 20px; */
  /* font-size: 5px; */
  /* list-style: none; */
  /* display: block; */
  /* list-style-image: url('../images/Aufzählungspunkt_20x20_transparent.png'); */
  list-style-image: url('../images/Assets/Aufzaehlung0.svg');
  /* list-style-image: url('../images/Aufzählungspunkt_20x20.png'); */
  /* list-style-image: url(http://neu.azubica.de/site/templates/images/logo-azubica.png); */
  /* list-style-position: outside; */
}

.bewerberuebersicht_antworten {
  /* padding-left: 20px; */
  /* font-size: 5px; */
  /* list-style: none; */
  /* display: block; */
  /* list-style-image: url('../images/Aufzählungspunkt_20x20_transparent.png'); */
  list-style-image: url('../images/Assets/Aufzaehlung0.svg');
  /* list-style-image: url('../images/Aufzählungspunkt_20x20.png'); */

  /* list-style-position: outside; */
}

.bewerberuebersicht_antworten::marker {
  /* padding-left: 20px; */
  /* font-size: 5px; */
  /* list-style: none; */
  /* display: block; */
  /* list-style-image: url('../images/Aufzählungspunkt_20x20_transparent.png'); */
  list-style-image: url('../images/Assets/Aufzaehlung0.svg');
  /* list-style-image: url('../images/Aufzählungspunkt_20x20.png'); */

  /* list-style-position: outside; */
}

/* .test_inhalt li::before {
content: '';
display: inline-block;
height: 20px;
width: 20px;
background-size: 20px;
background-image: url('../images/Aufzählungspunkt_20x20_transparent.png');
background-repeat: no-repeat;
margin-right: 10px;
background-position: center center;
vertical-align: middle;
} */
.checkboxLabelTag {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

.checkboxLabelTag+label {
  position: absolute;
  border: 2px solid #64a30c;
  border-radius: 5px;
  background-color: #64a30c;
  color: white;
  /* background-color: #90ee904a; */
  padding: 3px;
  /* padding-bottom: 2px; */
  width: auto;
  left: 0px;
  right: 50px;
  /* padding-right: -25px; */

}

.checkboxLabelTag+label::before {
  width: 16px;
  height: 16px;
  background-image: url("../images/square.svg");
  display: block;
  background-color: white;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
  margin-top: 3px;
}

.checkboxLabelTag:checked+label::before {
  /* box-shadow: inset 0px 0px 0px 3px #fff; */
  /* background-color: #8cad2d; */
  color: white;
  border-radius: 5px;
  background-color: white;
  background-image: url("../images/check-square.svg");
  /* margin-top: 3px; */
}

/* @media (max-width: 767.98px) {
  [type="checkbox"]+label::before {
    margin-top: 2px;
  }
} */
.test_inhalt {
  /* padding-left: 20px; */
  /* list-style-image: url(http://neu.azubica.de/site/templates/images/favicon.png); */
  /* list-style-position: inside; */
}

.test_ueberschrift {
  margin-bottom: 25px;
}


a,
a:active,
a:visited,
a:focus,
a:hover,
a:checked {
  color: #000;
  text-decoration: underline;
}

.btn-azubica {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  background-color: #a3d20b;
  border: 1px solid #fff;
  color: #fff !important;
  text-decoration: none;
}

.btn-gray {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  background-color: #aaaaaa;
  border: 1px solid #fff;
  color: #fff !important;
  text-decoration: none;
  text-shadow: unset;
  font-weight: unset;
}

.btn-azubica2 {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  background-color: #fff;
  border: 1px solid #a3d20b;
  /* color: #a3d20b !important;   */
  color: #64a30c !important;
  text-decoration: none;
}

.btn-azubica-full {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  background-color: #a3d20b;
  color: #fff !important;
}

.btn-azubica-right {
  margin-left: 25px;
}

.btn-bewerbung,
.btn-bewerbung:active,
.btn-bewerbung:focus,
.btn-bewerbung:visited,
.btn-bewerbung:hover,
.btn-bewerbung:checked {
  margin-top: 10px;
  margin-right: 25px;
}

.btn,
.input,
.input-group,
.input-group-addon,
.form-control {
  /* border-radius: 0 !important; */
}

.loc-label {
  display: block;
  margin-bottom: 10px;
}

.font-azubica-bold {
  font-family: "ExoBold";
  font-family: "UbuntuBold";
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  font-weight: normal;
}

input[type="text"]:focus {
  border-color: #edf6ce !important;
  box-shadow: none;
}

input[type="search"]:focus {
  border-color: #edf6ce !important;
  box-shadow: none;
}

.text-claim {
  /* text-align: center; */
  font-size: 2.5em !important;
}

.azubica-text-box {
  margin: 25px 0;
  padding: 20px;
}

.azubica-text-box p:first-child,
.azubica-text-box h1:first-child,
.azubica-text-box h2:first-child,
.azubica-text-box h3:first-child,
.azubica-text-box h4:first-child {
  margin-top: 0;
}

.azubica-text-box p:last-child,
.azubica-text-box h1:last-child,
.azubica-text-box h2:last-child,
.azubica-text-box h3:last-child,
.azubica-text-box h4:last-child {
  margin-bottom: 0;
}

.azubica-text-box.rot {
  background-color: #ffe2e5;
  color: #e50065;
}

.azubica-text-box.gelb {
  background-color: #fff8df;
  color: #f27e00;
}

.azubica-text-box.gruen {
  background-color: #f5fad5;
  color: #86a305;
}

.azubica-text-box.blau {
  background-color: #d5e6f7;
  color: #0397cd;
}


.schulvorbildung {
  margin-top: 25px;
  font-size: small;
  color: #444;
}

.vorschlagsliste {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: #a3d20b solid 1px;
  padding: 0 5px;
  /* max-height: 100%; */
  height: 320px;
  /* height: 250px; */
  overflow-y: auto;
}

.vorschlagsliste h4 {
  /* margin: 8px 4px; */
  /* padding: 0 4px; */
}

#StartLogo {
  display: block;
}

#jobsearch {
  /* position: absolute; */
}

.seitenbild {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.seitenbild figure {
  display: inline-block;
  z-index: 1000;
  padding: 5px;
  border: 1px solid #888;
}

.seitenbild figure a {
  display: inline-block;
  position: relative;
  text-align: center;
}

.seitenbild figure img {
  max-width: 100%;
  display: block;
}

.seitenbild .icon-zoom {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  bottom: 0;
  /* z-index: 2000; */
  background-image: url('../images/icon-zoom.png');
  opacity: .5;
}

/* Cookiecontent */
.cc-window {
  opacity: 1;
  transition: opacity 1s ease;
  margin-bottom: 90px;
  border-top: 1px solid #a3d20b;
  border-bottom: 1px solid #a3d20b;
}

.cc-window.cc-invisible {
  opacity: 0;
}

.cc-animate.cc-revoke {
  transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke: hover {
  transform: translateY(0)
}

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}

.cc-link,
.cc-revoke: hover {
  text-decoration: underline;
}

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  /* font-family: "TitilliumWebLight", Arial, Helvetica, sans-serif !important; */
  /* font-size: 16px; */
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
}

.cc-window.cc-static {
  position: static;
}

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cc-revoke {
  padding: .5em;
}

.cc-header {
  font-size: 18px;
  font-weight: 700;
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em;
}

.cc-link: hover {
  opacity: 1;
}

.cc-link: active,
.cc-link: visited {
  color: initial;
}

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-weight: normal;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  color: #fff !important;
  text-decoration: none;
}

.cc-banner .cc-btn: last-child {
  min-width: 140px;
}

.cc-highlight .cc-btn: first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn: first-child: focus,
.cc-highlight .cc-btn: first-child: hover {
  background-color: transparent;
  /* text-decoration: underline; */
}

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75;
}

.cc-close: focus,
.cc-close: hover {
  opacity: 1;
}

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

.cc-top {
  top: 1em;
}

.cc-left {
  left: 1em;
}

.cc-right {
  right: 1em;
}

.cc-bottom {
  bottom: 1em;
}

.cc-floating>.cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1;
}

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1;
}

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.cc-compliance>.cc-btn {
  -ms-flex: 1;
  flex: 1;
}

.cc-btn+.cc-btn {
  margin-left: .5em;
}

@media print {

  .cc-revoke,
  .cc-window {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}

@media screen and (max-width: 414px) and (orientation: portrait),
screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }

  .cc-window.cc-bottom {
    bottom: 0;
  }

  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }

  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1;
  }

  .cc-window.cc-floating {
    max-width: none;
  }

  .cc-window .cc-message {
    margin-bottom: 1em;
  }

  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset;
  }
}

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none;
}

.cc-theme-classic .cc-btn {
  border-radius: 5px;
}

.cc-theme-classic .cc-btn: last-child {
  min-width: 140px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}

.cc-theme-edgeless.cc-window {
  padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
  margin-left: 0;
}

.job-titel {
  font-family: "RobotoBold" !important;
}

.job-firma {
  display: inline-block;
  margin-top: 5px;
}

.test-job-titel {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  display: inline-block;
  /* font-size: 95%; */
}


.test-job-firma {
  /* font-family: "ExoBold";
  font-family: "UbuntuBold"; */
  font-family: "RobotoBold" !important;
  color: #474a42;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  /* display: inline-block; */
  /* margin-top: 5px; */
  /* line-height: 5px; */
}

.job-eigenschaft {
  display: inline-block;
  /* padding: 3px 5px; */
  padding: 5px 7px;
  /* border: 1px #c7c7c7 solid; */
  /* background-color: #eee;
  margin-top: 10px;
  margin-right: 10px;
  font-size: 70%;
  border-radius: 10px; */
  background-color: #7578771a;
  margin-top: 10px;
  margin-right: 10px;
  /* font-size: 70%; */
  font-size: 12px;
  border-radius: 10px;
  color: #757977;
}

.noscroll {
  overflow-y: hidden !important;
}

.icons-share {
  display: inline-block;
  background-image: url('../images/neue_icons/azubica_web_share_icons_weiss1.png');
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.icon-share-print {
  background-position: 0 0;
}

.icon-share-facebook {
  background-image: url('../images/social_media_icons/facebook.svg');
}

.icon-share-twitter {
  background-image: url('../images/social_media_icons/twitter_x.svg');
}

.icon-share-linkedin {
  background-image: url('../images/social_media_icons/linkedin.svg');
}

.icon-share-email {
  background-image: url('../images/social_media_icons/email.svg');
}

.icon-share-whatsapp {
  background-image: url('../images/social_media_icons/whatsapp.svg');
}

.liste-ohne-bild {
  display: block;
  background-image: url('../images/Azubica_Pfeil_100x100.png');
  /* background-color: #e8e8e8; */
  height: 100px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

.standort-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Standort_azubica_2020.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 10px;
  height: 20px;
  width: 20px;
}

.standort-symbol-vl {
  display: block;
  float: left;
  margin-right: 8px;
  margin-top: 0px;
  background-image: url('../images/Standort_azubica_2023_green.svg');
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 10px;
  height: 20px;
  width: 20px;
}

.standort-symbol-grau {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  /* background-image: url('../images/Grau_Standort_azubica_2020.svg'); */
  background-image: url('../images/Assets/Grau_Standort_azubica_2021.svg');
  height: 16px;
  width: 16px;
}

.voraussetzungen-symbol-grau {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  background-image: url('../images/Grau_Voraussetzungen_azubica_2020.svg');
  height: 16px;
  width: 16px;
}

.ausbildungsart-symbol-grau {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  background-image: url('../images/Grau_Ausbildungsart_azubica_2020.svg');
  height: 16px;
  width: 16px;
}

.besonderheit-symbol-grau {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  background-image: url('../images/Grau_Besonderheiten_azubica.svg');
  height: 16px;
  width: 16px;
}

.telefon-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Telefon_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.fax-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Fax_azubica_2020.svg');
  height: 20px;
  width: 20px;
  background-size: 20px;
}

.ansprechpartner-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Ansprechpartner_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.email-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/E-Mail_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.website-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Internet_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.ausbildungsart-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Ausbildungsart_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.beschreibung-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Beschreibung_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.voraussetzung-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Voraussetzungen_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.ausbildungsberuf-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  background-image: url('../images/Merkzettel_azubica_2020.svg');
  height: 20px;
  width: 20px;
}

.teilen-symbol {
  left: 0px;
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-top: 0px;
  background-image: url('../images/Assets/teilen_kreis.svg');
  /* background-image: url('../images/neue_icons/azubica_web_share_icons_weiss1.png'); */
  background-repeat: no-repeat;
  background-size: contain;
}

.drucker-symbol {
  left: 0px;
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-top: 0px;
  background-image: url('../images/Assets/drucken_kreis.svg');
  /* background-image: url('../images/neue_icons/azubica_web_share_icons_weiss2.png'); */
  background-repeat: no-repeat;
  background-size: contain;
}

.bewerber-symbol {
  left: 0px;
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  margin-top: 0px;
  background-image: url('../images/Assets/bewerben_kreis_vollgruen.svg');
  /* background-image: url('../images/neue_icons/azubica_web_share_icons_weiss2.png'); */
  background-repeat: no-repeat;
  background-size: contain;
}

.leer-symbol {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  /* background-image: url('../images/Ausbildungsberuf.png'); */
  height: 20px;
  width: 20px;
}

.leer-symbol-vl {
  display: block;
  float: left;
  margin-right: 8px;
  margin-top: 0px;
  /* background-image: url('../images/Ausbildungsberuf.png'); */
  height: 20px;
  width: 20px;
}

.btn_pfeil_r {
  background-image: url('../images/pfeil_rechts.png');
  width: 30Px;
  height: 150px;
  z-index: 3;

}

.btn_pfeil_l {
  background-image: url('../images/pfeil_links.png');
  width: 30Px;
  height: 150px;
  z-index: 3;
}

.nach-rechts {
  margin-left: 30px;
}

.nach-links {
  margin-left: -30px;
}

.fliess-rechts {
  /* position: fixed; */
  /* right: 0px; */
  float: right;
}

.fliess-links {
  float: left;
}

.job-seite-header {
  /* font-size: 130%; */
  font-size: 18px;
  width: 100%;
}

.headline-text {
  margin-bottom: 5px;
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
}

.job-html {
  /* margin-bottom: 10px; */
}

.job-html p:first-child {
  margin-top: 0;
}

.karte {
  width: 100%;
}

.karte-firma {
  /* margin-top: 30px; */
  height: 300px;
}

.carousel_image {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;

}

.bannerbild {
  margin: 0 auto;
  margin-top: 10px;
  width: auto;
  max-width: 100%;
  max-height: 400px;
  border-radius: 10px;
}

img {
  flex-shrink: 0;
  /* justify-content: center; */
}


@media print {
  .container {
    width: auto;
  }

  .nicht-drucken {
    display: none;
  }

  a[href]:after {
    content: "" !important;
  }

  .druck-seite {
    page-break-inside: avoid;
  }
}

.carousel-control_azubica {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) !important;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%) !important;
  background-repeat: repeat-x;
}

.azubica-kasten {
  display: flex;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px;
  padding-top: 12px;
  padding-bottom: 15px;
  word-break: break-word;
  border: 1px solid white;
  border-radius: 10px;
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
}

.azubica-kasten p {
  font-size: 16px !important;
}

.azubica-kasten span {
  font-size: 16px !important;
}

.azubica-kasten-logo {
  display: flex;
  height: 200px;
  width: 200px;
  align-items: center;
  /* width: auto; */
  margin-top: 20px;
  margin-bottom: 40px;
  /* margin-right: 15px;
  margin-left: 15px; */
  padding: 1px;
  /* padding-top: 15px; */
  border: 1px solid lightgray;
  border-radius: 10px;

}

@media (max-width: 992px) {
  .azubica-kasten-logo {
    display: flex;
    width: 100px;
    height: 100px;
    /* width: auto; */
    /* margin-top:  20px;*/
    margin-bottom: 20px;
    /*margin-right: 15px;
    margin-left: 15px; */
    /* padding: 10px;
    padding-top: 15px; */
    border: 1px solid lightgray;

  }

}

.azubica-kasten2 {
  /* display: inline-block; */
  /* margin-top:  20px; */
  margin-bottom: 20px;
  /* margin-right: 15px; */
  /* margin-left: 15px; */
  padding: 10px;
  padding-left: 0px;
  padding-top: 15px;
  border: 1px solid white;
}

.azubica-kasten-sticky {
  /* display: flex; */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  top: 0;
  background-color: white;
  width: 100%;
  z-index: 1000;
  /* margin-top:  -10px; */
  /* margin-bottom: -10px; */
  /* margin-right: 15px; */
  /* margin-left: 15px; */
  /* padding: 10px; */
  margin-right: 15px;
  margin-left: 15px;
  /* padding-top: 15px; */
  border-bottom: 1px solid lightgray;
  /* border: 1px solid white; */
  position: fixed;
}

.azubica-sticky-text {
  padding: 13px;
}

.sec-padding {
  padding-top: 65px !important;
}

@media (max-width: 426px) {
  .azubica-kasten-sticky {
    margin-right: 0px;
    margin-left: 0px;
  }

  .azubica-sticky-text {
    padding: 3px;
  }

  .sec-padding {
    padding-top: 105px !important;
  }

  #feat_jobs {
    padding-bottom: 0px !important;
  }
}

.azubica-kasten-sticky_alt {
  /* display: flex; */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  top: 0;
  background-color: white;
  /* width: 100%; */
  z-index: 1000;
  /* margin-top:  -10px; */
  /* margin-bottom: -10px; */
  margin-right: 15px;
  margin-left: 15px;
  padding: 10px;
  padding-top: 15px;
  border: 1px solid lightgray;
  /* border: 1px solid white; */
  position: fixed;
}

.azubica-kasten-sticky-inhalt {
  padding: 10px;
  padding-top: 15px;
}

.verfolgender-btn {
  z-index: 300;
  position: fixed;
  float: right;
  right: 15px;
  bottom: 50px;
}

#header {
  transition: 0.2s;
  /* Add a transition effect (when scrolling - and font size is decreased) */
}

.galerieneu {
  float: left;
  margin-right: 10px;
  height: 150px;
  border-radius: 10px;
}

.galeriebilder {
  /* align-content: center; */
  /* display: inline-flex; */
  /* left: 50px;
  right: 50px; */
}

.galeriebilder2 {
  /* align-content: center; */
  display: inline-flex;
  /* left: 50px;
  right: 50px; */
}

.galerieitem {
  margin: auto;
  height: 150px;
}

.modal2 {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1000000;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal2-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.testcon {
  float: right;
  height: 40px;
  /* background-color: #a3d20b; */
  margin: 0 5px;
  /* padding: 10px; */
  /* color: white; */
  cursor: pointer;
  border-radius: 10px;
}

@media (max-width: 371px) {
  .testcon {
    margin: 0px;
    margin-bottom: 5px;
  }

  .testcon-sticky {
    margin-bottom: 0px;
  }
}

.btn-text {
  height: 20px;
}

.link-angebote {
  margin-bottom: 8px;
}

.carousel-control {
  opacity: 0.8;
}

.carousel-control.left {
  /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */
  /* background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */
  /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); */
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  /* background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */
  /* background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); */
  /* background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); */
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.rechtspfeil {
  /* background-image: url('../images/neue_icons/Pfeil_rechts_grau_hg.svg'); */
  background-image: url('../images/Assets/pfeilrechts_kreis2.svg');
  /* background-image: url('../images/neue_icons/Pfeil_rechts_grauaufweiss_1.svg'); */
  /* background-image: url('../images/neue_icons/Pfeil_rechts_grauaufweiss_2.svg'); */
  /* background-image: url('../images/neue_icons/Pfeil_rechts_gruenaufweiss_1.svg'); */
  /* background-image: url('../images/neue_icons/Pfeil_rechts_gruenaufweiss_2.svg'); */
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  border-radius: 100%;
  width: 45px;
  position: absolute;
  background-size: contain;
  height: 45px;
  top: 45%;
  margin-top: -15px;
  right: 50%;
  margin-right: -75px;
  background-repeat: no-repeat;
}

.linksspfeil {
  /* background-image: url('../images/neue_icons/Pfeil_links_gruenaufweiss_2.svg'); */
  background-image: url('../images/Assets/pfeillinks_kreis2.svg');
  /* background-image: url('../images/neue_icons/Pfeil_links_grau_hg.svg'); */
  /* background-image: url('../images/neue_icons/Pfeil_links_grauaufweiss_2.svg'); */
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
  border-radius: 100%;
  /* background-image: url('../images/gesplittet/links.png'); */
  width: 45px;
  position: absolute;
  background-size: contain;
  height: 45px;
  top: 45%;
  margin-top: -15px;
  right: 50%;
  margin-right: 30px;
  background-repeat: no-repeat;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #a3d20b;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 10px;
}

h3 {
  margin-top: 0px;
}

.hidden-on-desktop {
  display: none;
}

.hidden-on-desktop2 {
  display: none;
}

.hidden-on-desktop_testcon {
  display: none;
}

@media (max-width: 500px) {
  .hidden-on-small-mobile {
    display: none;
  }
}

@media (max-width: 1200px) {
  .hidden-on-small-mobile2 {
    display: none;
  }
}

@media (max-width: 990px) {
  .hidden-on-small-mobile2 {
    display: inline;
  }
}

@media (max-width: 500px) {
  .hidden-on-small-mobile2 {
    display: none;
  }
}

@media (max-width: 992px) {
  h3 {
    margin-top: 5px;

  }

  .hidden-on-mobile {
    display: none;
  }

  .hidden-on-desktop {
    display: block;
  }

  .hidden-on-desktop_testcon {
    display: inline;
  }
}

.flex-no-flex {
  display: none;
}

@media (max-width: 767.98px) {
  .flex-no-flex {
    display: flex;
  }
}

@media (max-width: 1056px) {
  .bottom-menu-bar .row {
    padding-left: 80px;
  }

  .hidden-on-laptop {
    display: none;
  }

  .hidden-on-desktop2 {
    display: block;
  }
}

@media (max-width: 1024px) {
  .bottom-menu-bar .row {
    padding-left: 80px;
  }

  .hidden-on-laptop {
    display: none;
  }

  .hidden-on-desktop2 {
    display: block;
  }
}

.img-responsive2 {
  display: block;
  width: 100%;
  height: auto;
}

#azubica-kasten-galerie {
  /* padding-left: 10px; */
  /* padding-right: 0px; */
}

#bewirbdichbtn2 {
  font-size: 100%;
}

.bewirb-dich {
  background: url(../images/Assets/bewerben_outline.svg) no-repeat scroll left;
  background-size: 20px;
  background-color: #a3d20b;
  background-position: left 10px center;
  display: flex;
  padding-right: 10px;
  padding-left: 33px;
  color: white;
  font-family: "RobotoBold";

}

.desktop-20-mobile-100-inator {
  width: 20%;
  display: inline-block;
}

@media (max-width: 767px) {
  .desktop-20-mobile-100-inator {
    width: 100%;
    display: inline-block;
  }
}

.desktop-80-mobile-100-inator {
  width: 80%;
  display: inline-block;
}

@media (max-width: 767px) {
  .desktop-80-mobile-100-inator {
    width: 100%;
    display: inline-block;
  }

  /* .startbild-suche{
  padding-bottom: 30px;
  } */
}


.kleiner-handy {
  /* font-size: 100%; */
}

.nur-handy {
  display: none;
}

.nur-nicht-handy {
  display: inline-block;
}

@media (max-width: 767px) {
  .kleiner-handy {
    /* font-size: 80%; */
    font-size: 11px;
  }

  .nur-handy {
    display: inline-block;
  }

  .nur-nicht-handy {
    display: none;
  }

  .azubica-kasten-sticky {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

.azubica-kasten-karte {
  padding-right: 0px;
}

@media (max-width: 992px) {
  .azubica-kasten-karte {
    padding-right: 10px;
    padding-bottom: 25px;
  }
}

/* .startbild{

background-image: url("../images/Assets/wave-bottom-header0.svg"),url("../images/Assets/light-green-wave.svg"),linear-gradient(180deg, #a4d209 80%, #fff 50%);
background-position: bottom,bottom;
background-repeat: repeat-x,repeat-x,repeat-x;
padding-bottom: 10px;
} */
.startbild {
  /* background-image: url('../images/Assets/Hintergrund_2b.png'); */
  background-image: url("../images/Assets/azubica_Welle.svg"), linear-gradient(180deg, #a4d209 99%, #fff 99%);
  background-position: bottom;
  /* background-color: #a3d208; */
  background-repeat: no-repeat;
  background-size: 100%;
  /* padding-bottom: 50px;
  margin-bottom: -40px */
  /* padding-bottom: 70px; */
  /* padding-bottom: 260px; */
  padding-bottom: 120px;
  margin-bottom: -60px;
  padding-top: 20px;
}

div.test_inhalt>p>img {

  max-width: 100%;
  display: block;
  /* width: 100%; */
  height: auto;
}

.wholescreen-default {
  transition: opacity .3s cubic-bezier(.42, 0, .1, 1);
  position: fixed;
  z-index: 1090;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: #fff;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
}

.wholescreen-show {
  transition: opacity .3s cubic-bezier(.42, 0, .1, 1);
  display: block;
  opacity: 1;
  overflow: scroll;
}

.dropdown-menu {
  min-width: 250px;
}

.btn-azubica-load-more {
  /* font-family: "TitilliumWebBold", Arial, Helvetica, sans-serif !important; */
  background-color: #a3d20b;
  border: 1px solid #a3d20b;
  color: #fff !important;
  text-decoration: none;
  border-radius: 20px !important;
  padding: 10px 10px;
  height: auto;
  /* font-size: 120%; */
  /* height: 40px; */
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}

.lds-spinner div {
  transform-origin: 10px 10px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 1px;
  left: 10px;
  width: 1px;
  height: 4px;
  border-radius: 20%;
  background: #000;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes myChange {
  from {
    max-height: 0px;
  }

  to {
    max-height: 3330px;
  }
}

.testinh {
  /* max-height: 0px; */
  background-color: lightblue;
}

.testinh.ng-hide {
  animation: 5.5s myChange;
}

.animate-show-hide.ng-hide {
  /* opacity: 0; */
  /* height: 0px; */
  max-height: 0px;
  overflow: hidden;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 0.5s;
}

.check-element {
  /* border: 1px solid black; */
  /* opacity: 1; */
  display: block;
  /* height: auto; */
  overflow: hidden;

  max-height: 1000px;
  /* padding: 10px; */
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.carousel-control {
  width: 8%;
  width: 0px;
}

.carousel-control.left,
.carousel-control.right {
  margin-right: 40px;
  margin-left: 40px;
  background-image: none;
  opacity: 1;
}

.carousel-control>a>span {
  color: white;
  font-size: 29px !important;
}

.carousel-col {
  position: relative;
  min-height: 1px;
  padding: 5px;
  padding-bottom: 10px;
  float: left;
}

.item .carousel-col .block {
  box-shadow: none;
}

.item.next .carousel-col:last-child .block {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  /* box-shadow: none; */
}

.item.prev .carousel-col:first-child .block {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  /* box-shadow: none; */
}

.item.active .carousel-col .block {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  /* box-shadow: none; */
}

.active>div {
  display: none;
}

.active>div:first-child {
  display: block;
}

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left {
    left: -50%;
  }

  .carousel-inner .active.right {
    left: 50%;
  }

  .carousel-inner .next {
    left: 50%;
  }

  .carousel-inner .prev {
    left: -50%;
  }

  .carousel-col {
    width: 50%;
  }

  .active>div:first-child+div {
    display: block;
  }

  /* .active > div:first-child + div + div { display:block; } */
  .item.next .carousel-col:nth-child(2) .block {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: none; */
  }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left {
    left: -25%;
  }

  .carousel-inner .active.right {
    left: 25%;
  }

  .carousel-inner .next {
    left: 25%;
  }

  .carousel-inner .prev {
    left: -25%;
  }

  .carousel-col {
    width: 25%;
  }

  .active>div:first-child+div {
    display: block;
  }

  .active>div:first-child+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div {
    display: block;
  }

  .item.next .carousel-col:nth-child(4) .block {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: none; */
  }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left {
    left: -20%;
  }

  .carousel-inner .active.right {
    left: 20%;
  }

  .carousel-inner .next {
    left: 20%;
  }

  .carousel-inner .prev {
    left: -20%;
  }

  .carousel-col {
    width: 20%;
  }

  .active>div:first-child+div {
    display: block;
  }

  .active>div:first-child+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div+div {
    display: block;
  }

  .item.next .carousel-col:nth-child(5) .block {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: none; */
  }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left {
    left: -16.65%;
  }

  .carousel-inner .active.right {
    left: 16.65%;
  }

  .carousel-inner .next {
    left: 16.65%;
  }

  .carousel-inner .prev {
    left: -16.65%;
  }

  .carousel-col {
    width: 16.65%;
  }

  .active>div:first-child+div {
    display: block;
  }

  .active>div:first-child+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div+div {
    display: block;
  }

  .active>div:first-child+div+div+div+div+div {
    display: block;
  }

  .item.next .carousel-col:nth-child(6) .block {
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: none; */
  }

  /* .active > div:first-child + div + div + div + div + div  { display:block; } */
}

.block {
  /* width: 306px; */
  /* width: fit-content; */

  height: 140px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 15px;
  background-color: white;
}

.red {
  background: red;
}

.blue {
  background: blue;
}

.green {
  background: green;
}

.yellow {
  background: yellow;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.backgr {
  /* background-color: #a3d20b; */
  background-color: #fff;
  background-image: url("../images/Assets/wave-top-white.svg"), url("../images/Assets/wave-bottom-white.svg"), linear-gradient(180deg, #fff 0.1%, #a4d209 0.1%, #a4d209 99.9%, #fff 99.9%);
  background-position: bottom, top;
  background-repeat: no-repeat, no-repeat;
  position: absolute;
  z-index: -100;

}

.backgr2 {
  /* background-color: #a3d20b; */
  background-color: #fff;
  background-image: url("../images/Assets/wave-top-white.svg"), url("../images/Assets/wave-bottom-white.svg"), linear-gradient(180deg, #fff 0.1%, #a4d209 0.1%, #a4d209 99.9%, #fff 99.9%);
  background-position: bottom, top;
  background-repeat: no-repeat, no-repeat;
  position: absolute;
  z-index: -100;
}

.nav-rounded {
  /* border-radius: 10px; */
  border-radius: 3px;
}

#feat_jobs {
  padding-bottom: 40px;
}

.vorschlagsliste {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: #a3d20b solid 1px;
  padding: 0 0px;
  /* max-height: 100%; */
  height: 400px;
  /* height: 250px; */
  overflow-y: auto;
  border-radius: 10px;
}

.vorschlag-eintrag {
  margin-left: 5px;
  border-top: 1px #ddd solid;
  padding: 5px 0;
  cursor: pointer;
}

.vorschlag-eintrag-title {
  margin-left: 5px;
  padding: 5px 0;
  /* cursor: pointer; */

}

/* width */
.vorschlagsliste::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.vorschlagsliste::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey;
    border-radius: 10px; */
  opacity: 0.5;
}

/* Handle */
.vorschlagsliste::-webkit-scrollbar-thumb {
  background: #64a30c;
  border-radius: 25px;
}

/* Handle on hover */
.vorschlagsliste::-webkit-scrollbar-thumb:hover {
  background: #64a30c;
}

.headtitle-front {
  /* color: white; */
  /* font-size: initial; */
  /* font-family: initial; */
  /* padding: initial; */
  border-bottom: initial;
  font-size: 2em !important;
  /* text-align: initial; */
  /* margin-bottom: initial; */
}

.icon {
  background: url(../images/Assets/suche.svg) no-repeat scroll 5px 0px;
  background-color: white;
  background-size: 20px;
  background-position-y: center;
  padding-left: 35px;
}

.icon2 {
  background: url(../images/Assets/standort.svg) no-repeat scroll 5px 0px;
  background-color: white;
  background-size: 20px;
  background-position-y: center;
  padding-left: 35px;
}

.light-green-bg {
  background-color: #edf6ce;
  border-color: white;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.light-green-bg:focus {
  background-color: #edf6ce;
  border-color: #a3d20b;
  /* border-color: inherit; */
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.form-control {
  border-color: white;
  border-width: 3px;
  box-shadow: none;
}

.form-control-old {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

/* .input-azubica {
  border-color: white;
  border-width: 3px;
  box-shadow: none;
  } */
.input-azubica:focus {
  border-color: #B3D931 !important;
  border-width: 3px;
  box-shadow: none;
}

.azubica-kasten-icon1 {
  background: url(../images/Assets/voraussetzungen_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon2 {
  background: url(../images/Assets/infoberuf_2.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon3 {
  background: url(../images/Assets/firmenbeschreibung_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon4 {
  background: url(../images/Assets/jobbeschreibung_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon5 {
  background: url(../images/Assets/benefits_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon6 {
  background: url(../images/Assets/firmenkontakt_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-icon7 {
  background: url(../images/Assets/studienrichtung_kreis.svg) no-repeat scroll 0px 0px;
  background-color: white;
  padding-left: 45px;
  display: inline-block;
  height: 50px;
  /* margin-bottom: 10px; */
}

.azubica-kasten-ueberschrift {
  display: flex;
  border-bottom: 1px solid lightgray;
  margin-bottom: 15px;
}

.azubica-kasten-green-ueberschrift {
  color: #a3d20b;
  text-align: center;
  border-bottom: 1px solid;
  padding-bottom: 10px;

}

.azubica-kasten-green {
  background-color: #edf5e1;
  box-shadow: none;
  border: none;
}

.start-btn-suchen-darkgreen {
  color: #fff !important;
  background-color: #64a30c;
  border-color: #64a30c;
  border-width: 3px;

}

.statistics-header {
  color: white;
  font-family: "RobotoRegular";
  margin-bottom: 4px;
  margin-left: 4px;
}

.statistics-text {
  font-family: "RobotoBold";
}

.statistik-title {}

.startseitenbild {
  float: right;
  margin-top: 15px;
}

.sec-small {
  color: #A3D109;
  font-size: 18px;
  text-align: center;
  padding: 0;
  margin: 0;
}

.sec-heading {
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif !important;
  text-align: center;
  font-size: 48px !important;
  color: #393F3B;
  padding: initial;
  margin: initial;
  margin-bottom: 40px !important;
}

.input-lg,
.btn-lg {
  font-size: 16px;
}

.hammenue {
  /* border-radius: 10px; */
  border-color: green !important;
  border: none;
  padding: 0px;
  /* background: url(../images/Assets/hamburgermenu.svg); */
  /* width:20px;
    height: 20px; */
}

.colamu-1,
.colamu-2,
.colamu-3,
.colamu-4,
.colamu-5,
.colamu-6,
.colamu-7,
.colamu-8,
.colamu-9,
.colamu-10,
.colamu-11,
.colamu-12 {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.colamu-7 {
  width: 56%;
}

.startbild .colamu-5 {
  width: 46.3%;
  position: absolute;
  right: -100px;
  top: 0;
}

.navbar {
  /* position: relative; */
  min-height: unset;

}

@media (max-width: 1500px) {
  .startbild .colamu-5 {
    right: 0px;
  }
}

@media (max-width: 1023px) {
  .colamu-7 {
    width: 100%;
  }

  body .mobile-title,
  body .mobile-view {
    display: block !important;
    text-align: center;
  }

  .startbild .text-claim {
    display: none;
  }
}

.container_janki {
  width: 100%;
  max-width: 1300px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: relative;
  float: none;
}

@media screen and (max-width: 1023px) {
  .startbild .colamu-5 {
    right: auto;
    width: 100%;
    top: auto;
    position: relative;
    max-width: 450px;
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 1023px) {
  .startbild .row .colamu-5 {
    order: -1;
    margin-bottom: 15px;
  }
}

@media (max-width: 1023px) {
  .startbild .row {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1023px) {
  .startbild .row .colamu-5 img {
    margin: 0 auto;
    display: block;
    max-width: 280px !important;
  }
}

@media screen and (max-width: 479px) {
  .startbild .row .colamu-5 img {
    max-width: 160px !important;
    margin: 0 auto;
    display: block;
  }
}

.startbild .text-claim {
  font-size: 48px !important;
  padding-top: 50px;
  color: #fff;
  /* font-weight: bold; */
  margin-bottom: 30px;
  /* font-family: 'Amaranth'; */
  /* font-family: 'Roboto'; */
}

.startbild .text-claim h1 {
  font-size: 48px !important;
  /* padding-top: 50px; */
  color: #fff;
  line-height: 1.42857143;
  /* font-weight: bold; */
  margin-bottom: 30px;
  margin-top: 0px;
  /* font-family: 'Amaranth'; */
  /* font-family: 'Roboto'; */
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .startbild {
    padding-bottom: 70px;
  }

  .startbild .text-claim {
    font-size: 35px !important;
  }

  .startbild .text-claim h1 {
    font-size: 35px !important;
  }

  .statistik-title {
    margin-top: 0px;
  }

  .statistik-icon {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .startbild .text-claim {
    font-size: 26px !important;
    padding-top: 0px !important;
    margin-bottom: 15px !important;
    /* max-width: 380px; */
  }

  .startbild .text-claim h1 {
    font-size: 26px !important;
    padding-top: 0px !important;
    margin-bottom: 15px !important;
    /* max-width: 380px; */
  }

  .start-btn-suchen-darkgreen {
    /* width: unset !important; */
  }

  .sec-heading {
    font-size: 35px !important;
    /* margin-bottom: 30px!important; */

  }

  .startbild {
    padding-bottom: 60px;
    margin-bottom: -35px;
  }

  .statistik-title {
    margin-top: 0px;
  }

  .statistik-icon {
    margin-top: 40px;
  }

  .btn-unset-width {
    width: unset;
    margin: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .startbild .text-claim {
    display: none !important;
  }

  .startbild .text-claim h1 {
    display: none !important;
  }

  .sec-heading {
    font-size: 28px !important;
    /* margin-bottom: 30px!important; */
  }

  .btn-unset-width {
    width: unset;
    margin: auto !important;
  }

  .statistik-title {
    margin-top: 0px;
  }

  .statistik-icon {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .startbild .text-claim {
    font-size: 28px !important;
    padding-top: 0px !important;
    margin-bottom: 15px !important;
    text-align: center !important;
  }

  .startbild {
    padding-bottom: 60px;
    margin-bottom: -35px;
  }

  .startbild-suche {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 479px) {
  .startbild .text-claim {
    font-size: 20px !important;
  }
}

.form_janki {
  width: 100%;
  /* max-width: 570px; */

}

body .mobile-title,
body .mobile-view {
  display: none;
}

@media screen and (max-width: 767px) {

  body .mobile-title,
  body .mobile-view {
    display: block !important;
  }
}

@media (max-width: 991px) {

  .vertical-align {
    display: block;
  }

  .navbar-header {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}

#feat_publis {
  width: 100%;
  max-width: 1300px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: relative;
  float: none;
}

#feat_publis .owl-carousel .owl-stage {
  display: flex;
  flex-wrap: wrap;
}

#feat_publis ul li {
  width: auto;
  display: block;
  padding: 10px 15px;
  margin: 0px auto;
  height: 100%;
}

@media screen and (max-width: 1420px) {
  #feat_publis {
    padding: 0 40px;
  }
}

.owl-nav .owl-prev,
.owl-next {
  border-radius: 50px;
  position: absolute;
  border: 0;
  background-color: transparent !important;
  border: 0 !important;
  color: transparent !important;
  position: absolute;
  display: block;
  height: 45px;
  width: 45px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  top: auto;
  /* margin: 0 -52px; */
  padding: 0;
  outline: none;
  /* background-image: url(../images/sprit.png)!important; */
  background-repeat: no-repeat !important;
  transform: translateY(-50%);
  transition: none;
  z-index: 9;
  bottom: 22%;
}

.owl-nav .owl-next {
  background-image: url(../images/Assets/pfeilrechts_kreis2.svg) !important;
  /* background-position: -147px -3px!important; */
  left: auto;
  right: -35px;
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
  /*background-position: -145px -114px!important;*/
  opacity: 0.8
}

.owl-nav .owl-prev:hover {
  /*background-position: -5px -115px!important;*/
}

.owl-nav .owl-prev {
  background-image: url(../images/Assets/pfeillinks_kreis2.svg) !important;
  /* background-position: -3px -2px!important; */
  right: auto;
  left: -35px;
}

body .owl-carousel .owl-dots.disabled {
  display: none;
}

body .owl-dots {
  display: none;
}

.box-slide {
  /* width: 280px; */
  /* height: 343px; */
  list-style: none !important;
  border-radius: 7px;
  position: relative;
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 45px 25px;
  background: #fff;
  height: 100%
}

.box-slide h4 {
  color: #393F3B;
  text-align: center;
  font-size: 16px;
  font-family: 'RobotoBold';
  font-weight: normal;
  line-height: 140%;
  background: none;
  padding: 25px 0px 0;
  /* font-weight: bold; */
}

.box-slide:hover {
  background: #74BE1F;
}

.box-slide:hover h4 {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .box-slide {
    padding: 25px 10px;
  }
}

#feat_publis .img-content {
  margin: 0 0 12px 0;
}

.img-content img {
  width: auto !important;
  max-width: 100%;
  margin: auto;

}

.carousel {
  padding: 0 25px;
}

.carousel-inner {
  /* padding: 0 25px; */
  /* left: 25px; */
  /* right: 25px; */
}

.block {
  margin: 0 5px;
}

.azubica-kreisbild {
  content: url("/site/templates/images/Assets/azubica_kreisbild_desktop.png");
  background: url("/site/templates/images/Assets/azubica_kreisbild_desktop.png");
  background-size: 100%;
}

@media (max-width: 1199px) {
  .azubica-kreisbild {
    content: url("/site/templates/images/Assets/azubica_kreisbild_laptop.png");
    background: url("/site/templates/images/Assets/azubica_kreisbild_laptop.png");
    background-size: 100%;
  }
}

@media (max-width: 1023px) {
  .azubica-kreisbild {
    content: url("/site/templates/images/Assets/azubica_kreisbild_tablet.png");
    background: url("/site/templates/images/Assets/azubica_kreisbild_tablet.png");
    background-size: 100%;
    margin: 0 auto;
    display: block;
    max-width: 280px !important;
  }
}

@media (max-width: 479px) {
  .azubica-kreisbild {
    content: url("/site/templates/images/Assets/azubica_kreisbild_handy.png");
    background: url("/site/templates/images/Assets/azubica_kreisbild_handy.png");
    background-size: 100%;
    max-width: 160px !important;
    margin: 0 auto;
    display: block;
  }
}

.filter-btn {
  margin-top: 5px;
}

@media (max-width: 375px) {
  .statistics-header-mobile {
    margin-bottom: 0px;
  }

  .text-claim-mobile {
    margin-top: 10px !important;
  }

  .filter-btn {
    margin-top: 1px;
  }
}

.azubica-kasten-green .azubica-kasten-green-ueberschrift:nth-child(n+2) {
  margin-top: 30px;
}

.ausbildungsplaetze-bottom-text>p {
  font-size: 16px;
}

.ausbildungsplaetze-bottom-text>ul>li {
  font-size: 16px;
}

.ausbildungsplaetze-bottom-text>h2 {
  font-size: 26px !important;
}

/* p
  {
  font-size: 16px;
  } */
select.locradius {
  height: 46px;
  line-height: unset;
  background-image: url("/site/templates/images/Assets/chevron-down.svg");
  background-repeat: no-repeat;
  /* background-position: 30px 5px; */
  background-position: right 10px center;
}

@media (min-width: 991px) and (max-width: 99999px) {

  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
  }
}

.dropdown-link {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.az-dropdown-menu {
  box-shadow: 0 1px 4px 1px rgb(0 0 0 / 10%);
  border-width: 0px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.1em;
  content: "";
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}

@media(max-width: 991px) {

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.dashboard-kachel {
  display: inline-block;
  border: 2px solid rgb(100, 163, 12);
  border-radius: 5px;
  text-decoration: none;
  margin: 20px;
  height: 400px;
  width: 245px;
  background-color: rgb(100, 163, 12);
  vertical-align: bottom;
}

.dashboard-kachel:hover {
  display: inline-block;
  border: 2px solid #a3d20b;
  border-radius: 5px;
  text-decoration: none;
  margin: 20px;
  height: 400px;
  width: 245px;
  background-color: #a3d20b;
  vertical-align: bottom;
}

#sortbutton {
  /*height: 30px;*/
  position: fixed;
  width: 100px;
  border-radius: 10px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background-color: rgb(100, 163, 12);
  color: white;
  /* box-shadow:  */
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
}

#sortbutton:hover {
  background-color: #a3d20b;
}

#sortbutton2 {
  /*height: 30px;*/
  position: fixed;
  width: 100px;
  border-radius: 10px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background-color: white;
  color: black;
  border: 1px solid black;
  /* box-shadow:  */
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
}

#sortbutton2:hover {
  /* background-color: #a3d20b; */
}

#container_circle {
  width: 100%;
  height: 400px;
  margin-top: -180px;
  margin-bottom: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.circle {
  border-radius: 50%;
  background-color: #64A30C;
  width: 150px;
  height: 150px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
  margin-top: 40px;
}

@keyframes scaleIn {
  from {
    transform: scale(.25, .25);
    opacity: .35;
  }

  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}

.btn-suche-unterscheidung-ausbildungsart {
  background-color: #fff;
  border: 2px solid #a3d20b;
  color: #64a30c;
  text-decoration: none;
  width: 100%;
  padding: 10px;
}

.btn-suche-unterscheidung-ausbildungsart:focus {
  outline: none;
  color: #64a30c;
}

.btn-suche-unterscheidung-ausbildungsart:hover {
  color: #64a30c;
  border: 2px solid #64a30c;
}

.blog-desc-content {
  background-image: url("../images/Assets/dark-background-image.png");
  background-size: cover;
  width: 100%;
  padding-bottom: 2rem;
}

.azubica-berufsprofile-content ul {
  list-style: none;
  padding-left: 0;
}

.azubica-berufsprofile-content ul li {
  padding-left: 2.5rem;
  position: relative;
  margin-bottom: 0.5rem;
}

.azubica-berufsprofile-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #a2d108;
  -webkit-mask-image: url('../images/Assets/Aufzaehlung_azubica_pfeil.svg');
  mask-image: url('../images/Assets/Aufzaehlung_azubica_pfeil.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}