@charset "utf-8";
/* CSS Document */

body {
    font-size: 1.06rem;
    font-family: 'CustomFont',sans-serif;
}

h1 {font-size: 1.5rem; color: hsla(230,100%,26%,1.00); font-weight: bold !important; padding-top: 0.625rem; padding-bottom: 0.5rem; }
h2 {font-size: 1.5rem; color: hsla(216,56%,45%,1.00); font-weight: bold !important; padding-top: 0.75rem; padding-bottom: 0.5rem;}

h3 {
    color: hsla(230,97%,48%,0.87);
    font-size: 1.2rem;
    font-weight: bold;
	  padding-top: 0.625rem;
	  padding-bottom:0.5rem;
} 
h4 {font-size: 1.3125rem; font-weight: bold; text-decoration-line: underline; padding-top: 0.625rem; padding-bottom: 0.5rem;}

h5 {
    color: hsla(0,0%,0%,1.00);
    font-weight: 500;
	font-size: 1.1875rem;
}
.activities img {
    min-width: 40px
}

.nikolaus img {max-width: 50%; height: auto}

/*h3.header-style {color: hsla(225,98%,23%,1.00);
    font-size: 1.5rem;
    font-weight: bolder !important;
	  padding-top: 1.5rem;
	  padding-bottom:1rem;
    text-shadow: 0px -1px hsla(179,96%,51%,0.48);
} */

h3.header-style {color: hsla(0,11%,98%,1.00);
    font-size: 1.5rem;
    font-weight: bolder !important;
	  padding-top: 1.5rem;
	  padding-bottom:1rem;
    /*text-shadow: 0px -1px hsla(179,96%,51%,0.48);*/
}

.sponsor img {max-width:100px}
.sponsor a { font-size: 1rem}
.sponsor { font-size: 1rem}
.image-parent {max-width: 200px}

.border-width-thick {border-bottom-width: thick}
.summary-course {color: #0A1DE9}

a.summary-course {color:#1B19C0}
a.summary-course:hover {color: #4CA3FF; text-decoration: none}


a.lang-btn {
	color: #FFFFFF
}
a {
    font-size: 1.08rem; 
}

.archive {background-color: antiquewhite}
.archive header {text-align: center}
.archive header  h3 {color: blue}

.cover {
    /*background: url("../img/background-01.png") center center no-repeat; */
    background: url("../img/csm_bg-100x100-02.jpg") center center no-repeat;
    background-size: cover;
    height: 15rem;
    width: 100%;
}

.cover_new {
    /* background: url("../img/background-01.png") center center no-repeat; */
    background: url("../img/csm Panel/1784906071210.jpg") center center no-repeat;
    height: 100%;
    width: 100%;
    /*background-size: cover;
    height: 20rem; 
    width: 100%; */
}
.title-bg {
    width: 100%;
    padding: 1rem 1rem 1rem 1rem;
}
.popover {
    white-space: pre-wrap;
}
#language li a {
    color: #FFFFFF !important
}
#language li {
    list-style-type: none !important
}
.dropdown-menu {
    background-color: rgba(42, 41, 41, 0.8);
}

.dropdown-item {
    color: #fff;
}

.card {
    padding: 1rem;
}


#sidebar,
#main-info {
    margin-top: 2rem
}

/*
.card img {
    width: 200px;
    height: 133px
}
*/

img {width: 100%; height: auto; padding-bottom: 1rem}

.selector-for-some-widget {
    box-sizing: content-box;
}

.color-code-danger {width:0; height: 0; border-left: 25px solid hsl(354.3,70.5%,85%) }
.color-code-success {width:0; height: 0; border-left: 25px solid hsl(133.7,61.4%,85%) }
.color-code-warning {width:0; height: 0; border-left: 25px solid hsl(45,100%,85%) }

ul li .bg-color-code-success {background-color:  solid hsl(133.7,61.4%,85%) }

.color-code li {border: 0}

.table-th-color {color: #004999}

/*#program-table table {border-collapse: collapse;}
#program-table thead tr th {background-color: hsla(211,100%,80%,1.00); border-color: #000000} 
#program-table td span {font-weight: bold;font-size: 1rem; padding-top: 0rem; padding-bottom: 0rem}
#program-table tr td {border-color: #000000; font-size: 1rem; padding-top: 0rem; padding-bottom: 0rem}
#program-table tbody tr td:nth-child(1) {background-color: hsla(211,100%,80%,1.00);}
#program-table th {padding-top: 0rem; padding-bottom: 0rem} */
/*#program-table tr td {padding-top: 0rem; padding-bottom: 0rem} */

/** .badge {font-size: 1em; width: 10em} */
table.table-bordered{
    border:1px solid #000000;
    margin-top:1px;
  }
table.table-bordered > thead > tr > th{
    border:1px solid #000000;
}
table.table-bordered > tbody > tr > td{
    border:1px solid #000000;
}
table.table-bordered > tbody > tr > th{
    border:1px solid #000000;
}


#culture-table table {border-collapse: collapse;}
#culture-table thead tr th {background-color: hsla(211,100%,80%,1.00); border-color: #000000} 
#culture-table td span {font-weight: bold;font-size: 1rem; padding-top: 0rem; padding-bottom: 0rem}
#culture-table tr td {border-color: #000000}
#culture-table tbody tr td:nth-child(1) {background-color: hsla(211,100%,80%,1.00);}
#culture-table th {padding-top: 0rem; padding-bottom: 0rem}
#culture-table tr td {padding-top: 0rem; padding-bottom: 0rem}

.standard-table-format table {border-collapse: collapse;}
.standard-table-format thead tr th {background-color: hsla(211,100%,80%,1.00); border-color: #000000} 
.standard-table-format td span {font-weight: bold;font-size: 1rem; padding-top: 0rem; padding-bottom: 0rem}
.standard-table-format tr td {border-color: #000000}
.standard-table-format tbody tr td:nth-child(1) {background-color: hsla(211,100%,80%,1.00);}
.standard-table-format th {padding-top: 0rem; padding-bottom: 0rem}
.standard-table-format tr td {padding-top: 0rem; padding-bottom: 0rem}


cite {padding-top: 0.5rem; padding-bottom: 0.5em; color: red}

/* .onlineCard h5 {font-weight: bold; color: rgba(239,6,13,1.00)}
.onlineCard ul li span {font-weight: bold}
.onlineCard ul li:first-child {padding-bottom: 1em; }
.onlineCard ul li:not(:first-child) {padding-bottom: 0.5em} */

img .embed-responsive .card-img-top {object-fit: cover}

ul li span:first-of-type {font-weight: bold}

.my-formatted-table table {border-collapse: collapse;}
.my-formatted-table thead tr th {background-color: hsla(211,100%,80%,1.00); border-color: #000000} 
.my-formatted-table td:nth-child(1) {background-color: hsla(211,100%,80%,1.00); border-color: #000000}
.my-formatted-table td {border-color: #000000; background-color: white;}
.csm-fees tr td {background-color: white; padding-top:0.2rem; padding-bottom: 0.2rem}
.csm-fees tr:nth-child(1) td {color:hsla(211,100%,30%,1.00); font-weight: bold }
.csm-fees tr:nth-child(1) th {color:hsla(211,100%,30%,1.00) }
.csm-fees th,
.csm-fees td {padding-top:0.2rem; padding-bottom: 0.2rem}
.csm-impressum ul li {list-style-type: none; background-color: transparent;border: none}

.sportCard span {font-weight: bold}
/* .price {font-weight: bold} */

  ul.bullet-star{
  list-style-image: url('../img/icon/bullet-star-10x10.gif');
  }

  li.bullet-star{
  list-style-image: url('../img/icon/bullet-star-10x10.gif');
  }
	ul.bullet-circle {
  list-style-image: url('../img/icon/bullet-circle-10x10.gif');
	}
	li.bullet-circle {
  list-style-image: url('../img/icon/bullet-circle-10x10.gif');
	}
	ul.bullet-star-circle {
  list-style-image: url('../img/icon/bullet-star-circle-10x10.gif');
	}

.bg-light-blue {background-color: hsla(211,100%,80%,1.00)}

.icon_20px {font-size:30px}

.myIcon{
    width:30px;
    display:block;
    height:30px;
    background:black;
    color:white;
    text-decoration:none;
    padding-left:20px;
}


/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
*/

/* Updated on : 23.01.2023 
  // Bootstrap 4 grid system has five classes:
  // .col- (extra small devices - screen width less than 576px)
  // .col-sm- (small devices - screen width equal to or greater than 576px)
  // .col-md- (medium devices - screen width equal to or greater than 768px)
  // .col-lg- (large devices - screen width equal to or greater than 992px)
  // .col-xl- (xlarge devices - screen width equal to or greater than 1200px)
*/

@media (min-width: 576px) {

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  
}


/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
 
}