body > div.slider { display:none; }

.btn {
	text-wrap: auto !important;
}


/** show **/
ol.anchornav {
	list-style:none;
	padding-left:0;
}
ol.anchornav > li {
	display: inline-block;
}
ol.anchornav > li:first-of-type {
	padding-left:0;
}

.teaser-darkblue {
	background-color:var(--thws-blue);
	color:#ffffff;
	padding: 24px 30px;
	margin-top:20px;
}


@media (min-width: 360px) {
	.teaser-twin {
		background-image: url("/fileadmin/template2016/images/icons/sgdb/twin.png");
		background-repeat: no-repeat;
		background-position: top 18px right 30px;
		background-size: auto 40px;
	}

	.teaser-twin > img {
		display:none;
	}
}

.teaser-twin-button {
	padding:0;
}

.teaser-darkblue.teaser-twin-button {
	background:none !important;
}

.teaser-darkblue.teaser-twin-button .btn {
	background:var(--thws-blue) !important;
	border-color:var(--thws-blue) !important;
}

.teaser-darkblue.teaser-twin-button .btn:hover {
	/*border-color:var(--thws-primary) !important;*/
}

.teaser-darkblue *:first-child { margin-top:0; }
.teaser-darkblue *:last-child { margin-bottom:2px; }

.teaser-darkblue h3 { color:var(--thws-primary); }
.teaser-darkblue h4 { color:#ffffff; }

.teaser-darkblue p {
	margin-bottom:25px;
}

.teaser-darkblue h3 + p {
	margin-top:25px;
}

.teaser-darkblue ul {
	list-style: none;
	padding-left: 0;
	margin-bottom:25px;
}

.teaser-darkblue ul li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}

.teaser-darkblue ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff6a00'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 48c110.5 0 200 89.5 200 200 0 110.5-89.5 200-200 200-110.5 0-200-89.5-200-200 0-110.5 89.5-200 200-200m140.2 130.3l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L215.3 303.7l-59.8-60.3c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3 .1-17z'/%3E%3C/svg%3E");
}


.teaser-darkblue .btn-primary,
.btn-primary.btn-outline {
	background:none !important;
	/*
	color:var(--thws-primary);
	font-weight:bold;
	padding:10px 14px;
	*/
	text-decoration: none;
}

.teaser-darkblue .btn-primary:hover,
.btn-primary.btn-outline:hover {
	background:var(--thws-blue-3) !important;
	border-color:var(--thws-blue-3) !important;
	color:#fff;
	text-decoration: none;
}

.sgdb-3g img {
	max-width:80%;
	padding:15px;
	margin-left: auto;
	margin-right: auto;
}

/*
@media (min-width: 767.98px) {
	.sgdb-3g-img1 {
		margin-left: unset;
		margin-right: unset;
	}
	.sgdb-3g-img3 {
		margin-left: auto;
		margin-right: unset;
	}
}
*/

.sgdb-footer-or {
	display:grid;
	column-gap: 15px;
	grid-template-columns: 1fr 4fr;
	background-color:var(--thws-text);
	color:#ffffff;
	padding:10px 20px 20px 20px;
	margin-top:30px;
	margin-bottom:30px;
}

.sgdb-footer-or > .col1 {
	align-self: center;
}

.sgdb-footer-or > .col2 {
	align-self: center;

	display:grid;
	column-gap: 10px;
	grid-template-columns: 1fr 1fr;
}

.sgdb-footer-or > .col2 > .col1 {
	align-self: end;
}

.sgdb-footer-or > .col2 > .col2 {
	align-self: end;
	justify-self: center;
	padding-bottom:10px;
}

.sgdb-footer-or h3 {
	color: #ee750d;
}


/** list **/
.sgdb-list-item {
	margin-bottom:50px;
}

.sgdb-list-item h3 {
	hyphens: auto;
}

.sgdb-list-item .d-flex {
	display:grid;
	grid-template-rows: max-content auto min-content;
}

.sgdb-list-item img {
	border-bottom:3px solid var(--thws-primary) /*#EF7D05*/;
}

.sgdb-list-item .tag {
	display:inline-block;
	padding-right:15px;
	/*text-decoration: underline;*/
}

.sgdb-list-item a {
	margin-top:20px;
}

.sgdb-list-top {
	background-color: var(--thws-secondary);
	margin-bottom:50px;
}

.sgdb-list-top.bgcolor-orange-inner {
	background-color: var(--thws-primary) /*#ed6e00*/;
}

.sgdb-list-top > .sgdb-list-item {
	margin-top:20px;
	margin-bottom:30px;
}

.sgdb-filters > form > button {
	color:var(--thws-primary) /*#EF7D05*/;
	background-color:transparent;
	border: none;
	text-align: left;
	text-decoration: underline;
	display: inline-block;
	padding: 5px 0;
}

.sgdb-filters > form > button:hover {
	background-color: var(--thws-primary-dark);
	color: white !important;
}

.sgdb-filters .sgdb-filter-group > div > button {
	color:#000;
	background-color:transparent;
	border: none;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	padding: 5px 0;
	position: relative;
}

.sgdb-filters .sgdb-filter-group > div > button:hover {
	color:var(--thws-primary) /*#EF7D05*/;
}

.sgdb-filters .sgdb-filter-group > div > button > .glyphicon {
	display: inline-block;
	position: absolute;
	top: 8px;
}

.sgdb-filters .sgdb-filter-group > div > button > .glyphicon {
	display: inline-block;
	position: absolute;
	top: 7px;
}

.sgdb-filters .sgdb-filter-group > div > button > .text {
	display: inline-block;
	margin-left: 20px;
}

.sgdb-filters .sgdb-filter-group > div > button > .glyphicon-check {
	display:none;
}

.sgdb-filters .sgdb-filter-group > div > button.active > .glyphicon-check {
	display:inline-block;
}
.sgdb-filters .sgdb-filter-group > div > button.active > .glyphicon-unchecked {
	display:none;
}

.sgdb-filters .sgdb-filter-group-sub {
	margin-left:10px;
}

/*
.sgdb-filters .sgdb-filter-group > div > button:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/%3E%3C/svg%3E");
	display:inline-block;
	width: 22px;
  	height: 22px;
}

.sgdb-filters .sgdb-filter-group > div > button.active:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80zM0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
	display:inline-block;
	width: 22px;
  	height: 22px;
}
*/

/*
.sgdb-filters .sgdb-filter-group > div {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z'/%3E%3C/svg%3E");
}

.sgdb-filters .sgdb-filter-group > div {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80zM0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
}
*/

.accordion-grey {
	margin-top:3rem;
}

.accordion-grey > .accordion > section > div {
	padding-bottom:0;
}
.accordion-grey > .accordion > section > h3:last-of-type,
.accordion-grey > .accordion > section > div > p:last-of-type {
	margin-bottom:0;
}

section.sgdb-cwrap {
	/*border:1px solid red;*/
	margin-bottom:3rem;
}

section.sgdb-cwrap > *:first-child,
section.sgdb-cwrap > a[id^="c"] + *:nth-child(2) {
	margin-top:0;
}
section.sgdb-cwrap > *:last-child {
	margin-bottom:0;
}

.sgdb-teaser h3 {
	margin-top:0.5rem;
	margin-bottom:2rem;
}

.sgdb-teaser.bgcolor-orange-inner.h3-black h3 {
	color:#000 !important;
}

.sgdb-teaser .teaser-link-c {
	margin-top:2rem;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/***** TEST *******/

.sgdb-list > .sgdb-list-item {
	margin-bottom:20px;
	padding-top:15px;
	padding-bottom:15px;
}

.sgdb-list > .sgdb-list-item:hover {
	background-color:var(--thws-secondary);
}

.col-sm-9 > div:nth-last-of-type(2) {
	margin-bottom:35px;
}

.sgdb-list-item h3 {
	padding-bottom:7px;
}
.sgdb-list-item .tag {
	display:inline-block;
	background-color:var(--thws-secondary);
	display: inline-block;
	background-color: var(--thws-secondary);
	padding: 3px 6px;
	margin-right: 5px;
	margin-bottom: 8px;
}

.sgdb-list-top > .sgdb-list-item .tag {
	background-color: #fff;
}

.sgdb-list > .sgdb-list-item:hover .tag {
	background-color: #fff;
}

/*
.sgdb-list > .sgdb-list-item {
    transition: transform 0.25s ease-in-out,
                box-shadow 0.3s ease-in-out;
}
.sgdb-list > .sgdb-list-item:hover {
    transform: scale(1.025);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
*/
/** Buttons **/

.btn {
	border-radius: 8px;
	border-width: 2px;
}

.btn-primary {
  	border-color: var(--thws-primary);
}

.btn-default {
  	border-color: var(--thws-primary);
}

.btn-primary:hover,
.btn-default:hover {
	color: #000;
	border-color: #000;
}

.btn-primary:hover {
	background-color: var(--thws-primary);
}

.btn-default:hover {
	background-color: #fff;
}

.sgdb-teaser.bgcolor-orange-inner .btn {
	color:#fff;
	border-color: var(--thws-blue);
	background-color: var(--thws-blue);
}

.sgdb-teaser.bgcolor-orange-inner .btn:hover {
	color:#fff !important;
	border-color: var(--thws-blue-3);
	background-color: var(--thws-blue-3);
}

.sgdb-teaser.bgcolor-grey-inner .btn {
	color:#fff;
	border-color: var(--thws-blue-3);
	background-color: var(--thws-blue-3);
}

.sgdb-teaser.bgcolor-grey-inner .btn:hover {
	border-color: var(--thws-blue);
	background-color: var(--thws-blue);
}


.sgdb-filters > form > .input-group > input.form-control {
	/*min-height: 34px;*/
}

.sgdb-filters > form > .input-group > .input-group-btn > .btn {
	border-color:rgb(204, 204, 204);
	/*border-left-color: transparent;*/
	border-width: 1px;
}

@media (max-width: 767.98px) {
	.sgdb-filters > form > h3,
	.sgdb-filters > form > button[type="reset"] {
	}

	.sgdb-filters > form > .sgdb-filters-list {
		display:none;
	}

	.sgdb-filters > form > .sgdb-filters-mobile {
		display:block !important;
	}

	.sgdb-filters > form > .sgdb-filters-mobile > button > svg {
		fill:#fff;
	}

	h1 {
		margin-top:3rem;
	}
}

/*
figure.img-blurb {
	position:relative;
}

figure.img-blurb figcaption {
	position: absolute;
	background-color: var(--thws-primary);
	color: white;
	font-size: 26px;
	bottom: 0;
	right: 20px;
	border-radius: 20px;
	padding: 10px 20px;
	transform: translateY(40%);
}
*/


figure.img-blurb {
	display: flex;
	flex-direction: column;
}

figure.img-blurb-10,
figure.img-blurb-11,
figure.img-blurb-12 {
	flex-direction: column-reverse;
}


figure.img-blurb > .img-wrapper {
	position: relative;
	width: 100%;
}

figure.img-blurb > img {
	display: block;
	width: 100%;
	height: auto;
}


figure.img-blurb-10 > figcaption,
figure.img-blurb-11 > figcaption,
figure.img-blurb-12 > figcaption {
	transform: translateY(40%);
	margin-top:-30px;
}

figure.img-blurb-20 > figcaption,
figure.img-blurb-21 > figcaption,
figure.img-blurb-22 > figcaption {
	transform: translateY(-60%);
	margin-bottom:-30px;
}


figure.img-blurb-10 > figcaption,
figure.img-blurb-20 > figcaption {
	text-align: left;
}

figure.img-blurb-11 > figcaption,
figure.img-blurb-21 > figcaption {
	text-align: center;
}

figure.img-blurb-12 > figcaption,
figure.img-blurb-22 > figcaption {
	text-align: right;
}

figure.img-blurb > figcaption > span {
	display: inline-block;
	background-color: var(--thws-primary);
	color: white;
	font-size: 26px;
	border-radius: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	margin:0 20px;
	text-align: left;
	font-family: 'GTPlanar-Medium';
}