html, body { 
  height:100%;
  width:100%;
  scroll-behavior: smooth;}
body {height: 101vh; }

.clear {clear:both; }
.nomobile {} @media (max-width: 575.98px) {.nomobile {display:none;}}

td,tr,p,div { }

a img { border:none; }


ul {list-style-type:disc; }
ol {list-style-type:decimal; }
li {list-style-position:outside;
/*	margin-left:0.4em;*/}

.left { float:left; text-align:left; }
.right {float:right;text-align:right; }
.inline {display:inline !important;
	margin-bottom:0 !important; 
	padding-bottom:0 !important; }
.readsoon, .readmore {display:inline; }

img, .contact-image img {
	max-width:100%;
	height:auto; }
.contact-image, 
.buydiv, 
.bild-re,  img.bild-re,
.bild-re2, img.bild-re2,
.bild-re3, img.bild-re3,
.bild-re4, img.bild-re4,
.bild-re5, img.bild-re5,
.bild-re6, img.bild-re6,
.bild-re8, img.bild-re8 {
	float:right;
	margin:0 0 0.5rem 1.0% !important; }
.bild-li,  img.bild-li,
.bild-li2, img.bild-li2,
.bild-li3, img.bild-li3,
.bild-li4, img.bild-li4,
.bild-li5, img.bild-li5,
.bild-li6, img.bild-li6,
.bild-li8, img.bild-li8,
.columns-1 div, .columns-2 div, .columns-3 div, .columns-4 div, .columns-5 div, .columns-6 div, .columns-8 div,
ul.com-tags-tag__category li {
	float:left;
	margin:0 1.0% 0.5rem 0 !important; }
.buydiv, 
.bild-re, img.bild-re,
.bild-li, img.bild-li,
.columns-1 div {
	width:32.33%; }
.bild-re2, img.bild-re2,
.bild-li2, img.bild-li2, 
.columns-2 div {
	width:48.99%; }
.bild-re3, img.bild-re3,
.bild-li3, img.bild-li3,
.columns-3 div {
	width:32.33%; }
.bild-re4, img.bild-re4,
.bild-li4, img.bild-li4,
.columns-4 div {
	width:23.99%; }
.bild-re5, img.bild-re5,
.bild-li5, img.bild-li5,
.columns-5 div {
	width:18.99%; }
.bild-re6, img.bild-re6,
.bild-li6, img.bild-li6,
.columns-6 div,
ul.com-tags-tag__category li {
	width:15.66%; }
.bild-re8, img.bild-re8,
.bild-li8, img.bild-li8,
.columns-8 div {
	width:11.49%; }
.bild-gross, img.bild-gross {
	width:100%;
	margin:0 0 0.5rem 0; }
.bild1, .bild2, .bild3, .bild4, .bild5, .bild6, .bild8 {
	float:left;
	margin:0; }
.bild1 {width:100%; }
.bild2 {width: 50%; }
.bild3 {width: 33.33%; }
.bild4 {width: 25%; }
.bild5 {width: 20%; }
.bild6 {width: 16.66%; }
.bild8 {width: 12.5%; }

/* Zustand -1 */
@media (max-width: 767.98px) {
.buydiv, 
.bild-re,  img.bild-re,  .bild-li,  img.bild-li,  .columns-1 div {	width: 48.99%; }
.bild-re2, img.bild-re2, .bild-li2, img.bild-li2, .columns-2 div {	width: 48.99%; }
.bild-re3, img.bild-re3, .bild-li3, img.bild-li3, .columns-3 div {	width: 48.99%; }
.bild-re4, img.bild-re4, .bild-li4, img.bild-li4, .columns-4 div {	width: 23.99%; }
.bild-re5, img.bild-re5, .bild-li5, img.bild-li5, .columns-5 div {	width: 18.99%; }
.bild-re6, img.bild-re6, .bild-li6, img.bild-li6, .columns-6 div, ul.com-tags-tag__category li {	width: 32.33%; }
.bild-re8, img.bild-re8, .bild-li8, img.bild-li8, .columns-8 div {	width: 23.99%; }
.bild1 {width:100%; }
.bild2 {width: 50%; }
.bild3 {width: 50%; }
.bild4 {width: 25%; }
.bild5 {width: 20%; }
.bild6 {width: 33.33%; }
.bild8 {width: 25%; } } 

.neues {margin-top: -2.0rem !important; }


/*fur SVG*/
canvas {
  display:block;
  width:100%;
  visibility:hidden;}
.svginside {
  position:relative;
  margin-left:auto;margin-right:auto;}
.svginside svg {
  position:absolute;
  top:0;left:0;
  width:100%;}


/*###### Korrektur ######*/
/* Zustand -1 */	/* @media (max-width: 767.98px) {div.katdesckorr {margin: 1.6rem 0 0 0; } }*/
/* geloescht!!!	div.katdesckorr {margin: -2.8rem 0 1.4rem 0;  }*/
/*.k-space01 {	height: 0rem;  }*/
/* Zustand -1 */ /* @media (max-width: 767.98px) {.com-content-article {padding-top: 3rem !important; } }*/

/* Zustand -1 */ @media (max-width: 767.98px) {#box_main {padding-top: 3rem; } }

.article-info {
	margin-top: -1.5rem;
	margin-bottom: 0.66rem; }

div.item-page {
	margin-top: 3rem;}
div.blog {
	margin-top: 3rem;}
div.blog-item {
	margin-bottom: 6rem;}
 
legend, form { 
	padding-bottom: 1em; }
.contact-contactinfo { 
	padding-bottom: 2em; }
dd {padding-bottom: 0.5em; }
.contact-form, #contact-form,
fieldset, legend, 
dl, dt, dd, textarea {
	width: 100%; }
.required, .inputbox {
	width: 96%; }

input[type="text"], input[type="password"], input[type="email"] {
   /* s. CSS color */	
   appearance: none;
   font-weight: bold;
   outline: none;
   border: none;
   padding-left: 0.4em;}
input[type="checkbox"] {
   border-radius: 0 !important; }
/*textarea  {
   border-radius: 0px !important;}*/

button {cursor:pointer; }
button[type="button"], button[type="submit"], input[type="submit"] {
   /* s. CSS color */	
   font-weight: bold;
   border: none;
   border-radius: 0px;}

.contact-form {
	clear:both;
	padding-top:1em; }

.contact-misc {
	margin-bottom:2em; }

#search-query-explained {
	margin-bottom: 0.5em; }

div.custom {
	display:inline; }


/*########## EIGENE ##########*/

.k-space01 {height: 1.2rem; }

.avPlayer  { background: transparent !important; }

.isbn13 {
	text-align:center; 
	display:none; }

.zitat {display:block;text-align:center;}
.erredet {padding: 0.6rem 2rem;
	border-radius: 2.2rem;}
/* Zustand -1 */ @media (max-width: 767.98px) {.erredet {padding: 0.6rem 1.5rem;}} 
/* Zustand -2 */ @media (max-width: 575.98px) {.erredet {padding: 0.5rem 0.5rem 0.5rem 1.0rem;
	border-radius: 1.4rem;}}


/* +++ Shop Tag-Ansicht +++ */
/*div.com-tags-tag h1		{ margin-top: 3rem; margin-bottom: 0rem; }
ul.com-tags-tag__category	{ list-style: none; }
ul.com-tags-tag__category h3	{ display: none; }
ul.com-tags-tag__category li, .columns-6 div,  .columns-6 figure { aspect-ratio: 1 / 1; }
ul.com-tags-tag__category img, .columns-6 img		{ object-fit: contain; height: 100%; }
.columns-6 div		{ margin-top: -0.25rem !important; margin-bottom: -0.25% !important; } */

/* +++ Shop Artikel-Ansicht +++ */
.buydiv, .buydiv ~ h3 { padding-top: 3rem; }
/* Zustand -0 */ @media (max-width: 991.98px) { .buydiv, .buydiv ~ h3 { padding-top: 1rem; } }
/* Zustand -2 */ @media (max-width: 575.98px) { .buydiv, .buydiv ~ h3 { padding-top: 0; } }
.hidediogenes a, .hidethalia a, .hideamazon a, .hidearsmundi a {
	text-decoration: none !important; }
.shoptab img:first-child {	width: 5.8rem; }
.shoptab.ass img:first-child {	width: 4.8rem;
					margin: 0 1.0rem 0.5rem 0; }
.shoptab.heye img:first-child {	width: 7.8rem;
					margin: 0 0.6rem 0.4rem 0; }
.shoptab.inkognito img:first-child {	width: 7.8rem;
					margin: 0 0.6rem 0.8rem 0; }
.shoptab.rialto img:first-child {	width: 6.6rem;
					margin: 0 0.6rem 1.0rem 0; }
.shoptab.leonine img:first-child {	width: 5.8rem;
					margin: 0 0.6rem 0.2rem 0; }
.shoptab.salzgeber img:first-child {	width: 7.6rem;
					margin: 0 0.4rem 1.1rem 0; }
.shoptab.diogenes img:first-child {	width: 7.4rem;
					margin: 0 0.1rem 0.7rem 0; }
.shoptab.amazon img:first-child {	width: 5.8rem;
					margin: 0 0.4rem 0.3rem 0; }
.shoptab.thalia img:first-child {	width: 5.2rem;
					margin: 0 0.7rem 1.1rem 0.0rem; }
.shoptab.arsmundi img:first-child {	width: 9rem;
					margin: 0 0.1rem 0.4rem 0; }
.shoptab.buchladen img:first-child {	width: 7rem;
					margin: 0 0.7rem 1.1rem 0.0rem; } }
.shoptab img:last-child {	width: 4.2rem; }
.shoptab.ass img:last-child,
.shoptab.heye img:last-child,
.shoptab.inkognito img:last-child,
.shoptab.rialto img:last-child,
.shoptab.leonine img:last-child,
.shoptab.salzgeber img:last-child,
.shoptab.diogenes img:last-child {	width: 4.2rem; }
.shoptab.amazon img:last-child {	width: 4.2rem; }
.shoptab.thalia img:last-child {	width: 4.2rem; }
.shoptab.arsmundi img:last-child {	width: 6rem; }
.shoptab.buchladen img:last-child {	width: 4.2rem; }
/* Zustand -1 */ @media (max-width: 767.98px) { .xxxx {} }
/* Zustand -2 */ @media (max-width: 575.98px) { .xxxx {} }


/* +++ Werk Chronologie-Ansicht +++ */
/*.chronoreinner2 {     display: none; } erzwingt zweispaltiges Layout, falls leeres .chronoreinner stört - für Header-Modul*/
.chronoclear  { margin-bottom: -1.0rem; }
.chrono { }
.chrono h6, .chrono .h6 { 
	margin-bottom: 0.0rem;
	font-size: 0.95rem;
	font-family: Merriweather;
	font-weight:700;
	text-transform:none; }
.chronoli { 
	float: left;
	width: 11%; 
	margin-right: 3%; }
.chronoliinner0 { 
	font-family: Oswald,sans-serif; 
	line-height: 125%;   /*######wie h6*/
	margin-top: -0.05rem; }
.chronoliinner1 { 
	display:none;
	font-size: 72%;       /*######wie .chronoreinner2*/
	margin-top: 0.13rem; }
.chronore { 
	float: left;
	width: 86%; }
.chronoreinner0, .chronoreinner1 { 
	margin: 0;
	line-height: 125%;   /*######wie h6*/ }
.chronoreinner2 { 
	float: right;
	width: 25%;
	margin-top: -0.47rem;
	margin-bottom: 0.2rem;
	margin-left: 2%;
	font-size: 72%;
	line-height: 1.1; }
.gotoshop { 
	width: 66%;
	margin-top: -3px; 
	margin-bottom: -0.35rem; }
/* Zustand -2 */ @media (max-width: 575.98px) {
.chronoli { 
    width: 16%;  }
.chronoliinner0 { 
    margin-top: 0; }
.chronoliinner1 { 
    font-size: 66%;  
    margin-top: -0.12rem; }
.chronore { 
    width: 81%; }
.chronoreinner0 { 
    font-size: 72%;      /*###wie .chronoreinner2*/
    line-height: 1.1; }   /*###wie .chronoreinner2*/
.chronoreinner2 {
    margin-top: 0;
    width: 100%; }
.gotoshop { 
    width: 25%; 
    margin-top: -0.1rem;
    margin-bottom: -0.45rem; } }


/* ### MODUL xxx (Login) ### */
#login {
	display:block;
	margin-top: 8rem; }
button[type="button"] svg { background-color:transparent !important; }
button[type="submit"] { 
	border-radius: 2rem;
	padding: 0.5rem 1rem 0 1rem; }
.mod-login ul {margin-left: 7.3rem; }
.doit {	/*background-color:#993333;*/
	padding: 0rem 0 1.5rem 0; }
.doit button {
	width: 12.5rem; }
.mod-login__username input,
.mod-login__password input {
	width: 11.3rem; }
.mod-login__remember input {
	margin-left: -0.03em; }
.mod-login__submit button[type="submit"] {
	margin-left: 7.3rem; }
.mod-login .form-group {
	margin-top: 0.3em; }
.mod-login .form-group label {
	display: inline-block;
	width: 7rem; }
label.login-auth {
	vertical-align: top; }
div.com-users-login {
	display: none; }
/* Zustand -2 */
@media (max-width: 575.98px) {}





/* ### MODUL OGOL (LANGUAGES) ### */
   /* s. CSS color */	
div.mod-languages {
	margin: 0 -0.05em 0 0.05em;
  	background-color:none !important;}
.visually-hidden {
	display:none;}
ul.lang-inline li {
	display:inline;
        list-style:none;
        margin:0 0 0 0.5em;
       height:1.35em;}
ul.lang-inline a {
        margin-left: -0.52em;
        margin-right: -0.52em;
        line-height:1em !important;}
/* Zustand -2 */
@media (max-width: 575.98px) {
ul.lang-inline li {
	display:block;
        height:1.77em;}}


/* ### DARRs (Down-Arrows Startseite) ### */
.darr, .darrinner {
	height:6.5rem;
	text-align:center; }
#darrmargin {
	width:100%;
	height: 4rem; }
#darrnews { }
#darrlogin {
	margin-top: -2.65rem;}
.darr svg {
	/*scale: 2.75 -1;*/
	transform: scale(2.75, -1);
	height: 76.92%; }
#darrnewspuls svg {animation: newspuls 2s infinite ease; }
#darrloginpuls svg {animation: loginpuls 2s infinite ease; }
@keyframes newspuls {
	0% {margin-top:0; }  
	80% {margin-top:0.25rem; }
	100% {margin-top:0; } }
@keyframes loginpuls {
	0% {margin-top:0; }  
	80% {margin-top:1.25rem; }
	100% {margin-top:0; } }
/* Zustand -0 */
@media (max-width: 991.98px) {
#darrmargin {height: 3rem; } } 
/* Zustand -1 */
@media (max-width: 767.98px) {
#darrmargin {height: 2rem; } } 
/* Zustand -2 */
@media  (max-width: 575.98px) {
#darrmargin {height: 0rem; }
.darr {margin-right: 2.5em; } }


/* ### SEITENNAVIGATION ### s. auch fonts.css */
.com-content-category-blog__navigation {
  text-align:center; }
.com-content-category-blog__navigation li {
  display: inline;
  padding: 0 0.2rem; }
.com-content-category-blog__navigation span {
  display:inline-block;
  height: 1.0rem;
  width: 0.7rem;
    margin-bottom: -0.3rem; }
.icon-angle-double-left {
  background-size: contain; 
  background: url(/templates/k-loriot/images/arrl-dbl.svg) no-repeat; }
.icon-angle-left {
  background-size: contain; 
  background: url(/templates/k-loriot/images/arrl.svg) no-repeat; }
.icon-angle-right {
  background-size: contain; 
  background: url(/templates/k-loriot/images/arrr.svg) no-repeat; }
.icon-angle-double-right {
  background-size: contain; 
  background: url(/templates/k-loriot/images/arrr-dbl.svg) no-repeat; }


/* ### Suche nach Tags ### */

ul.tagmenu-ul { list-style: none; }
ul.tagmenu-ul img { width: 7%; margin:-0.2rem 0.5rem -0.3rem 0;}
ul.tagmenu-ul span { font-size: 0.77rem; line-height: 140%; }

.suchtags li {line-height: 1.2em;} 
.suchtags span {font-size: 0.9em !important;} 
.suchtags img {width: 8%} 

/* Zustand -1 */
@media (max-width: 767.98px) {.suchtags li {line-height: 1.4em !important;} } 
/* Zustand -2 */
@media (max-width: 575.98px) {.suchtags li {line-height: 1.7em !importantem;} .suchtags img {width:10% !important;} .suchtags span {font-size: 1.05em !important;} }
/* Zustand -3 */
@media (max-width: 479.98px) {.suchtags li {line-height: 2.0em;} .suchtags img {width:12% !important;} }