/*----- schrift laden -----*/
@font-face {
    font-family: 'Lithos Pro';
    src: url('../fonts/lithos-pro/LithosPro-Regular.woff2') format('woff2'),
        url('../fonts/lithos-pro/LithosPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Renner';
    src: url('../fonts/Renner/Renner-it-Book.woff2') format('woff2'),
        url('../fonts/Renner/Renner-it-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*----- schrift laden -----*/

/*----- animationen -----*/

@keyframes dimmer {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes reSize {
	0% {
		transform: scale(.0) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: scale(1.0) rotate(720deg);
		opacity: 1;
	}
}

@keyframes bg-color {
	from {background-color: #000;}
	to {background-color: #16171a;}
}

@keyframes breadcrumb-move {
	from {margin-left: 12.5%;}
	to {margin-left: .5%;}
}
@keyframes text-shadow-br {
	from {color: #000; text-shadow: 2px 1.5px 2px #ff9c00;}
	to {color: #ccc; text-shadow: 0px 0px 0px transparent;}
}
/*----- animationen -----*/

/*----- body definition -----*/
body {
	margin: 0;
	font-family: 'Renner';
	font-size: 15px;
	line-height: 18px;
	color: #dadada;
	background-color: #16171a;
	transition: all 1s ease-out;
}
/*----- body definition -----*/

/*----- ueberschriften -----*/

h1 {
	font-family: 'Renner';
	font-size: 18px;
	font-weight: normal;
}

h2 {
	font-family: 'Renner';
	font-size: 17px;
}

h3 {
	font-family: 'Renner';
	font-size: 16px;
	font-weight: normal;
	margin-top: 1.5%;
}
/*----- ueberschriften -->

/*----- seiten elemente  architektur -----*/
.container-header {
	background-color: transparent;
	background-image: none;
}

.container-banner {
	width: 98% !important;
	margin-left: .5%;
	margin-bottom: 5px;
}

.container-component {
	color: #434343;
	background-color: transparent;
	margin-left: 2.4%;
	width: 95% !important;
	transition: all 1s ease-out;
}

.item-page {
	background-color: #1f2125;
	color: #c0c0c0;
	padding: 1.5%;
	animation: dimmer 3.5s ease-in-out;
}

.com-content-category-blog {
	color: #c0c0c0;
	background-color: transparent;
	padding-left: 1.4%;
	padding-right: 1.2%;
	padding-top: 0.7%;
	padding-bottom: 1.5%;
	border: none;
	border-color: #fff;
	border-width: 3px;
	animation: dimmer2 5.5s ease-in-out;
}

.com-content-category-blog__item {
	color: #16171a;
	background-color: #d7d7d7;
	border: solid;
	border-color: #fff;
	border-width: 3px;
	padding: 3px !important;
}
.blog-item {
	opacity: 1;
	animation: dimmer 5.5s ease-in-out;
}

.item-content {
	padding-top: 3px;
	padding-left: 4px;
}

.top-a {
	background-color: #16171a;
	flex: 1 0;
	padding-top: 10px;
	margin: 0;
	border: 0;
}

.schreibstube-slide3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.card-body {
	padding:0;
}

/*----- seiten elemente  architektur -----*/

/*----- breadcrumb -----*/
.breadcrumb {
	font-family: 'Renner';
	position: relative;

	width: 100% !important;
	list-style: none;
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 5px;
	float: left;
	padding-top: .5rem !important;
	padding-left: 1rem !important;
	padding-bottom: .5rem !important;
	padding-right: 1rem !important;
	background-color: transparent;
}

.breadcrumb1 {
	font-family: 'Renner';
	position: relative;
	width: 150px !important;
	list-style: none;
	margin-top: 15px;
	margin-left: .5%;
	margin-bottom: 5px;
	float: left;
	padding-top: .5rem !important;
	padding-left: 1rem !important;
	padding-bottom: .5rem !important;
	padding-right: 0 !important;
	background-color: transparent;
}
.breadcrumb-grid1,
.breadcrumb-grid3 {
	grid-column: 1 / 2;
	display: grid;
	width: 143px;
	margin-right: 75px;
}
.breadcrumb-grid2 {
	grid-column: 2 / 6;
	display: grid;
	width: 100%;
	margin-left: -145px;
}

.breadcrumb-item {

	color: #ccc !important;
	font-size: 18px;
	font-weight: normal;
	opacity: 1;
}

.breadcrumb-item.active {
	color: #c0c0c0;
	opacity: 0.5;
}

.breadcrumb-item::before {
	color: #ccc !important;
	animation: none;
}

.icon-location {
	content:url(http://thre.org/images/thre/website-elemente/pixel.png);
	width: 0px;
}
/*----- breadcrumb -----*/

/*----- paragraph -----*/

.kontakt {
	font-size: 10px;
	padding-left: 10px;
}

/*----- paragraph -----*/

/*----- images -----*/

.img-left {
	float: left;
	padding-right: 7px;
}

.img-right {
	float: right;
	padding-left: 7px;
}

.img-icon {
	margin-top: -3px;
}

.icon-fw {
	width: 25px;
}
.icon-arrow-up::before {
	content: url(/images/thre/website-elemente/pfeil2_klein_weiss.svg);
}

/*----- images -----*/

/*----- sig gallery images -----*/

.sigFreeThumb {
	object-fit: cover;
	padding: 5px !important;
}

.sigFreeImg {
}

/*----- sig gallery images -----*/

/*----- hyperlinks -----*/

a {
	color: #16171a;
	text-decoration: none;
	text-shadow: 2px 0.5px 1px #dadada;
}
a:hover,
a:focus {
	color: #16171a;
	text-decoration: none;
	opacity: 1;
}

a:not([class]) {
	text-decoration: none;
}

.pathway {
	font-family: 'Renner';
	color: #ccc;
	font-size: 18px;
	font-weight: normal !important;
	text-shadow: 0px 0.0px 0px transparent;
	opacity: 1;
	text-decoration: none;
}
.pathway:hover,
.pathway:focus {
	color: #ccc;
}

.pathway_ThRe {
	font-family: 'Renner';
	color: #ccc;
	font-size: 18px;
	font-weight: normal !important;
	text-shadow: 0px 0.0px 0px transparent;
	opacity: 1;
	text-decoration: none;
}
.pathway_ThRe:hover,
.pathway_ThRe:focus {
	color: #ccc;
}

.mod-articles-category-title {
	text-decoration: none;
}
.back-to-top-link {
	border-color: #dadada;
	background-color: transparent;
}
.back-to-top-link:focus,
.back-to-top-link:hover {
	border-color: transparent;
	background-color: transparent;
}

/*----- hyperlinks -----*/


/*----- carousel -----*/
.carousel {
	background-color: #16171a;
	padding-top: 10px;
	border-top: solid 1px #dadada;
	opacity: 50%;
	transition: all 1s ease-out;
}
.carousel:hover {
	opacity: 100%;
}

.carousel-inner {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
}

.carousel-indicators {
	padding-top: 1rem;
	margin-bottom: 0;
}

.carousel-control-prev {
}

/*----- carousel -----*/


/*----- iframe -----*/
iframe {
	box-shadow: 0.5px 0.2px 5px 0.3px #dedede;
	border-style: solid;
	border-width: 5px;
	border-color: #000000;
	border-radius: 7px;
}

.module-right {
	float: right;
	padding-left: 7px;
}

/*----- iframe -----*/

/*----- bildschirmgroessen -----*/

@media (max-width: 480px) {
	.container-component {
		width: 95% !important;
		margin-left: 0;
	}
	.breadcrumb {
		width: 95% !important;
		position: relative;
		margin-left: 1%;
		float: none;
		left: 0;
	}
	iframe {
		width: 99%;
	}
	.module-right {
		float: none;
		padding-left: 0px;
	}
}