/* own styles */

body {
		background-color: hsl( 18, 93%, 97% );
		margin-top:1em;
		word-wrap:break-word;
}

h1,h2,h3,h4,h5 {
	font-weight: bold;
}

.link { color: hsl( 18, 93%, 47% ); text-decoration:none; }
.link:link { text-decoration:none; }
.link:visited { text-decoration:none; } 
.link:hover { color:hsl( 18, 93%, 94% ); background-color:hsl( 18, 93%, 47% ); }
.link:active { color:hsl( 18, 93%, 94% ); background-color:hsl( 18, 93%, 47% ); }

.int-link { }
.ext-link:after { 
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	font-weight: 900;
	margin-left: 0.5em;
} 

.mail-link:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	font-weight: 900;
	margin-left: 0.5em;
} 

}
.container {
	background-color: hsl( 18, 93%, 94% );
}

.header {
	border: 1px solid hsl( 18, 93%, 29% );
	border-bottom: 0px;	
}

.head {
	min-height: 150px;
}

.thead {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
}

.foot {
	margin: 20px 0;
}

.jobheadline {
	}
.jobdetail {
	border: 1px dotted hsl( 18, 93%, 29% );
	border-width: 0px 0px 1px 0px 
}

#logo {
	background: url("/lib/images/Rotary_Studienabbr_was_dann_Internetbanner_1170x150px_12_19_X4_neutral.png") center/100% no-repeat;
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 400px) {
    #logo { 
        background: url("/lib/images/Rotary_LOGO_Studienabbruch_Was_dann_268x150px_11_19.png") center no-repeat;
		text-align: center;
	}
}

.tr-0 {
	background-color: hsl( 18, 93%, 94% );
}

.tr-1 {
	background-color: hsl( 18, 93%, 90% );
}

.btn-wb {
	color: black;
	background-color: hsl( 18, 93%, 72% );
	border-color: black;
}

.image-caption,
.image-caption-left {
	margin: 7 0 7 14;
	color: #767676;
	float: right;
	max-width: 100%;
	display:block;
	padding: 10px;
}

.image-caption-left {
	float: left;
}


.image-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: boder-box;
	box-sizing: boder-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 9px;
}

#slider {
	border: 1px solid hsl( 18, 93%, 29% );
	border-top: 0px;
	border-bottom: 0px;
}
.navbar {
	background-color: hsl( 18, 93%, 94% );
	color: black;	
	border: 1px solid hsl( 18, 93%, 29% );
	border-top: 0px;
}

.nav-item {
	font-size: 1.5em;
}

/* .nav-link {
	color: hsl( 18, 93%, 47% ) !important;	
}

.active > .nav-link {
	color: hsl( 18, 93%, 23% ) !important;	
}

*/
.card-header {
	border: 1px solid hsl( 18, 93%, 29% );
	background-color: hsl( 18, 93%, 72% );
	padding-top: 4px;
	padding-bottom: 4px;
}

div.card-header button.btn-link {
	font-weight: bold;
	font-size: 20px;
	color: black;
	text-color: black;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

.card {
	border: 1px solid hsl( 18, 93%, 29% );
	background-color: hsl( 18, 93%, 94% );
}

[data-toggle="collapse"] i:before{
    content: "\f078";
}

[data-toggle="collapse"].collapsed i:before{
    content: "\f054";
}

aside {
	font-size: 0.9em;
	position: relative;
	display: block;
	margin:1em 0;
	border:2px solid hsl( 18, 93%, 47%);
	background-color:hsl( 18, 93%, 97% );
	border-radius: 4px;
	padding:2em; 

}

.img-filter {
  background-color: hsla( 18, 93%, 94%, .2);
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  padding: 0px;
  color: rgb(0,0,0);
  text-align: left;
  text-shadow: 0.1em 0.1em 0.2em hsl( 18, 93%, 47% );
}

.carousel-inner > .carousel-item,
.carousel-inner {
  /*  height: 300px !important; */
  background-color: white; 
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}


ol.carousel-indicators li,
ol.carousel-indicators li.active {
  float: left;
  height: 20px;
  width: 20px;
  border-radius: 10;
  border: 1px solid hsl( 18, 93%, 23% );
  background: hsl( 18, 93%, 94% );
}

ol.carousel-indicators li.active {
  background: hsl( 18, 93%, 70% );
  border: 1px solid hsl( 18, 93%, 47% );
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  background-size: 100%, 100%;
  /* border-radius: 50%;
  border: 1px solid black; */
  background-image: none;
}

.carousel-control
{
  font-size: 55px;
  color: hsl( 18, 93%, 94% );
  background-color: hsl( 18, 93%, 47% );
}

.carousel-caption {
  background-color: hsla( 18, 93%, 47%, .5);
  position: absolute;
  left: 10px;
  right: auto;
  top: 10px;
  bottom: auto;
  z-index: 10;
  padding: 10px 25px 10px 25px;
  color: rgb(0,0,0);
  text-align: left;
  text-shadow: 0.1em 0.1em 0.2em hsl( 18, 93%, 47% );
}

.carouselInstead {
  /*height: 300px !important;*/
  background-color: white;
}

.seite {
	margin-top: 2em;
}

.text-box-bg-white {
	background-color: #ffffff;
	opacity: 0.8;
	color: #000000;
	padding: 10px;
}

.text-box-bg-black {
	background-color: #000000;
	opacity: 0.8;
	margin-left:150;
	color: #ffffff;
	padding: 10px;
}

.shadow {
	box-shadow: 10px 10px 20px black;
	-moz-box-shadow: 10px 10px 20px black;
	-webkit-box-shadow: 10px 10px 20px black;
}

.tagcloud {
	
}
@media only screen and (max-width: 800px) {
    .tagcloud { 
        display: none;  
    }
}

#htmltagcloud{
	font-size: 100%;
	width: auto;		/* auto or fixed width, e.g. 500px   */
	margin:1em 0;
	border: 1px solid hsl( 18, 93%, 29% );
	background-color:hsl( 18, 93%, 97% );
	border-radius: 4px;
	padding:2em; 
}
#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}
#htmltagcloud .tag:link{text-decoration:none}
#htmltagcloud .tag:visited{text-decoration:none}
#htmltagcloud .tag:hover{color:hsl( 18, 93%, 94% );background-color:hsl( 18, 93%, 47% ); }
#htmltagcloud .tag:active{color:hsl( 18, 93%, 94% );background-color:hsl( 18, 93%, 47% ); }
.tags {padding:0;position:relative}
.tags a{text-decoration:none}
.tagcloud0{font-size:1.0em;color:hsl( 18, 93%, 67% );z-index:10}
.tagcloud1{font-size:1.2em;color:hsl( 18, 93%, 62% );z-index:9}
.tagcloud2{font-size:1.4em;color:hsl( 18, 93%, 57% );z-index:8}
.tagcloud3{font-size:1.6em;color:hsl( 18, 93%, 52% );z-index:7}
.tagcloud4{font-size:1.8em;color:hsl( 18, 93%, 47% );z-index:6}
.tagcloud5{font-size:2.0em;color:hsl( 18, 93%, 42% );z-index:5}
.tagcloud6{font-size:2.2em;color:hsl( 18, 93%, 38% );z-index:4}
.tagcloud7{font-size:2.4em;color:hsl( 18, 93%, 34% );z-index:3}
.tagcloud8{font-size:2.6em;color:hsl( 18, 93%, 30% );z-index:2}
.tagcloud9{font-size:2.8em;color:hsl( 18, 93%, 26% );z-index:1}
.tagcloud10{font-size:3.0em;color:hsl( 18, 93%, 22% );z-index:0}
.freq{font-size:10pt !important;color:#bbb}