body#trainerPage {
}



.link-container {
  display: flex;
  justify-content: space-between; /* This creates maximum space between the links */
  width: 100%; /* Adjust this width as necessary */
  padding: 0 10px; /* Optional: Add some padding to the container */
}

.link-container .link {
  text-decoration: none;
  padding: 10px 20px;
  transition: background-color 0.3s;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #CED900;
  color: #000000!important;
}

.badge-primary {
  color: #000000;
  background-color: #CED900;
}


.webinars-list .list-group-item.booked{
  border-color: #CED900;
  border-width: 1px;
  background-color: #f4f4f4;
}

.webinars-list .list-group-item.booked .border-primary {
  border-color: #CED900!important;
}


.webinars-list .list-group-item.booked button{
  background: #CED900!important;
  background-color: #CED900!important;
}
.webinars-list .list-group-item.booked button:hover{
  background: rgba(206, 217, 0, 0.82) !important;
  background-color: rgba(206, 217, 0, 0.82) !important;
}

/* Landingpage vor Login */

.path-frontpage #portalHeadNav {
  display:none;
}

.path-frontpage header {
  position:fixed;
  width: 100%;
  z-index: 1 !important
}


.path-frontpage .paragraph--type--hero {
  background-position: center;
  padding: 4em!important;
  padding-top: 11em!important;
}

#trainerPage #block-contactblock {
  overflow-y: scroll;
  max-height: 100%;
}

a.btn, .btn {
  text-transform: none!important;
  padding-bottom: 12px!important;
  border-radius: 20px!important;
}

@media screen and (min-width: 1400px) {
 .path-frontpage .paragraph--type--hero {
    background-position: center!important;
    background-size: cover;
    min-height: 45em!important;
  }
}

@media screen and (min-width: 1200px) and (max-width:1399.9px) {
 .path-frontpage .paragraph--type--hero {
    background-position: center!important;
    background-size: cover;
    min-height: 35em!important;
  }
}

.path-frontpage .paragraph--type--feature-block .paragraph-content ul {
  list-style: disc!important;
}

#faq {
  display: none !important;
}

.navigation, body {
  max-width:1800px;
  margin:0 auto;
}
.nav-pills,.nav-enclosed-pills {
  .nav-link{
    color: black!important;
    font-weight: 600;
  }
  .nav-link:hover {
    color: #CED900 !important;
  }
  .nav-link.active,
  .show > .nav-link {
    color: white!important;
    background-color: #CED900;
  }
}

.nav-enclosed {
  display: inline-flex;
  padding: 0.125rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem
}
/* Plattform Menu

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

.menu--kreawiportalmenu {
  position:fixed;
  overflow: auto;
}

  #trainerPage #openTrainerSubNav {
    display: block;
    position: fixed;
    top: 83px;
    width: 40px;
    z-index: 1001;
    margin-left: 15px;
    background-color: #fff;
  }

  #trainerPage #portalSubNav.closed {
    width: 63px!important;
  }

  #trainerPage #portalSubNav {
    padding-top: 50px!important;
    width: 300px!important;
    height: 100vH!important;
    background-color: #fff;
  }

  .menu--kreawiportalmenu {
   background-color: #fff;
    height: 100vH;
  }

  .closed .menu--kreawiportalmenu {
    background-color: #fff;
    height: 100vH;
    width:60px;
  }

  #site-footer {

}

}

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

.closed i {
  margin-top:5px;
}

}

*/

/* Plattform Content */


#portalContent .container {
  padding: 0!important;

}

#trainerPage #portalContent .trainerContent {
  padding: 0!important;
}


.view-exam-protocols .views-exposed-form, .view-practice-diagnose .views-exposed-form, .view-learning-corner .views-exposed-form {
  padding: 25px!important;
  border: 5px solid #f6f6f6;
  margin-bottom:10px;
}

.view-learning-corner .chosen-container-multi .chosen-choices {
   background-color:rgba(255,255,255,0)!important;
   background-image: none!important;
   border: none!important;
  }

.view-practice-diagnose .grid-item, .view-exam-protocols .grid-item, .view-kurse .grid-item, .view-_00-tage-lehrplan .grid-item {
  border: 5px solid #f6f6f6!important;
}

@media screen and (min-width:1400px) {
.view-practice-diagnose .grid-item, .view-exam-protocols .grid-item {
  min-height: 310px!important;
}
}

@media screen and (min-width:860px) and (max-width:1399.9px) {
.view-practice-diagnose .grid-item, .view-exam-protocols .grid-item {
  min-height: 420px!important;
}
}

#trainerPage #portalContent .btn i {
  margin-right:5px;
}

.grid-items-lines .grid-item .infobar {
min-height: 0!important;
  padding: 20px 20px 10px !important;
}

.webinar .card-body {
padding-top: 15px !important;
padding-bottom: 15px !important;
  }

.webinars-list .card-body h4 {
margin-top: 5px !important;
}

.webinars-list .card-body h1, .webinar .card-body .text-body-secondary {
color: #232323!important;
font-weight: 500 !important;
}

.webinars-list .border-primary {
	border:none!important;
	background-color: #A8E6B5;
	margin-bottom:0!important;
	border-radius: 0!important;
}

.webinars-list .product {
	padding: 20px!important;
}

.webinars-list .card-title {
	font-size: 130%;
}

.webinars-list div.card-text:first-of-type {
	border-top: 1px solid #A8E6B5;
	margin-top:15px;
	padding-top:10px;
}

.webinar svg {
	margin-top: 5px;
}

.webinar img {
	width: 100%;
	max-width:300px!important;
  height: auto;
border-radius:0!important;
}

@media screen and (max-width:767.9px) {
	.webinar img {
	margin-bottom:20px;
}

.webinar .card {
	margin-top:20px;
}

}

.webinars-filter a {
	font-weight:600!important;
	color:#232323!important;
}

.webinars-filter .list-group-item.active {
  background-color: #A8E6B5;
  color: #fff !important;
  border: 1 px solid #A8E6B5!important;
  border-color: #A8E6B5!important;
}

.webinars-filter .list-group-item {
   border: 1 px solid #A8E6B5!important;
}

.webinars-filter .navbar {
	padding-left:0!important;
	margin-bottom:15px!important;
}


#webinarModalLabel {
	font-size: 130%;
	margin-bottom: 30px;
}

.webinars-list .card-title h1, .webinars-list .card-title .text-body-secondary {
color: #232323!important;
font-weight: 500 !important;
}


.webinars-list .list-group-item-success {
  color: #232323!important;
  background-color: #A8E6B5!important;
  cursor: default;
  border-radius: 0;
}


#trainerPage #portalHeadNav {
  display: none;
 }

#trainer-settings-form .settingsItem {
	border: 15px solid #f6f6f6!important;
}

#node-6510 h1 {
font-weight: 200;
  text-transform: uppercase;
  font-size: 32px;
  text-align:left!important;
}

#node-6510 p {
  text-align:left!important;
  max-width:900px!important;
}


#node-6510 .page {
margin: -15px -15px 10px -15px!important;
padding: 2.35765%!important;
  padding-left: 50px!important;
  background: -webkit-linear-gradient(left, rgba(45,95,151,0.2) 50%,rgba(45,95,151,0.25) 72%,rgba(244,240,240,0.5) 100%)!important;
  background: -moz-linear-gradient(left, rgba(45,95,151,0.2) 50%,rgba(45,95,151,0.25) 72%,rgba(244,240,240,0.5) 100%)!important;
  background: -o-linear-gradient(left, rgba(45,95,151,0.2) 50%,rgba(45,95,151,0.25) 72%,rgba(244,240,240,0.5) 100%)!important;
  background: linear-gradient(left, rgba(45,95,151,0.2) 50%,rgba(45,95,151,0.25) 72%,rgba(244,240,240,0.5) 100%)!important;
  color: #333!important;
  width: auto!important;
  min-height: 7em!important;
  display: block!important;
  text-align:left!important;
  margin-bottom: 15px!important;
}

a.btn.google-bg,
.block-user-login-block .regsister a.btn.google-bg
{
  background-color: 	#4285F4!important;
  color: #FFF!important;
}
a.btn.apple-bg,
.block-user-login-block .regsister a.btn.apple-bg
{
  background-color: #dbdada!important;
  color: #000000!important;
}

a.btn.amazon-bg,
.block-user-login-block .regsister a.btn.amazon-bg
{
  background-color: #FF9900!important;
  color: #FFF!important;
}




/* =================================== */
/*  5. Social Icons
/* =================================== */
ul.social-icons {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  width: auto;
}

ul.social-icons li {
  margin: 0px 6px 4px;
  padding: 0;
  overflow: visible;
  width: auto;
}

.social-icons li a,
.block-user-login-block ul.social-icons li a{
  display: block;
  height: 38px;
  line-height: 13px;
  width: 38px!important;
  font-size: 18px;
  text-align: center;
  /*background-color: rgba(0, 0, 0, 0.6);*/
  color: #fff !important;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-left: 0!important;
}

.card .social-icons li a{
  line-height: 30px;
}

.social-icons li i {
  line-height: inherit;
}

.social-icons.social-icons-lg li a {
  height: 45px;
  line-height: 45px;
  width: 45px;
}

.social-icons li:hover a {
  opacity: 0.8;
}

.socialblock{
  padding-top: 50px;
}

.social-icons.social-icons-rounded li a {
  border-radius: .25rem;
}

.social-icons.social-icons-circle li a {
  border-radius: 50%;
}

.social-icons li.social-icons-twitter a {
  background-color: #00ACEE;
}

.social-icons li.social-icons-facebook a {
  background-color: #1874eb;
}

.social-icons li.social-icons-linkedin a {
  background-color: #0E76A8;
}

.social-icons li.social-icons-google a {
  background-color: #DB4437;
}

.social-icons li.social-icons-instagram a {
  background-color: #3F729B;
}

.social-icons li.social-icons-vk a {
  background-color: #2B587A;
}

.social-icons li.social-icons-yahoo a {
  background-color: #720E9E;
}

.social-icons li.social-icons-apple a {
  background-color: #000;
}

.social-icons li.social-icons-windows a {
  background-color: #0090f4;
}

.social-icons li.social-icons-amazon a {
  background-color: #f79400;
}

.btn-facebook {
  background-color: #1874eb;
  color: #fff !important;
}

.btn-facebook:hover {
  background-color: #1266d2;
}

.btn-outline-facebook {
  border-color: #1874eb;
  color: #1874eb;
}

.btn-outline-facebook:hover {
  background-color: #1874eb;
  color: #fff;
}

.btn-twitter {
  background-color: #00ACEE;
  color: #fff !important;
}

.btn-twitter:hover {
  background-color: #0096cf;
}

.btn-outline-twitter {
  border-color: #00ACEE;
  color: #00ACEE;
}

.btn-outline-twitter:hover {
  background-color: #00ACEE;
  color: #fff;
}

.btn-google {
  background-color: #DB4437;
  color: #fff !important;
}

.btn-google:hover {
  background-color: #ce3325;
}

.btn-outline-google {
  border-color: #DB4437;
  color: #DB4437;
}

.btn-outline-google:hover {
  background-color: #DB4437;
  color: #fff;
}

.btn-linkedin {
  background-color: #0E76A8;
  color: #fff !important;
}

.btn-linkedin:hover {
  background-color: #0c628c;
}

.btn-outline-linkedin {
  border-color: #0E76A8;
  color: #0E76A8;
}

.btn-outline-linkedin:hover {
  background-color: #0E76A8;
  color: #fff;
}

.btn-instagram {
  background-color: #3F729B;
  color: #fff !important;
}

.btn-instagram:hover {
  background-color: #366285;
}

.btn-outline-instagram {
  border-color: #3F729B;
  color: #3F729B;
}

.btn-outline-instagram:hover {
  background-color: #3F729B;
  color: #fff;
}

.btn-vk {
  background-color: #2B587A;
  color: #fff !important;
}

.btn-vk:hover {
  background-color: #234863;
}

.btn-outline-vk {
  border-color: #2B587A;
  color: #2B587A;
}

.btn-outline-vk:hover {
  background-color: #2B587A;
  color: #fff;
}

.btn-yahoo {
  background-color: #720E9E;
  color: #fff !important;
}

.btn-yahoo:hover {
  background-color: #5e0c82;
}

.btn-outline-yahoo {
  border-color: #720E9E;
  color: #720E9E;
}

.btn-outline-yahoo:hover {
  background-color: #720E9E;
  color: #fff;
}

.btn-apple {
  background-color: #000;
  color: #fff !important;
}

.btn-apple:hover {
  background-color: black;
}

.btn-outline-apple {
  border-color: #000;
  color: #000;
}

.btn-outline-apple:hover {
  background-color: #000;
  color: #fff;
}

.btn-windows {
  background-color: #0090f4;
  color: #fff !important;
}

.btn-windows:hover {
  background-color: #007ed5;
}

.btn-outline-windows {
  border-color: #0090f4;
  color: #0090f4;
}

.btn-outline-windows:hover {
  background-color: #0090f4;
  color: #fff;
}

.btn-amazon {
  background-color: #f79400;
  color: #fff !important;
}

.btn-amazon:hover {
  background-color: #d88200;
}

.btn-outline-amazon {
  border-color: #f79400;
  color: #f79400;
}

.btn-outline-amazon:hover {
  background-color: #f79400;
  color: #fff;
}


#edit-social-auth{
  display: none;
}

#block-kreawi-online-content #edit-actions{
  float: inline-start;
}

#block-kreawi-online-content .form-actions.js-form-wrapper.form-wrapper.float-start{
  float: inline-end;
  margin-bottom: 2em;
}


#block-kreawi-online-content #user-login-form{
  padding-bottom: 3em;
}

.block-user-login-block .request-password-link,
#block-user-login .item-list{
  display: none;
}

.block-user-login-block #edit-actions--2,
.block-user-login-block .forgot-password
{
  display: inline-flex;
}


.tag-19 .fach-3,
.tag-19 .fach-4,
.tag-19 .fach-5,
.tag-27 .fach-4,
.tag-27 .fach-5,
.tag-65 .fach-1,
.tag-65 .fach-2,
.tag-65 .fach-5,
.tag-73 .fach-3,
.tag-73 .fach-4,
.tag-73 .fach-5,
.tag-82 .fach-3,
.tag-82 .fach-4,
.tag-82 .fach-5 {
  display: none;
}

.tag-11 .fach-2,
.tag-11 .fach-3,
.tag-11 .fach-4,
.tag-11 .fach-5,
.tag-51 .fach-2,
.tag-51 .fach-3,
.tag-51 .fach-4,
.tag-51 .fach-5 {
  display: none;
}

.tag-48 .fach-1,
.tag-48 .fach-2,
.tag-48 .fach-3,
.tag-48 .fach-5{
  display: none;
}
.tag-49 .fach-1,
.tag-49 .fach-2,
.tag-49 .fach-4,
.tag-49 .fach-5{
  display: none;
}

.tag-50 .fach-1,
.tag-50 .fach-3,
.tag-50 .fach-4,
.tag-50 .fach-5 {
  display: none;
}

.tag-51 .fach-2,
.tag-51 .fach-3,
.tag-51 .fach-4,
.tag-51 .fach-5 {
  display: none;
}

.tag-92 .fach-1,
.tag-92 .fach-2,
.tag-92 .fach-5 {
  display: none;
}

.tag-98 .fach-1,
.tag-98 .fach-2,
.tag-98 .fach-4,
.tag-98 .fach-5 {
  display: none;
}
.tag-99 .fach-1,
.tag-99 .fach-2,
.tag-99 .fach-3,
.tag-99 .fach-5 {
  display: none;
}

.tag-100 .fach-5 {
  display: none;
}



#trainerPage .page .path-user .eye-open ,.page-node-type-article .eye-open {
  background: url("images/eye-open.svg") no-repeat!important;
}

#trainerPage .page .path-user .eye-close ,.page-node-type-article .eye-close {
  background: url("images/eye-close.svg") no-repeat!important;
}


.delete-progress {
  position: absolute;
  bottom: 15px;
  right: 10px;
  color: white;
  cursor: pointer;
  font-size: 1.2rem;
  width: 10px;
  height: 10px;
  color: #DB4437 !important;
}

#trainerPage #portalContent .trainerContent .dashboardContent .delete-progress i {
  font-size: 1.2rem;
  display: block;
  float: left;
  padding-right: 15px;
  color: #DB4437 !important;
}

.lernverlaufstats .lernverlauf-set-item {
  padding: 20px;
  position: relative;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-bottom: 1px solid #e3e6f0;
  margin-bottom: 30px;
}
.lernverlaufstats .lernverlauf-set-item i {
  font-size: 40px;
  display: block;
  float: left;
  padding-right: 15px;
  color: #308FBF;
}