:root {
  --primary: #227093;
  --secondary: #ff5252;
  --background: #eee;
  --highlight: #ffda79;
  /* Theme color */
  --theme: var(--primary);
}
*, *::before, *::after {
  box-sizing: border-box;
}
/*body {
  display: grid;
  place-content: center;
  grid-template-columns: repeat(auto-fit, min(100%, 30rem));
  min-height: 100vh;
  place-items: start;
  gap: 1rem;
  margin: 0;
  padding: 1rem;
  color: var(--primary);
  background: var(--background);
}*/

/* Core styles/functionality */
.tab {
  position: relative;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
}

/* Visual styles */
.accordion {
  color: var(--theme);
  border: 2px solid;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}



/* Demo styles
----------------------------------*/
#wrapper {
	width: 20em;
}

/* Form Styling
----------------------------------*/
fieldset {
	border: 0;
	margin: 0 0 1em 0;
	padding: 1em;
}
*:first-child+html fieldset {
	margin: 0 0 2em 0;
}
legend {
	padding: 0.1em 0.3em;
}
*:first-child+html legend {
	margin: -1.5em 0 1em 0;
}
label, input {
	/* display:block;
	font-size: 0.8em; */
}
label {
	cursor: pointer;
}
.text {
	margin: 0 0 1em 0;
	padding: 0.2em;
	width: 97%;
}

input.radio {
	float: left;
	margin: 0.1em 1em 0 0;
}
.pair {
	clear: both;
	margin: 0.5em 0;
}
.pair input{
	margin: 0.25em 0.5em 0 0.3em;
}
*:first-child+html .pair input,
*:first-child+html .pair input {
	margin: -0.05em 0.5em 0 0.1em;
}
* html .pair input {
	margin: -0.07em 0.3em 0 -0;
}
.submit .reset {
	float: left;
	margin: 0.5em 1em;
	cursor: pointer;
}


/*Info and error boxes
----------------------------------*/
.info {
	margin: 0 0 1em 0;
	padding: 0.2em 0.5em;
}
.ui-formular-error li {
	font-size: 0.8em;
}

.ui-formular-error{
	position: absolute;
	left: 22em;
	top: 5.3em;
	width: 20em;
}

/* Lightbox Styles (some are needed)
----------------------------------*/
#ui-lightbox-wrapper {
	display: none;
	position: absolute;
	width: 20em;
	height: auto;
}
#ui-lightbox-image {
	height: 10em;
	margin: 1em 0 0 0;
	background: url(ajax-loader.gif) no-repeat center center;
}
#ui-lightbox-image img{
	display: none;
}

/* Picture Styles
----------------------------------*/
.ui-widget-content {
	padding: 0 1em 1em 1em;
}
.ui-dialog{
	padding: 0 1em 0 1em !important;
}
.box {
	padding: 0 1em 1em 1em;
	margin: 0 0 1em 0;
	height: 14em;
}
#mass .box {
	height: auto;
}
a.singleLightbox,
a.seriesLightbox {
	padding: 0 0 0.5em 0;
}
a.singleLightbox{
	margin: 0 0.8em 0 0;
}
a.ui-state-focus,
a.ui-state-hover {
	border-left: 0 !important;
	border-right: 0 !important;
}
/* ul{
	margin: 0;
	padding: 0;
	display: block;
}
ul li{
	float: left;
	margin: 0 0.9em 0 0;
	list-style-type:none;
} */

/* Gestaltung der Titel bei Einzelbuchbestellungen */
.type-text span { font-weight:bold; color:#fc9219; }

/* Formatierung des Neuigkeiten-Buttons auf der Seite verlag.php */
#link_news{
	background-color:#eee;
	border:1px solid orange;
	height:2.5em;
	left:-20px;
	padding:12px 20px 0 40px;
	position:fixed;
	top:470px;
	width:7em;
	z-index:200;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.title{
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	text-shadow:0 1px 1px white;
}

#link_news a{
	text-transform:uppercase;
}