@charset "UTF-8";
/*
Theme Name: Infotheme
Author: Alexandra Kaulfuß
Description: Schulcampus Infoportal Theme
Version: 1.0
*/

html,
body {
    height: 100%;
    margin: 0;
    /* Browser-Styles reset */
    padding: 0;
    /* respect fixed header bar */
    font-family: 'Open Sans', Arial, sans-serif !important;
	background-color: #f4f4f4;
}

:focus:not(.focus-visible) {
  outline: 0;
  box-shadow: none;
}

body {
    display: flex;
    flex-direction: column;
}

header {
    flex-shrink: 0;
    height: 50px;
    background: linear-gradient(90deg, rgba(203,217,0,1) 0%, rgba(203,217,0,1) 25%, rgba(0,156,238,1) 100%);
}

.header-fixed {
    position:fixed;
    z-index: 1030;
}

#content {
    padding-top: 45px;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}



/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/infotheme/font/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



main {
    display: flex;
}

footer {
    flex-shrink: 0;
    height: 50px;
    background-color: #737C83;
}


.footer-nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}

footer .navbar-nav a {
	padding: .5rem 1rem;
}

#menu-footer .menu-item {
    margin-bottom: -1px;
    margin-right: 30px;
}

#menu-footer .menu-item a:hover {
    color: #cbd900;
    background-color: transparent;
}

#menu-footer .menu-item a {
    display: flex;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding-right: 1rem;
    padding-left: 1rem;
}






/**********************************Allgemeine Definitionen der Grundelemente*********************/

.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}



.row {
    margin-right: 0;
    margin-left: 0;
}

/* Hilfsklasse flex-zentriert */
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*reset-Buttons*/
.btn:active,
.btn:focus,
.btn.focus,
.btn.active {
    background-image: none;
    outline: 0;
    box-shadow: none;
}


/* Buttons */
.btn {
    font-weight: 600;
    display: flex;
    align-items: baseline;
}

a.btn {
    font-weight: 400;
}

.btn-blue {
    color: #fff;
    background-color: #009CEE;
}

.btn-blue:hover {
    color: #2F3A48;
    background-color: #99E0FD;
}

.btn-blue:focus,
.btn-blue.focus {
    box-shadow: 0 0 0 0 #00B2F9;
}

.btn-blue.disabled,
.btn-blue:disabled {
    color: #A7ADB1;
    background-color: #F1F1F6;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show>.btn-blue.dropdown-toggle {
    color: #2F3A48;
    background-color: #00B2F9;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show>.btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 #00B2F9;
}

.btn-white {
    color: #009CEE;
    background-color: #fff;
}

.btn-white:hover {
    color: #0583C9;
    background-color: #99E0FD;
}

.btn-white:focus,
.btn-white.focus {
    box-shadow: 0 0 0 0 #0583C9;
}

.btn-white.disabled,
.btn-white:disabled {
    color: #99E0FD;
    background-color: #009CEE;
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
    color: #fff;
    background-color: #0583C9;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 #0583C9;
}

.btn-login {
    color: #fff;
    background-color: #65A300;
}

.btn-login:hover {
    color: #2f3a2f;
    background-color: #65A300;
}

.btn-up {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #A7ADB1;
    opacity: 0.70;
    z-index: 1024;
}

.btn-search {
    color: #A7ADB1;
    background-color: #fff;
}

.btn-search:hover {
    color: #009CEE;
    background-color: #fff;
}

.btn-search:focus,
.btn-search.focus {
    box-shadow: none;
}

.btn-search:not(:disabled):not(.disabled):active,
.btn-search:not(:disabled):not(.disabled).active,
.show>.btn-search.dropdown-toggle {
    color: #fff;
    background-color: #0583C9;
}


.btn-submit {
    position: absolute;
    right: 30px;
}

/* Tabelle */

td p, td a {
	margin-left:15px;
	font-size:18px;
}

td img {
	border-radius:3px;
}

/* Accordion*/

.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size:18px !important;
}


/* Headings */
h1,
h2,
h3,
h4 {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #2F3A48;
}

h1 {
    font-size: 24px;
    font-weight: 400;
    color: #505B64;
}

h2 {
    font-size: 19px;
    font-weight: 400;
}

h3 {
    font-size: 16px;
    font-weight: 700;
}

h4 {
    font-size: 14px;
    font-weight: 700;
}


/* Schriftgrößen */
p {
    color: #505B64;
    hyphens: auto;
}

p.gross {
    font-size: 19px;
    line-height: 26px;
}

p.normal {
    font-size: 14px;
    line-height: 21px;
}

.readingtext {
    max-width: 680px;
    padding-top: 30px;
    margin-right: auto !important;
    margin-left: auto !important;
}

p>a {
    text-decoration: underline;
    text-decoration-color: #009CEE;
}


/* Links */
a {
    color: #2F3A48;
}

a:hover,
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover {
    color: #009CEE;
    text-decoration: none;
}


/* Placeholder */
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A7ADB1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #A7ADB1;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::placeholder {
    color: transparent;
}


/* Listen */
ol,
ul,
dl {
    font-size: 14px;
    font-weight: 700;
}

ol {
    list-style-type: disc;
}

ul {
    list-style-type: none;
}

dt {
    display: inline-flex;
}


/* Dropdown */
.dropdown.btn,
.dropdown .btn {
    border: none;
    box-shadow: none;
}

.dropdown-toggle::after {
    display: inline-table;
    padding: 0 0 0 5px;
    font-family: 'SCicons';
    content: "\f107";
    border: none; 
}

.pagesearch-field .dropdown-toggle::after {
    width:22px;
}

.sidebar .dropdown-toggle.special::after {
    display: none;
}

/*wenn beim Hover das DD geöffnet werden soll*/
.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
    display: block;
}


.dropdown-menu {
    text-align: left;
    color: inherit;
    padding: 0;
    margin: 0;
    box-shadow: 3px 3px 5px rgb(47, 58, 47, 0.15);
    /*#2F3A48*/
}

.dropdown-menu.dropdown-menu-wide {
    min-width: 100%;
}

.dropdown-item {
    width: auto;
    padding: 0.5rem 1rem;
    font-size: inherit;
    color: inherit;
    border-radius: 3px;
}

.dropdown-white {
    color: #2f3a2f;
    background-color: #fff;
    border: 1px solid #99E0FD;
    border-radius: 3px;
}

.dropdown-white:hover {
    color: #009CEE;
    background-color: #fff;
    border-color: #99E0FD;
}

.dropdown-white:not(:disabled):not(.disabled):active,
.dropdown-white:not(:disabled):not(.disabled).active,
.show>.dropdown-white.dropdown-toggle {
    color: #2f3a2f;
    background-color: #99E0FD;
    border-color: #99E0FD;
}

.dropdown-blue {
    color: #2f3a2f;
    background-color: #00B2F9;
    border: 1px solid #99E0FD;
    border-radius: 3px;
}

.dropdown-blue:hover {
    color: #fff;
    background-color: #00B2F9;
    border-color: #99E0FD;
}

.dropdown-blue:not(:disabled):not(.disabled):active,
.dropdown-blue:not(:disabled):not(.disabled).active,
.show>.dropdown-blue.dropdown-toggle {
    color: #fff;
    background-color: #0583C9;
    border-color: #0583C9;
}

.dropdown-lime {
    color: #253100;
    background-color: #CBD900;
    border: 1px solid #CBD900;
    transition: 0.3s;
}

.dropdown-lime:hover {
    color: #fff;
    background-color: #65A300;
    border-color: #65A300;
    transition: 0.3s;
}

.dropdown-lime:not(:disabled):not(.disabled):active,
.dropdown-lime:not(:disabled):not(.disabled).active,
.show>.dropdown-lime.dropdown-toggle {
    color: #fff;
    background-color: #65A300;
    border-color: #65A300;
}

.dropdown-menu-white {
    color: #fff;
    background-color: #00B2F9;
}

.dropdown-menu-white>a:hover {
    color: #2f3a2f;
    background-color: #99e0FD;
}

.dropdown-menu-blue {
    color: #2f3a2f;
    background-color: #00B2F9;
}

.dropdown-menu-blue>a:hover {
    color: #fff;
    background-color: #00B2F9;
}

.dropdown-menu-lime {
    color: #253100;
    background-color: #CBD900;
}

.dropdown-menu-lime>a:hover {
    color: #fff;
    background-color: #65A300;
    transition: 0.3s;
}

.dropdown-menu-lime .dropdown-item.active,
.dropdown-menu-lime .dropdown-item:active {
    color: #65A300;
    background-color: #C0CD00;
}

.dropdown-menu-lime .dropdown-item:focus {
    color: #253100;
    background-color: #C0CD00;
}



/* Akkordeon*/
.card-blue {
    background-color: #00B2F9;
}

.card-white {
    color: #2F3A48;
    background-color: #fff;
}

.card-header-blue {
    color: #fff;
    background-color: #009CEE;
    border-bottom: 1px solid #00B2F9;
}

.card-header-white {
    color: #505B64;
    background-color: #fff;
    border-bottom: 1px solid #F1F1F6;
}

.card-header-white:hover {
    columns: #0583C9;
    background-color: #F8F8F8;
    border-bottom: 1px solid #F1F1F6;
}

.accordion.small .card-header {
    font-size: 14px !important;
}

.accordion.small .card-body {
    font-size: 12px !important;
}

.btn-link:hover {
    text-decoration: none;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none;
}

.btn-link-blue .dropdown-toggle::after {
    color: #99E0FD;
}

.btn-link-white .dropdown-toggle::after {
    color: #505B64;
}

.btn-link-blue {
    margin-right: 0;
    float: right;
    color: #fff;
    font-weight: 400;
}

.btn-link-blue:hover {
    color: #fff;
    background-color: #009CEE;
}

.btn-link-white {
    font-weight: 400;
    color: #505B64;
}

.btn-link-white:hover {
    color: #009CEE;
}




/*Popover*/
.popover {
    left: 85%;
    background-color: rgb(147, 186, 236);
}


.popover.bottom .arrow::after {
    border-bottom-color: rgb(147, 186, 236);
}

.popover-content {
    background-color: rgb(147, 186, 236);
}

.popover-header {
    color: #2F3A48;
}

.bs-popover-bottom {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}


/* ----------Tooltip----------*/
.tooltip.show {
    opacity: 1 !important;

}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #CBD900 !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #2F3A48;
    text-align: center;
    background-color: #CBD900;
    border-radius: 3px;
}




/*Tabs-Links*/
.nav-tabs {
    width: 100%;
    margin: 20px 0 30px 0;
}

.nav-tabs .nav-link {
    padding: .3rem 0;
    font-size: 21px;
    font-weight: 400;
    border: none;
}

.nav-tabs .nav-link:hover {
    border: none;
}

.nav-tabs .nav-link.active {
    font-weight: 700;
    color: #2F3A48;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid #009CEE;
}

.nav-link, .nav-item a {
    display: flex;
    /*padding: 0.6rem 1rem .2rem;*/
    font-weight: 400;
    font-size: 17px;
    color: #2F3A48;
}

.nav-link:hover,
.nav-link:focus, .nav-item a:hover, .nav-item a:focus {
    text-decoration: none;
}

.nav-tabs .nav-item {
    margin-right: 60px;
}




/* Breadcrumb */
.breadcrumb {
    font-weight: 400;
    font-size: 14px;
    color: #2F3A48;
    padding-left: 8px;
    background-color: transparent;
}

.breadcrumb-item>a:hover {
    color: #009CEE;
    text-decoration: none;
}


/* ------------------Formulare-------------------- */

label {
    font-size: 0.8rem;
    margin-top: 5px;
}

input[type=text] {
    height: 40px;
}

.tab-pane h2 {
    font-weight: 700;
    padding-bottom: 10px;
}

.form-control {
    border-radius: 0;
    border-right: none;
    border-top: none;
    border-left: none;
    border-radius: 3px;
}

.form-control:focus {
    border-bottom: 2px solid #009CEE;
    box-shadow: none;
    border-radius: 0px;
    /*wenn man INPUT als Linie umsetzt*/
}

.form-group,
.form-control {
    color: #2F3A48;
}

.form-group input {
    margin-top: -6px;
}

input[type=text].small {
    font-size: 14px;
    height: 34px;
}

.form-group .sc-icon {
    display: unset;
}

.form-group .custom-control-label::before {
    display: none;
}

.form-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.form-wrapper .col-lg-2 {
    padding-left: 0px;
    margin-left: -15px;
}

.profil-image {
    position: absolute;
    right: -20px;
}

.profil-image img {
    width: 120px;
    height: 120px;
}

.profil-image:hover .img-edit {
    display: block;
}

.icon-question-circle-regular.sc-icon::before {
    margin-left: 26px;
    padding-top: 8px;
}

#profil .icon-question-circle-regular.sc-icon::before {
    margin-left: 16px;
    padding-top: 8px;
}

.img-edit {
    display: none;
}

.img-edit .icon-pencil::before,
.img-edit .icon-trash::before {
    font-size: 25px;
    padding-right: 25px;
}

.img-edit .icon-pencil:hover,
.img-edit .icon-trash:hover {
    color: #009CEE;
}

img.round {
    border-radius: 50%;
}


.markaction {
    display: flex;
    flex-wrap: wrap;
    width: 890px;
    padding: 30px 0;
}

.markaction .btn {
    font-weight: 400;
    margin-right: 5px;
    font-size: 14px;
    margin-bottom: 5px;
    padding: .375rem 1.25rem;
}

.markaction .btn:hover {
    color: #2F3A48;
}

.markaction .btn:hover.btn::before {
    color: #2F3A48;
}

.btn-blue::before,
.btn::before {
    display: inline-block;
    padding: 0 8px 0 0;
    font-family: 'SCicons';
    color: #fff;
    font-weight: 400;
}

.btn-save {
    float: right;
    margin: 30px 40px;
}

.btn-save.btn-blue::before {
    content: "\e844";
}

.btn-change {
    float: left;
}

.btn-delete {
    background-color: rgb(155, 72, 155);
    color: #fff;
}

.btn-delete:hover {
    background-color: rgb(190,114,190);
    color: rgb(155, 72, 155);
    border-color: rgb(155, 72, 155);
}

.btn-delete.btn::before {
    content: "\f1f8";
}

.btn-change.btn-blue::before {
    content: "\e819";
}

.btn-role.btn-blue::before,
btn-group.btn-blue::before {
    content: "\e806";
}

.btn-password.btn-password::before {
    content: "\e827";
}

.btn-unlock {
    background-color: #44B687;
    color: #fff;
}

.btn-lock {
    background-color: #E94B4B;
    color: #fff;
}

.btn-unlock.btn::before {
    content: "\f13e";
}

.btn-lock.btn::before {
    content: "\e81b";
}

.btn-assign.btn-blue::before {
    content: "\e81d";
}

.btn-reject {
    background-color: #EFB640;
    color: #fff;
}

.btn-reject.btn::before {
    content: "\f235";
}


.btn-blue:hover.btn-blue::before {
    background-color: inherit;
    color: #2F3A48;
}

.row-assign {
    margin: 30px 0;
}

.row-assign .btn {
    margin-top: -1px;
}

.row-assign .dropdown select {
    background: #E3E3E5;
}


.form-wrapper h4 {
    font-weight: 400;
    font-size: 16px;
}

.form-wrapper span {
    padding: 0 .75rem;
}

.form-wrapper h1,
.form-wrapper h2,
.form-wrapper h3 {
    font-weight: 700;
}

.auswahlbox {
    border-radius: 3px;
    border: solid 1px #E3E3E5;
    height: 100px;
    overflow-y: scroll;
}

.auswahlobjekt {
    font-weight: 400;
    margin-left: -30px;
}

.auswahlobjekt:focus,
.auswahlobjekt:active {
    background-color: #E3E3E5;
}

.iconnav {
    display: flex;
    flex-direction: column;
    margin-top: 27px;
    border: solid 1px #E3E3E5;
    margin-bottom: 16px;
    margin-left: -10px;
    justify-content: space-between;
}

.iconnav:first-child {
    padding-top: 30px;
}

.iconnav .btn {
    padding: 0;
    border-top: solid 1px lightgray;
    border-radius: 0;
}

.iconnav .sc-icon {
    border-radius: 3px;
    border: none;

    padding: 0;
    margin: 0;
}

.iconset {
    margin-top: 24px;
}

.form-wrapper .checks {
    display: flex;
    flex-direction: column;
}



/* Suchfeld */
.form-control {
    height: 40px;
}

.form-control[type=search] {
    color: #2F3A48;
    border-right: none;
    border: none;
}

.form-control[type=search]:focus {
    color: #2F3A48;
    box-shadow: 0 0 0 0 #009CEE;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: none;
}

.input-group-append {
    height: 40px;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.icon-search {
    font-size: 21px;
}

.pagesearch-field {
    display: inline-flex;
    width: 100%;
    padding: 20px 0;
    background-color: #009cee;
    border-radius:5px;
}




/* Tabelle */
.table {
    color: #505B64;
    /*border-collapse: collapse;*/
    /*width: 100%;*/
}

.table td,
.table th {
    padding: 10px 0;
}

.table td:first-child,
.table th:first-child {
    padding: 10px 0 10px 10px;
}

.table td:last-child,
.table th:last-child {
    padding: 10px 10px 10px 0;
}

.table thead {
    font-weight: 400;
    font-size: 14px;
}

.table tbody {
    font-size: 14px;
}

tbody tr:hover :not(.status) {
    color: #009CEE;
    background-color: #F1F1F6;
}

.table tr {
    border-top: 1px solid #dee2e6;
}

tbody tr:hover .icon-circle {
    background-color: #F1F1F6;
}

.status-red {
    color: #E94B4B;

}

.status-green {
    color: #44B687;

}

.status-yellow {
    color: #EFB640;

}

.status {
    font-size: 20px;
    text-shadow: none;
    cursor: pointer;
}

.status-change {
    position: absolute;
    display: none;
    width: 80px;
    height: 30px;
    justify-content: center;
    align-items: center;
    top: 630px;
    /*+15px*/
    left: 1460px;
    /*-40px*/
    padding-left: 5px;
    border: 1px solid #A7ADB1;
    z-index: 1;
    border-radius: 3px;
    background-color: #fff;
    padding-top: 2px;
}

.table .icon-pencil,
.table .icon-trash {
    font-size: 18px;
}

tbody tr:hover .icon-pencil,
tbody tr:hover .icon-trash {
    color: #009CEE;
}




/* Checkboxen */
input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-flex;
    margin: 0;
}

input[type=checkbox],
input[type=radio] {
    display: none;
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    color: transparent;
    font-family: "SCicons";
    content: "\e80a";
    background: #E3E3E5;
    cursor: pointer;
    transition: .1s;
}

input[type="radio"]+label:before {
    border-radius: 50%;
}

input[type=checkbox]:hover+label::before,
input[type=radio]:hover+label::before {
    background-color: #A7ADB1;
    color: #009CEE;
}

input[type=checkbox]+label:active::before,
input[type=radio]+label:active::before {
    transform: scale(0);
}

input[type=checkbox]:checked+label::before,
input[type=radio]:checked+label::before {
    background-color: #009CEE;
    color: #fff;
}

input[type=checkbox]:disabled+label::before,
input[type=radio]:disabled+label::before {
    background-color: #E3E3E5;
    color: transparent;
}

input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
    background-color: transparent;
    color: #A7ADB1;
}



/*Pagination*/
.pagination {
    justify-content: center;
    padding-top: 30px;
}

.pagination .sc-icon {
    line-height: 1.25;
}

.page-link {
    color: #2F3A48;
    font-weight: 100;
}

.page-link:hover {
    color: #009CEE;
    background-color: transparent;
}

.page-item.active .page-link {
    color: #2F3A48;
    font-weight: 700;
    pointer-events: none;
}

.page-link:focus {
    box-shadow: none;
}




/********************************Header-Elemente***********************************************************/

/* Zentrieren der Elemente im Header horizontal */
header.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

header .row {
    margin-top: 5.5px;
}

#topnav.dropdown {
    flex-wrap: wrap;
	margin-left: 15px;
}

/* gleiche Breite */
#topnav button,
#topnav .dropdown-menu {
    width: 245px;
    align-items: center;
}

.logo {
	font-weight: 400;
	font-size: 19px;
}

.logo span {
    font-weight: 700 !important;
}

.logo .sc-icon-dd,
.logo.sc-icon-dd {
    font-size: 25px;
}




.dd-right {
    float: right;
}

/* gleiche Breite */
.dd-right button,
.dd-right .dropdown-menu {
    align-items: center;
}

header .icon-userhead::before {
    font-size: 28px;
}

.dd-label {
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: "…";
}

#topnav.dropdown-menu-full,
#usernav.dropdown-menu-full {
    display: none;
}

#topnav.dropdown .btn:not(:focus) #topnav.dropdown-menu-full {
    display: none;
}


/**********************************************Footer-Elemente******************************************/
footer .navbar {
    padding: 0 0 0 0.75em;
	justify-content: unset;
}

footer img {
    height: 40px;
    width: auto;
}

footer .navbar-nav {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

footer .navbar-nav a {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding-right: 1rem;
    padding-left: 1rem;
}

footer .navbar-nav a:hover,
footer .navbar-nav a:focus {
    color: #cbd900;
    background-color: transparent;
}




/******************************************************content_Elemente***********************************/


/*****mainTabs mit Subtitle****/
.nav-tabs .nav-link span {
    display: none;
}

.nav-tabs .nav-link.active span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 6px 0 0 5px;
}

.tab-pane {
    padding-top: 30px;
}

/********************************************************main-Elemente**************************************/


/**********Hauptinhalt***********/
.main-content {
    flex-grow: 1;
    flex-direction: row;
    padding-bottom: 30px;
}


/*Suche mit Erweiterter Suche (Filter)*/
.pagesearch .card-header {
    padding: 20px 10px;
}

.pagesearch .btn-link-blue {
    width: auto;
    white-space: nowrap;
    padding-right: 0;
}

.pagesearch .btn-link:after {
    content: '\f107';
}

.pagesearch .btn-link.collapsed:after {
    content: "\f105";
}

.pagesearch .card {
    overflow: visible;
}



.pagesearch-filter button span {
    padding-left: 5px;
    padding-right: 5px;
}

.pagesearch-filter .dropdown-menu {
    position: absolute;
    z-index: 1024;
    width: 180px;
}

.pagesearch-filter .card-body {
    position: absolute;
    z-index: -1;
}

.pagesearch-filter .dropdown {
    display: inline-block;
    margin: 0 5px 0 0;
}

.pagesearch-filter .dropdown-blue {
    width: 180px;
}

.pagesearch-filter .dropdown-toggle::after {
    font-size: 14px;
}





/***************Select-Felder***********/

/* Reset Select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #00B2F9;
    background-image: none;
}

.bootstrap-select .btn.dropdown-toggle:hover,
.bootstrap-select .btn.dropdown-toggle:active {
    color: #2F3A48;
}

.bootstrap-select {
    padding-bottom: 10px;
}

.pagesearch-filter .dropdown-item.active {
    background-color: transparent;
    color: #2F3A48;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
}

select .dropdown-item::before {
    display: inline-table;
    padding: 0;
    font-family: 'SCicons';
    content: "\f114";
    border: none;
}

.dropup .dropdown-toggle::after {
    border: none;
}


.bootstrap-select .bs-ok-default::after {
    color: #00B2F9;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    color: #2F3A48;
    background-color: transparent;
}

.pagesearch-filter .btn-light {
    font-weight: 400;
    color: #fff;
	background-color: #00B2F9;
    border: 1px solid #99E0FD;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
	color: #2F3A48;
    background-color: #00B2F9;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    background-color: transparent;
    color: #fff;
	border: 1px solid #99E0FD;
}

.filter-option-inner-inner {
    font-size: 14px;
}

.bootstrap-select .dropdown-item {
    font-size: 14px;
}

.bootstrap-select .dropdown-item:hover {
    color: #2F3A48;
    background-color: #E3E3E5;
}


/*----Results anzeigen----*/
.result-counter {
    float: right;
    margin-top: -52px;
}

select.result-counter {
    background-color: #2F3A48;
}

.result-counter .btn-light {
    background-color: rgb(202, 205, 207);
}

.result-select.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.result-text {
    font-size: 16px;
    font-weight: 400;
}

.result-counter .btn-light {
    padding: 0;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;

}

.result-counter .filter-option-inner-inner {
    color: #2F3A48;
    padding: .5rem .75rem;
    font-weight: 700;
    z-index: 1024;
}

.result-counter .dropdown-toggle::after {
    content: "";
    padding: 0;
}

.result-counter .btn-light.active .dropdown-toggle::after {
    content: "";
}   




/************************* Infoportal **********************************/

#info-nav .navbar {
    padding: .5rem 0;
}

#info-nav ul.navbar-nav {
    margin: 12px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e5;
}

.navbar-nav .nav-item {
    margin-bottom: -1px;
    margin-right: 30px;
}

.navbar-toggler {
    color: #2F3A48;
}

#info-nav .nav-link.active {
    border-bottom: 3px solid #009CEE;
    font-weight: 700;
}

#info-nav .nav-link:hover,
#info-nav .nav-link:focus {
    background-color: #009cee;
    color: #fff;
}

#info-nav .nav-link {
    padding: .3rem .5rem;
    font-size: 21px;
    text-transform: uppercase;
}

#primary-menu.menu-schulerlink{
	border-bottom: 1px solid #e3e3e5;	
	
	background-color: transparent !important;
	color: #2F3A48 !important;
	z-index: 1000;
	font-size: 21px;
	text-transform: uppercase;
	margin-right: 269px;
	line-height: 45px;
	height: 45px;
	display: inline-block;
}

a.schulerlink {
	background-color: transparent !important;
	color: #2F3A48 !important;
	z-index: 1000;
	font-size: 21px;
	text-transform: uppercase;
}


.megamenu-li {
    position: static;
}

.dropdown-menu {
    border: none;
    border-radius: 3px;
}

.megamenu {
    position: absolute;
    left: 0;
    right: 0;
    padding: 30px 15px 15px;
    margin: -11px 0;
    border-radius: none;
    background-color: #009cee;
    border-radius: 0;
}

.megamenu .dropdown-item {
    color: #fff;
}

.megamenu .dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: #0583c9;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:focus {
	font-weight: 400 !important;	
}

#info-nav .dropdown-menu h5 {
    padding-bottom: 15px;
    border-bottom: 1px solid #99e0fd;
}

#info-nav .dropdown-item:before {
    display: inline-table;
    padding: 0 5px 0 5px;
    font-family: 'SCicons';
    content: "\f101";
    border: none;
}


#info-nav .input-group {
    padding-left: 20px;
    padding-right: 20px;
}







#info-nav .form-control {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


.error-404 {
	padding: 0;
}

.info-main .row {
    justify-content: space-between;
}

.container-transparent {
    background-color: transparent !important;
}

.card-deck {
    margin: 30px -30px 0 0;
}


.card-deck .card {
    height: 300px;
    width: 204px;
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.14);
    transition: box-shadow 0.3s ease;
    margin-right: 30px;
	float:left;
	border: none;
}

.card-deck .card:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.2),0 7px 12px -5px rgba(115,124,131,.46);
}

.card-deck .card-body {
    overflow-y: hidden;
    padding: 1rem;
}

.card-deck .card-title {
    height: 40px;
    overflow: inherit;
}

.card-deck.card-deck-speziell {
	
}

.card a:focus, .card a:focus-visible {
	border:none !important;
	outline: none;
	text-decoration:none;
	outline: 0;
	box-shadow: none;
}

.a:focus-visible {
	border:none;
	outline: none;
	box-shadow: none;
}


.info-main .grid-text.lastarticles {
	padding-top: 0 !important;
}

.card-body p {
    font-size: 14px;
}

.infoportal .row > div[class*='col-'] {
    display: flex;
    flex:1 0 auto;
}

.card-deck .col-lg-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.card-deck .card-text {
    font-size: 14px;
}


.shortcode-position {
	flex-wrap: auto;
}	

.content-area {
    padding: 0;
    margin-bottom: 60px;
}

.card-img-top {
    height: 150px;
    object-fit: cover;
    width: 100%;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.entry-title {
    font-size: 26px;
    font-weight: 400;
    background-color:#F1F1F6;
    padding:20px;
}

.full-width-title {
    margin-left:0px;
}

.site-main {
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    flex-direction: column;
}

.content-block {
    margin-bottom:30px;
}

.single-row {
    
}

.site-main-category {
}

.entry-thumbnail img {
    width: 100%;
    height: auto;
    padding:15px 0px 15px 15px;
}

.ajax-load-more-wrap {
	
}

.alm-btn-wrap {
	display: inline-block;
	text-align: center;
	padding: 10px 0 25px;
	position: relative;
	width: 100%;
}

.alm-btn-wrap .alm-load-more-btn.done::before, .alm-btn-wrap .alm-load-more-btn::before {
    background: 0 0;
    width: 0;
}

.alm-btn-wrap .alm-load-more-btn {
    font-size: 16px;
    font-weight: 600;
    width: auto;
    height: 42px;
    line-height: 42px;
    background: #009cee;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 0 0 4px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.alm-btn-wrap {
    text-align: center;
}

.alm-btn-wrap .alm-load-more-btn.done {
	background-color: lightgrey;
	cursor: default;
	display:none;
}



/***********************Blocklayout***************/

/*allgemein*/

article.type-page .page-content {
	background-color: transparent;
}

article.type-post .content-block, .page-support-block {
    background-color:#fff;
}

.section.content-block:first-child h1 {
	font-size: 26px;
}

.type-page .entry-subtitle {
	font-weight: 700 !important;
}

.section.content-block {
	padding: 30px;
}

.section.content-block ul  {
    list-style: disc; 
    padding-left:20px;
    font-weight: normal;
    color:#2F3A48;
}

.section.content-block ol {
    padding-left:20px;
    font-weight:normal;
    list-style: decimal;
}

.section.content-block ul li, .section.content-block ol li {
    margin-bottom:10px;
}

.section-column-left li {
    font-size:18px;
}

.section-column-right li {
	font-size:16px;
}

.entry-subtitle {
	font-size: 24px;
    font-weight: 400;
    padding: 10px 40px 30px 0px !important;
	margin-bottom: 0;
}

.section-column-left h1 {
    font-size: 24px !important;
    font-weight: 400;
    padding: 30px 0;
	margin-bottom: 0;
}

.section p, .section h1 {
	color: #2F3A48;
}



.section a {
	color: #009CEE;
	text-decoration: none;
}

.section a:hover {
	color: #A7ADB1;
}

 /* .section a:before {
	display: none;
  	padding: 0 8px 0 0;
 	font: normal normal 700 12px/1 FontAwesome;
  	color:#009CEE;
  	content: "\f061";
}  */

.otw-button {
	background-color: #009CEE !important;
	padding: .375rem .75rem !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	border-radius: .25rem;
	font-style: normal !important;
	
}

.otw-button i {
	margin:0 !important;
}

[class*="foundicon-"]::before {
	display: none;
}

.symbol img {
	width: 20px;
	margin-left: -10px;
	margin-top: -10px;
}


/*linkeSpalte*/

.section-column-left {
	padding: 0;
}

.section-column-left p {
	font-size: 18px;
}


.section-column-left ol, .section-column-left ul {
	list-style-type: unset;
}


.section-column-left img {
    height: auto;
	margin: 15px 0;
	max-width:100%;
}

.section-column-left iframe {
    max-width:100%;
}


.section-column-left a.fasc-button {
    background-color:#009cee !important;
	font-family: 'Open Sans', Arial, sans-serif !important;
	border-radius:3px;
    padding:12px;
    font-weight:700;
	width: 200px;
    text-align: center;
}

.section-column-left a.fasc-button:before {
    color: #fff;
}


/*rechteSpalte*/

@media (max-width:767px) {
	.section-column-right {
		padding:0 !important;
	}
}

.section-column-right {
    padding-left: 60px;
	/* padding-bottom: 60px; */
	font-size: 15px;
	font-weight: 400
}

.section-column-right p {
	font-size: 16px;
}

.section-column-right h1, .section-column-right h2, .section-column-right h3, .section-column-right h4 {
	font-size: 16px;
	font-weight: 700;
	border-bottom: solid 1px lightblue;
	padding-bottom: 10px;
}	

.section-column-right p a {
    padding-top: 5px;
	padding-bottom: 5px;
	background-color: transparent;
	text-decoration: none;
}

.section-column-right a {
}



.section-column-right img {
    height: auto;
	margin: 15px 0;
	max-width:100%;
}

.section-column-right iframe {
    max-width:100%;
}

.section-column-right a.fasc-button {
    background-color:#009cee !important;
    width:100%;
	font-family: 'Open Sans', Arial, sans-serif !important;
	border-radius:3px;
    padding:10px;
    font-weight:700;
	padding-left:20px;
}

.section-column-right a.fasc-button:before {
    color: #fff;
}


/*volle Breite*/

.section-column-full {
	padding: 0 0;
}

.section-column-full p {
	width: 640px !important;
}


/*Support-Seiten*/

.category-head {
	display: inline-flex;
	align-items: center;
	/* margin-left: -30px; */
	padding-bottom: 15px;
}

.image-box {
display: flex;
justify-content: center;
background-color: #009cee;
border-radius: 6px;
width: 60px;
height: 60px;
align-items: center;
}

.category-image {
	width: 60px;
	position: absolute;
}

.category-head .entry-subtitle {
	margin-left: 15px;
}



/*Metadaten-block*/

.about-section {
	background-color: #5C646F;
	color: #fff !important;
}

.about-section .col-md-4 {
	padding: 15px 15px 30px 30px;
}

.about-section .col-md-8 {
	padding: 15px 15px 30px 15px;
}

.about-section .state, .about-section .author, .about-section .post_tags_title {
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #E3E3E5;
	font-weight: 100;
}

.about-section .post_tags_title {
	width: 80%;
}

.about-content {
	font-weight: 700;
	padding-top: 10px;
}

.about-section .post_tags {
	padding-top: 10px;
}

.about-section .post-tag {
	font-weight: 700;
	color: #fff;
}



/***********************News-Content***************/

.news-wrapper {}

.news-content {
    margin: 30px 0;
    display: inline-flex;
}

.news-content-small {}

/********Teaserbox Infoportal****/
.info-main {
    flex-direction: column;
}

.info-main .grid-text {
    padding-top: 30px;
    margin-bottom: -10px;
}

.info-teaser.grid-item {
    margin-right: 0;
}

.info-teaser {
    display: flex;
    position: relative;
    flex-direction: column;
}

.info-teaser-link {
    width: 100%;
    margin: 0;
    padding: 15px;
    background-color: #E3E3E5;
    flex-grow: 1;
    color: #2F3A48;
    font-size: 14px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.info-teaser-link a {}

.info-teaser-link a:hover {
    background-color: #737C83;
}

.search-title {
    padding-right: 30px;
	width: 100%;
	margin-bottom: 0px;
}

.grid-text {
	margin-bottom: -10px;
}


#info-nav .nav-link.active {
    border-bottom: 3px solid #009CEE;
    font-weight: 700;
}

.info-teaser-image {
    width: 100%;
    height: 150px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.symbol {
    position: absolute;
    padding: 15px;
    z-index: 1;
    width: 30px;
    height: 40px;
    background-color: #0583C9;
    top: 0;
    left: 10px;
	color:#fff;
}

.symbol .icon-help-circled::before{
    font-size: 22px !important;
}

.symbol .sc-icon::before {
    font-family: 'SCicons';
    font-size: 20px;
    color: #fff;
    margin-left: -9px;
}

.symbol .fa::before {
    font-family:'FontAwesome';
    color:#fff;
    margin-left:-9px;
}

.card .symbol .fa.fa-users::before{
	margin-left: -10px !important;
}




.title-page {
    font-size: 26px;
    font-weight: 400;
    margin: 15px 0;
}

.infopage-image {
    margin: 30px 0;
    width: 100%;
    height: auto;
    padding-top: 19px;
    padding-right: 15px;
}

.ext-links {
    border-top: 1px solid lightgray;
    padding-top: 15px;
    margin-right: 30px;
}

.ext-links h1,
.ext-links h2,
.ext-links h3,
.ext-links h4,
.ext-links h5 {
    font-weight: 700;
    font-size: 14px;
}

.ext-links ul {
    margin: 15px 0;
}

.ext-links li {
    margin: 10px 0;
}

.next-link {
    font-weight: 400;
    margin: 10px 0;
}

.next-link:before {
    display: inline-table;
    padding: 0 5px 0 5px;
    font-family: 'SCicons';
    content: "\f101";
    border: none;
}

.btn-back {
    margin-left: 15px;
    color: #fff;
    background-color: #009CEE;
}

.btn-back:hover {
    color: #fff;
    background-color: #0583c9;
}


.box-content-full h2 {
    font-size: 21px;
}

.box-content-full h4 {
    font-size: 19px;
    margin: 10px 0;
    font-weight: 400;
    color: #fff;
}



.box-content-full .accordion.small .card-body {
    font-size: 16px !important;
}

/*Modal-Fehlermeldung*/

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    pointer-events: none;
}


.modal-content-error {
    background-color: #E2293F;
}

.modal-header-error {
    color: #fff;
    border: none
}

.modal-title {
    margin-bottom: 3px;
}

.modal-body-error {
    font-size: 14px;
    color: #fff;
}

.modal-footer-error {
    font-size: 14px;
    color: #fff;
    border: none;
    justify-content: flex-end;
}

.btn-error {
    color: #fff;
    background-color: #E2293F;
    border: solid 1px #fff;
}

.btn-error:hover {
    color: #E2293F;
    background-color: #fff;
    border-color: none;
}

.modal-title::before {
    display: inline-table;
    padding: 0 10px 0 5px;
    font-family: 'SCicons';
    content: "\e822";
    border: none;
    font-size: 20px;

}

.model-close-icon::before {
    content: "\e800";
    color: #810b0b;
    font-size: 20px;
}








/* ICONS */
@font-face {
    font-family: 'SCicons';
    src: url('/wp-content/themes/infotheme/font/scicons.eot');
    src: url('/wp-content/themes/infotheme/font/scicons.eot?#iefix') format('embedded-opentype');
    src: url('/wp-content/themes/infotheme/font/scicons.otf') format('opentype'),
        url('/wp-content/themes/infotheme/font/scicons.woff2') format('woff2'),
        url('/wp-content/themes/infotheme/font/scicons.woff') format('woff'),
        url('/wp-content/themes/infotheme/font/scicons.ttf') format('truetype'),
        url('/wp-content/themes/infotheme/font/scicons.svg#svg') format('svg'),
        url('/wp-content/themes/infotheme/font/scicons.otf') format('opentype');
    font-weight: normal;
}


[class^="icon-"]::before,
[class*=" icon-"]::before {
    margin: 0;
}

.sc-icon::before {
    font-family: 'SCicons';
    width: 20px;
}

.symbol .sc-icon.icon-help-circled::before {
	margin-bottom: 2px;
}

.sc-icon-title {
	color: #fff;
	font-size: 30px;
	width: auto !important;
	margin-right: 5px;
}

.sc-icon-dd {
    margin-right: 5px;
    font-size: 19px;
    color: #fff;
    margin-left: 0;
    padding: 0;
    width: 30px;
}

.sc-icon-pills {
    font-size: 24px;
    color: #fff;
}

.btn .user-icon {
    align-self: center;
}

.icon-schulcampus-position {
	width: 30px !important;
}

.icon-graduation-cap-position {
	width: 30px !important;
}

.fa-users.sc-icon-title {
	margin-right: -3px !important;
}

.icon-schulcampus {
    margin-left: -4px;
    padding-right: 4px;
}

.icon-attention-1::before {
    color: #fff;
    font-size: 16px;
}

.icon-userhead::before {
    margin-right: 2px;
}

.icon-users-1 {
	margin-right: 4px !important;
}


.icon-cancel::before {
    padding-left: 5px;
    padding-bottom: 5px;
}



.icon-grip-lines-vertical-solid::before {
    color: #505B64;
}

.icon-up-open {
    padding: 10px 12px;
}

.form-wrapper .icon-help::before {
    margin-left: 25px;
}


.icon-help-circled {
    font-size: 20px;
}

.symbol .icon-users-class::before {
	font-size: 18px !important;
	margin-left: -11px;
}

.icon-users-class.sc-icon-title {
	margin-right: 16px;
}
/*******************************************Standard-Abstände***********************************/


.no-pad {
    padding-right: 0;
    padding-left: 0;
}

.no-border {
    border-radius: 0;
    border: none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.z-low {
    z-index: -1;
}

.z-normal {
    z-index: 1;
}

.z-high {
    z-index: 1000;
}

.nospace {
    margin: 0;
    padding: 0;
}

/*zentrieren*/
.center-m {
    margin: 0 auto;
}

.center-space {
    margin: 30px auto;
}

/*Container oder umschließende Elemenete sollten immer rechts und links 30px haben*/
.space {
    margin-right: 30px;
    margin-left: 30px;
}

.m-0 {
    margin: 0;
}

.m-30 {
    margin: 30px;
}

.mr-0 {
    margin-right: 0;
}

.mr-5 {
    margin-right: 5px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.ml-0 {
    margin-left: 0;
}

.ml-5 {
    margin-left: 5px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-60 {
    margin-bottom: 60px;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

/*vor oder hinter Icons*/
.space-right {
    margin: 0 5px 0 0;
}

.space-left {
    margin: 0 0 0 5px;
}

/*--------------------- Mega Menü --------------------- */

.width-100 {
    width: 100%;
}

.mega-sub-menu li {
	color: #fff !important;
}



.mega-menu {
    display:flex !important;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 15px 20px 30px 20px;
}


#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.2),0 7px 12px -5px rgba(115,124,131,.46);
}

#mega-menu-wrap-infotheme-primary-menu {
    margin: 12px 0 0 0;
    width: 100%;
    background-color: transparent;
    color: #2F3A48;
    border-bottom: 1px solid #e3e3e5;
}

#mega-menu-infotheme-primary-menu {
    margin: 12px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e5;
}

#mega-menu-infotheme-primary-menu .mega-current-menu-ancestor a {
	border-bottom: 2px solid #009cee;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    padding-top: 10px; 
	box-shadow:none;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item {
    margin-bottom: -1px;
    margin-right: 18px;
}

@media only screen and (min-width: 1200px) {
  #mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item {
    margin-bottom: -1px;
    margin-right: 30px;
  }
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 15px 0px 15px;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 10px 0px 10px;
    font-size: 21px;
    color: #2F3A48;
    font-family: 'Open Sans', Arial, sans-serif !important;
    text-transform: uppercase;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform: none;
    font-weight: 700;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item > a.mega-menu-link:focus {
    background-color: #009cee !important;
    color: #fff !important;
	padding-bottom: 10px !important;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item > a.mega-menu-link {
    background-color: transparent !important;
    color: #2F3A48 !important;
	z-index:1000;

}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    display: inline-table;
    padding: 0 0 0 5px;
    font-family: 'SCicons';
    content: "\f107";
    border: none; 
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu:hover {
	background-color:#009cee;
}



#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    background: #0583C9;
    color: #fff;
    border-radius: 3px;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    padding-bottom: 15px;
    border-bottom: 1px solid #99e0fd; 
    font-weight: 700;
    color: #2F3A48;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 1.2rem;
    line-height: 1.2;
    padding-left: 15px;
	padding-top: 14px;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	background-image: linear-gradient(to right, white 300px,#009cee) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}

.mega-menu-link, .mega-sub-menu {
    transition:none !important;
}
.mega-sub-menu {
    margin-top: -3px !important;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link::before {
    display: inline-table;
    padding: 0 5px 0 5px;
    font-family: 'SCicons';
    content: "\f101";
    border: none;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
    background-color: #009cee;
    color: #fff
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-family: 'Open Sans', Arial, sans-serif !important;
    color: #fff;
    font-size: 16px !important;
    width: auto;
    padding: 0.5rem 1.6rem;
    font-size: inherit;
    clear: both;
    font-weight: 400;
    border-radius: 3px;
    white-space: nowrap;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff;
    background-color:#0583C9;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-image: unset !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: unset;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu .mega-menu-item .mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column .mega-sub-menu .mega-menu-item .mega-sub-menu .mega-current-menu-item {
    color: #fff;
	background-color: #0583C9;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-image: unset !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: unset;
	border-radius:3px;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    border-bottom: 3px solid #009CEE;
    font-weight: 700;
    background-color: transparent;
    color:#2F3A48;
}

#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu a.mega-custom-icon.mega-menu-link:before {
	transition:none !important;
	margin-top:-4px !important;
}

/* #menu-location-infotheme-mobile-menu {
    display: none !important;
} */

nav.mmenu-navbar {
    display: none !important;
}

.searchpagination {
    clear:both;
    position:relative;
}
     
.searchpagination span, .searchpagination a {
    float:left;
    margin: 2px 2px 2px 0px;
    padding:10px;
    text-decoration:none;
    color:#fff;
    font-size: 16px;
    font-weight: 600;
    background: #009cee;
    color: #fff;
    border: none;
    border-radius: 4px;
    display: inline-block !important;
    position: relative;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.searchpagination a {
    cursor:pointer;
} 
     
.searchpagination .current{
    background:#54c3ff;
    color:#fff;
}

.pagination-search-cards {
	margin-left:auto !important;
	margin-right:auto !important;
}

.start-schulcampus {
    background-color: #73a230;
}

.start-orga {
    background-color: #499fa8;
}

.start-werk {
    background-color: #408ade;
}

.start-zuletzt {
    background-color: #1e4c7c;
}

.startheading {
    border-radius:5px;
    padding: 14px 0px 6px 8px !important;

}

.startheading h2{
    font-size:14px;
    font-weight:bold;
    text-transform: uppercase;
    color:#fff;
    margin-left:10px;
}

.intro {
    padding: 30px 0px 30px 0px;
}

#show-alm-schulcampus {
    background-color: #73a230;
}

#show-alm-orga {
    background-color: #499fa8;
}

#show-alm-werk {
    background-color: #408ade;
}

.alm-post-zuletzt .alm-load-more-btn{
    background-color: #1e4c7c;
}

.alm-post-schulcampus .alm-load-more-btn{
   background-color: #73a230;
}

.alm-post-orga .alm-load-more-btn{
    background-color: #499fa8;
}

.alm-post-werk .alm-load-more-btn{
    background-color: #408ade;
}

/* Entfernt den margin-top vom ersten Überschrift-Kind */
.section-column-right h1:first-of-type,
.section-column-right h2:first-of-type,
.section-column-right h3:first-of-type,
.section-column-right h4:first-of-type {
    margin-top: 0;
}
/* margin-top für Überschriften in der rechten Section */
.section-column-right h2, .section-column-right h3, .section-column-right h4, .section-column-right h1 {
    margin-top:40px;
}