/*----- schrift laden -----*/

@font-face {
    font-family: 'Activist';
    src: url('../fonts/Activist/Activist.woff2') format('woff2'),
        url('../fonts/Activist/Activist.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biko';
    src: url('../fonts/Biko/Biko_Regular.woff2') format('woff2'),
        url('../fonts/Biko/Biko_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 -----*/

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

/*----- body definition -----*/
body {
	margin: 0;
	font-family: 'Biko';
	font-size: 14px;
	line-height: 18px;
	color: #dadada;
	background-color: #000;
	transition: all .5s;
}
/*----- body definition -----*/

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

h1 {
	font-family: 'Biko';
	font-size: 1.3em;
	font-weight: normal;
}

h2 {
	font-family: 'Biko';
	font-size: 1.2em;
}

h3 {
	font-family: 'Biko';
	font-size: 1.1em;
	font-weight: normal;
}

.h4-grid {
	font-family: 'Biko';
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 0.3em;
}
.h4-grid-newest,
.h4-grid-rtisterei,
.h4-grid-werbung {
	font-size: 0rem;
	margin: 0 0 0.2rem 0;
}
.h4-grid-newest::before {
	content: "th.newest";
	font-family: 'Activist';
	font-size: 1.2rem;
	font-weight: normal;
}
.h4-grid-rtisterei::before {
	content: "Rtisterei";
	font-family: 'Activist';
	font-size: 1.2rem;
	font-weight: normal;
}

.h4-grid-werbung::before {
	content: "Webworks";
	font-family: 'Activist';
	font-size: 1.2rem;
	font-weight: normal;
}

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

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


body:not(.has-sidebar-right-top) .site-grid .container-component {
	grid-column-end: main-end;
}
body:has(.sidebar-right-top) .site-grid .container-component {
	grid-column-end: comp-end;
}
body:not(.has-sidebar-left) .site-grid .container-component {
	grid-column-start: comp-start;
}
body:not(.has-sidebar-left) .site-grid .container-schreibstube {
	grid-row-start: rtisterei-end;
}
body:not(.has-sidebar-left) .site-grid .container-threlevision {
	grid-row-start: rtisterei-end;
}
body:not(.has-threlevision) .site-grid .container-sidebar-left-top {
	grid-row-start: schreibstube-end;
}

.site {
	padding: 2em;
	transition: all .5s;
	width: 100%;
}

.site-grid {
	display: grid;
	grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(17.5%,auto))
		[main-end] minmax(0,1fr) [full-end] !important;
	grid-template-areas: 
		". thre  thre  side-r-t ."
		". rtisterei  comp  side-r-t ."
		". side-l  comp  side-r-t ."
		". schreibstube  comp  side-r-t ."
		". threlevision  comp  side-r-t ."
		". side-l-t  comp  side-r-b ."
		". side-l-b  comp  side-r-b ."
		". bot-a  bot-b  bot-c .";
	grid-gap: 0.8em 0.8em !important;
	width: 90%;
	margin-left: 0;
	background-color: transparent;
	transition: all .5s;
}

.container-thre {
	grid-area: thre;
	display: flex;
}
.thre {
	padding: 0.8em 0 0 0.8em;
	width: 100%;
}

.container-rtisterei {
	grid-area: rtisterei;
	display: flex;
	flex-direction: column;
}
.rtisterei {
	margin: 0em;
	padding: 0.8em 0.8em 0 1.6em;
}

.container-schreibstube {
	grid-area: schreibstube;
	display: flex;
	flex-direction: column;
}
.schreibstube {
	margin: 0em;
	padding: 0 0.8em 0 1.6em;
	flex-grow: 1;
}

.container-threlevision {
	grid-area: threlevision;
	display: flex;
	flex-direction: column;
}
.threlevision {
	margin: 0em;
	padding: 0 0.8em 0 1.6em;
}

.container-component {
	grid-area: comp;
	padding: 0 0.5% 0 0.5%;
	width: 75vw !important;
}
.container-component > * + * {
}

.container-top-a {
	grid-area: top-a;
	overflow: hidden;
	max-height: 13.2rem;
	padding: 0 5% 0 5%;
	width: 1200px;
}
.top-a {
	padding: 0.8em 0;
}

.container-top-b {
	grid-area: top-b;
	overflow: hidden;
	max-height: 12.5rem;
	padding: 0 2.5% 0 10%;
}
.top-b {
	padding: 0;
	margin: 0;
}

.container-top-c {
	grid-area: top-c;
	max-height: 12.5rem;
	overflow: hidden;
	padding: 0 10% 0 2.5%;
}
.top-c {
	padding: 0.8em 0;
	margin: 0;
}

.container-sidebar-left {
	grid-area: side-l;
	display: flex;
	flex-direction: column;
	column-gap: 0 !important;
}
.sidebar-left {
	padding: 0 0 0 0.8em;
	margin: 0 !important;
}
.container-sidebar-left-top {
	grid-area: side-l-t;
	display: flex;
	flex-direction: column;
}
.sidebar-left-top {
	padding: 0 0.8em 0 0.8em;
}

.container-sidebar-right {
	grid-area: side-r;
	display: flex;
	flex-direction: column;
}
.sidebar-right {
	padding: 0 0.8em 0 1.6em;
	margin-top: 0 !important;
}

.container-sidebar-right-top {
	grid-area: side-r-t;
	display: flex;
	flex-direction: column;
	width: 15rem !important;
}
.sidebar-right-top {
	margin-top: 0;
	padding: 0;
}

.container-bottom-b {
	grid-area: bot-b;
	display: flex;
	flex-direction: column;
}
.bottom-b {
	padding: 0;
	margin: 0;
}

/*----- ThRe NewsModul -----*/

.mod-articlesnews__item {
	padding: 0.25rem 0;
}
.newsflash-title {
	display: none;
	font-family: 'Biko';
	font-weight: normal !important;
	margin-bottom: 0.15em;
}
.newsflash-title-145 {
	display: block;
	font-size: 1em !important;
}
.newsflash-title-194 {
	display: block;
	font-size: 1.1em !important;
}
.newsflash-title-215 {
	display: block;
	font-size: 1em !important;
}
.newsflash-title-215::before {
	content: "Vorschau:";
	line-height: 0.3em;
	font-size: 0.7em !important;
	padding-bottom: 0.5em;
	background-color: #292a30;
}
.newsflash-title-217 {
	display: block;
	font-size: 1em !important;
}
.newsflash-title-217::before {
	content: "Werbung:";
	line-height: 0.3em;
	font-size: 0.7em !important;
	padding-bottom: 0.5em;
	background-color: #560606;
}
.newsflash-title-cat9 {
	display: block;
	font-size: 1.3em;
}
.newsflash-image {
	margin: 0 !important;
}
.news-img {
	object-fit: cover;
	width: 100rem;
	height: 10em;
}
.news-img-215 {
	object-fit: cover;
	width: 100%;
	height: 7.5em;
}
.news-img-298, .news-img-300 {
	object-fit: cover;
	width: 100rem;
	height: 12.5rem;
}

.newsflash-figcaption {
	color: #dadada;
}
.newsflash-figcaption-215,
.newsflash-figcaption-303 {
	display: none;
	line-height: 0.1em;
}

/*----- ThRe NewsModul -----*/


/*----- Schreibstube NewsModul und Category Blog -----*/

	/*----- category blog -----*/

	.blog-items-Schreibstube {
		padding: 0 4rem 0 1rem;
	}

	.blog-item-9 {
		-overflow: hidden;
		-max-height: 10.2rem;
		padding: 0 0 2em 0 !important;
	}
	.item-content-9 {
		overflow: hidden;
		max-height: 10.2rem;
		padding: 0 1em 0 0;
		background-color: transparent;
	}

	/*----- category blog -----*/

	/*----- NewsModul -----*/

	.articlenews_item-308 {
		font-size: 0.9em;
		height: 6em;
		overflow: hidden;
		margin: 0 0 2em 0;
	}

	.news-img-cat9 {
	}
	.newsflash-title-cat9 {
		display: block;
		font-size: 1.3em;
	}

	/*----- NewsModul -----*/

/*----- Schreibstube NewsModul und Category Blog -----*/


/*----- Navigation / Menu -----*/

.navbar {
	line-height: 18px;
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-toggler {
	color: #dadada;
	font-size: 28px;
	border: none;
	padding: 0;
	box-shadow: none !important;
}

.nav-item {
	line-height: 18px;
}

.metismenu-item {
	line-height: 24px !important;
	padding: 0 !important;
}

.main-menu {
	font-size: 18px;
	padding-left: 0.8em;
}
.main-menu:hover {
	text-decoration: none !important;
}

ul.mod-menu {
	width: 100%;
	padding: 0;
}

.mod-list {
}
.mod-list li {
	padding: 0;
}
.mod-list li a {
	color: #838383;
	width: 100%;
	margin-left: 0 !important;
	padding-bottom: 0.1em !important;
}
.mod-list li a:hover {
	text-decoration: none;
}
.mod-list li.active > a {
}
.mod-list li.current > a {
	color: #dadada;
	width: 100%;
	padding-right: 0;
	padding-left: 1em !important;
	background-color: #000000;
}
.mod-list li.parent.current > a {
	color: #000;
}

.menu-schreibstube,
.menu-threlevision {
	font-family: 'Activist';
	font-size: 1.3em;
	color: #dadada !important;
	padding-left: 0.8rem;
}

.rt-menu-br {
	margin-top: 1.3em;
}

.img-menu {
	display: none;
}

.collapse-cat-list .mod-list {
	color: #838383;
	width: 100%;
	margin-left: 0 !important;
	padding: 0 0 0.1em 0.8em !important;
}
.li-collapse-cat-list {
}
.li-collapse-cat-list a {
	color: #dadada;
}
.li-collapse-cat-list a:hover {
	color: #dadada;
	text-shadow: 0px 0px 0px transparent;
}

/*----- Navigation / Menu -----*/


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

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

.klein {
	font-size: 11px;
}

.bildueberschrift {
	margin: 0em;
}
.bildunterschrift {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
	margin-top: -32px;
}

.copyright {
	text-align: right;
	margin-bottom: 0.6em;
}

.scheitern {
	font-size: 0.7rem;
}

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


/*----- breadcrumb -----*/

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


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

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

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

.h1-thre {
	font-family: 'Activist';
	font-size: 2.3em;
	color: #dadada;
}
.h1-thre:hover,
.h1-thre:focus {
	color: #dadada;
	text-shadow: none;
}

.h1-rtisterei {
	font-family: 'Activist';
	font-size: 1.8em;
	color: #dadada;
}
.h1-rtisterei:hover,
.h1-rtisterei:focus {
	color: #dadada;
	text-shadow: none;
}

.a-newest {
	color: #dadada;
}
.a-newest:hover {
	color: #dadada;
	text-decoration: none;
	text-shadow: none !important;
}

.back-to-top-link {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	border-color: transparent;
	background-color: transparent;
}
.back-to-top-link:focus,
.back-to-top-link:hover {
	border-color: transparent;
	background-color: transparent;
}

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


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

figcaption {
	color: #ccc;
}

.ddd {
	object-fit: cover;
	width: 17%;
	height: 7.5em;
}

.img-full {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: auto;
	max-width: 66%;
	border-style: none;
	border-width: 15px;
	border-color: #000;
}

.img-schreibstube {
	display: block;
}

.image-be-smart {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: auto;
	max-width: 98%
}
.figcaption-be-smart {
	color: #16171a;
	font-size: .8em;
	float: none;
	margin-top: -2.3em;
	padding-right: 2em;
	text-align: right;
}

.img-manirierlich {
	object-fit: cover;
	height: 20vw;
	width: 100%;
	padding-bottom: 3px;
	cursor: pointer;
}

.art-img-right {
	float: left;
	padding-right: 7px;
	max-width: 12rem;
}

.right.item-image {
	padding-left: 0.8em;
}

.cat-artimg {
	margin: 0;
}
.img-cat-artimg {
	object-fit: cover;
	height: 20vw;
	width: auto;
	max-width: 15rem;
}
.item-cat-artimg {
	padding: 0.8em;
}

.img-container-2 {
	grid-template-columns: auto auto;
	display: grid;
	grid-gap: 0 0.3em;
	width: auto;
}
.img-container-3 {
	grid-template-columns: auto auto auto;
	display: grid;
	grid-gap: 0 0.3em;
	width: auto;
}
.img-container-4 {
	grid-template-columns: auto auto auto auto;
	display: grid;
	grid-gap: 0 0.3em;
	width: auto;
}
.container-gallery {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	display: grid;
	grid-gap: 0.3em 0.3em;
	width: 100%;
}
.img-gallery {
	object-fit: cover;
	height: 5em;
	width: 100%;
	margin: 0;
	padding-bottom: 0;
	border-style: solid;
	border-width: 1.5px;
	border-color: #16171a;
}
.img-icon {
	margin-top: -3px;
	margin-right: 0.5em;
}

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

.pixel {
	width: 1400px;
	max-width: 1400px;
	height: 0;
}

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


/*----- modal gallery -----*/

.arbeit-arbeit {
	cursor: pointer;
	padding-bottom: 3px;
}

.img-schuharbeit {
	object-fit: contain;
	height: 100%;
	width: 100%;
}

/*----- modal gallery -----*/


/*----- Modal -----*/

.modal {
	background-color: rgba(0, 0, 0, .7);
}
.modal-dialog {
	width: 100vh;
	max-width: 100vh;
}
.modal-content {
	border: none;
	background-color: transparent;

}
.modal-header {
	padding: 0;
	border: 0;
}
.modal-body {
	padding: 0;
}
.modal-footer {
	padding: 0;
	border: 0;
}
.img-modal {
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	height: 90vh;
	transition: transform 400ms ease-out
}
.img-modal:hover {
	cursor: zoom-in;
	transform: scale(1.15);
	transition: transform 400ms ease-out
}

.carousel-caption {
	position: fixed;
	bottom: 1.25em;
	padding-bottom: 0em;
}
.carousel-control-prev {
	margin-left: -10em;
}
.carousel-control-next {
	margin-right: -10em;
}

.btn-close {
	position: fixed;
	right: 1em;
	top: 0.6em;
	color: #dadada;
	font-size: 1.5em;
	background: url("");
}
.btn-close:hover {
	color: #dadada;
}

/*----- Modal -----*/


/*----- Schuhvergleich [overlay definition!!] -----*/

.schuh-vergleich-container {
	position: relative;
  	height: 480px; /*should be the same height as the images*/
	width: 100%;
}

.vergleich-container {
	display: grid;
	width: 10em;
}
.schuh-vergleich-img {
	position: absolute;
	height: 480px;
	width: 717px;
}
.schuh-vergleich-img2 {
	object-fit: cover;
	position: absolute;
	height: 480px;
	width: 717px;
}
.schuh-vergleich img {
	position: absolute;
	display: block;
	object-fit: cover;
	vertical-align: middle;
}
div.schuh-vergleich-overlay {
  position: sticky;
    overflow:hidden;
    background-image: url('/images/rtisterei/arbeitarbeit/schuh2_davor.jpg');
  background-color: #cccccc;
	height: 480px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:2;
      	border-right: solid 1px rgba(218, 218, 218, .3);
}
.schuh-vergleich-slider {
	position: absolute;
  z-index:9;
  cursor: ew-resize;
  width: 20px;
  height: 20px;
  background-color: #31333a;
  opacity: 0.7;
  border-radius: 0%;
  	border-left: solid 3px #dadada;
    border-right: solid 3px #dadada;
}

/*----- Schuhvergleich [overlay definition!!] -----*/

/*----- video kirche hg -----*/

.kirche-hg {
	position: relative;
	top 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.video-wertekanon {
	position: relative;
	top 0;
	left: 0;
	width: 100%;
	height: auto;
}
#kirche {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20rem;
	object-fit: cover;
}
.content-wertekanon {
	position: relative;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	background-image: radial-gradient(farthest-side at 55% 30%, transparent, transparent, black);
	color: #dadada;
	width: 100%;
	height: 100%;
	padding: 0;
}

/*----- video kirche hg -----*/

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

.sigFreeContainer {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	display: grid;
	grid-gap: 5px 5px;
	width: 100%;
}
.sigFreeClassic {
	margin: 0px 0 !important;
}
.sigFreeThumb {
	aspect-ratio: 7/2;
	object-fit: cover;
	padding: 0px !important;
	margin: 0px !important;
	border-style: solid;
	border-width: 1.5px;
	border-color: #16171a;
	box-shadow: 0px 0px 0px transparent !important;
}

.sigFreeImg {
	aspect-ratio: 7/2;
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
	background-position: 0% 50% !important;
	background-size: 100%;
}

a.sigFreeLink {
	width: 100% !important;
	height: 100% !important;
}

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


/*----- yendif -----*/

.yendifplayer iframe {
	border: none;
}
.yendif-video-share-playlist {
}
.yendif-video-share-playlist-videos.right {
	padding-left: 0;
}

.manirierlichVideo,
.gedichtversprochen,
.rtisterei_60_Video {
}
.player-wertekanon,
.gedichtversprochen,
.mod-yendifvideoshare-player {
	box-shadow: 0.0px 0.0px 3px 0.3px #dadada;
	border-radius: 0px;
}

/*----- yendif -----*/


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

@media (max-width: 1400px) {
	.pixel {
		max-width: 1000px;
	}
}

@media (max-width: 1200px) {
	.container-sidebar-right-top {
		width: 10rem !important;
		margin: 0;
	}
	.img-cat-artimg {
		max-width: 10rem;
	}
	.img-schreibstube {
		display: none;
	}
	#kirche {
		height: 12rem;
	}
	.pixel {
		max-width: 750px;
	}
}

@media (max-width: 991px) {
	.site-grid {
		width: 100%;
	}
	.container-sidebar-right-top {
		width: 10rem !important;
	}
	.img-cat-artimg {
		max-width: 9rem !important;
	}
	.img-schreibstube {
		display: block;
	}
	.pixel {
		max-width: 600px;
	}
}

@media (max-width: 900px) {
	.container-sidebar-right-top {
		width: 7rem !important;
	}
	.img-cat-artimg {
		max-width: 7rem !important;
	}
	.schuh-vergleich-container {
  		height: 200px; /*should be the same height as the images*/
		width: 100%;
	}

	.schuh-vergleich-img {
		height: 200px;
		width: 300px;
	}
	.schuh-vergleich-img2 {
		height: 200;
		width: 300px;
	}
	div.schuh-vergleich-overlay {
		height: 200px;
	}
	.pixel {
		max-width: 540px;
	}
}

@media (max-width: 768px) {

	body:not(.has-sidebar-left) .site-grid .container-sidebar-right-top {
		grid-row-start: rtisterei-end;
	}
	body:not(.has-sidebar-left) .site-grid .container-component {
		grid-row-start: schreibstube-end;
	}
	body:not(.has-sidebar-left) .site-grid .container-sidebar-left-top {
		grid-area: side-l;
	}
	body:has(.sidebar-left-top) .site-grid .container-component {
		grid-row-start: side-l-end;
	}
	body:has(.schreibstube) .site-grid .container-sidebar-right-top {
		grid-row-start: schreibstube-end;
	}
	body:has(.schreibstube) .site-grid .container-schreibstube {
		grid-row-start: rtisterei-start;
	}
	body:not(.has-sidebar-left) .site-grid .container-threlevision {
		grid-row-start: rtisterei-start;
	}
	body:not(.has-sidebar-right-top) .site-grid .container-component {
		grid-column-start: rtisterei-start;
	}

	.site {
		padding: 2em 1.3em 1.3em 1.5em;
	}
	.site-grid {
		grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(2,minmax(25%,auto))
		[main-end] minmax(0,1fr) [full-end] !important;
	grid-template-areas: 
		". thre  thre ."
		". rtisterei  schreibstube ."
		". side-l  threlevision ."
		". side-r-t  comp ."
		". side-l-b  comp ."
		". bot-a  bot-b .";
	width: 100%;
	}
	.container-component > * + * {
		margin: 0;
	}
	.blog-items-Schreibstube {
		padding: 0 1rem 0 1rem;
	}
	.navbar {
		padding: 0 0 0 0.2em;
	}
	.thre {
		padding: 0;
	}
	.rtisterei {
		padding: 0.8em 0 0 0;
	}
	.schreibstube {
		padding: 0.8em 0 0 0.8em;
	}
	.threlevision {
		padding: 0.8em 0 0 0.8em;
	}
	.sidebar-left {
		padding: 0;
	}
	.sidebar-left-top {
		padding: 0;
	}
	.sidebar-right-top {
		padding: 0 0 0 0.8em;
	}
	.inhalt-schreibstube {
		margin-top: 0.5em;
	}
	.img-modal {
		width: 90%;
		height: auto;
	}
	.modal-dialog {
		width: auto;
		max-width: 100%;
	}
	.modal-body {
		margin: 2em .5em;
	}
	.btn-close {
		top: 0.25em;
		right: 0.5em;
	}
	.container-gallery {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.sigFreeContainer {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.pixel {
		display: none;
	}
}

@media (max-width: 480px) {

	body:has(.thre) .thre::before {
		content: "Tim COOK liest mit und verpetzt Dich bei Donald TRUMP";
		}

	.site {
		padding: 2em 1em 1em 1.3em;
	}
	.site-grid {
		grid-template-columns:
		[full-start] minmax(0,1fr)
		[main-start] repeat(3,minmax(0,auto))
		[main-end] minmax(0,1fr) [full-end] !important;
	grid-template-areas: 
		". thre  thre ."
		". rtisterei  schreibstube ."
		". side-l  threlevision ."
		". comp  comp ."
		". side-r-t  side-r-t ."
		". bot-b  bot-b .";
	width: 100%;
	}
	.container-component > * + * {
		margin: 1em 0 0 0;
	}
	.thre {
		padding: 0;
	}
	.rtisterei,
	.schreibstube,
	.threlevision {
		padding: 0.8em 0 0 0;
	}
	.threlevision,
	.sidebar-left {
		padding: 0 0 0 0;
	}
	.navbar {
		padding: 0 0 0 0.3em;
	}
	body:not(.has-sidebar-left) .site-grid .container-schreibstube {
		grid-area: schreibstube;
	}
	body:has(.schreibstube) .site-grid .container-sidebar-right-top {
		grid-area: side-r-t;
		width: 100% !important;
	}
	body:not(.has-sidebar-left) .site-grid .container-threlevision {
		grid-area: schreibstube;
		padding-top: 0.8em;
	}
	.cat-artimg {
		display: none;
	}
	.item-content-9 {
		padding: 0;
	}
	.bildunterschrift {
		padding-right: 0;
	}
}

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

@media ( orientation:landscape ) {
	.modal-body {
		margin: .5em 2em;
	}
}