/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */


/* --- debug output -------------------- */
/***
table.msgtrace{
z-index: 5000;
background-color: white;
position: relative;
margin: 300px 0 0 10px;
border-collapse: collapse;
}
table.msgtrace td{
padding: 5px;
border: 1px solid #666;
}
***/

/* ************************************* */
/*                                       */
/* NO PREFIXES!!!                        */
/* - box-sizing                          */
/* - box-shadow                          */
/*                                       */
/*                                       */
/*                                       */
/*                                       */
/*                                       */
/*                                       */
/*                                       */
/*                                       */
/* ************************************* */
* {
  box-sizing: border-box;
}

.point-pos,
.header,
.meta-inner,
.lower-inner,
.logo-slogan-wrapper,
.kuenstlerrow__inner,
.section,
.section-inner,
.section__inner,
.col {
  position: relative;
}

section:after,
.kuenstlerrow__inner:after,
.filters__kuenstlerrow:after {
  content: "";
  display: table;
  clear: both;
}

.is-hidden {
  display: none;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.right {
  text-align: right;
}

i.right,
.fl-right  {
  float:right;
}

.vcenter {
  display: flex;
  align-items: center;
}

/*.vcenter--stretch > * {
  flex-grow: 1;
}*/

img {
  vertical-align: middle;
}
img.responsive {
  width:100%;
  height:auto;
  display:block;
}

.shadow {
  box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
}

.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}


/* ************************************* */
/*                                       */
/* Generic display classes               */
/*                                       */
/* ************************************* */

.table {
  display: table;
  height:100%;
  table-layout: fixed;
  width:100%;
  border-collapse:collapse;
}

.tr {
  display:table-row;
}

.cell,
.td {
  display: table-cell;
  vertical-align: top;
  height:100%;
}

.td--legend {
  padding-right:40px;
}

.block {
  display: block;
}

.in-block {
display: inline-block;
}

/* ************************************* */
/*                                       */
/* Generic positioning classes           */
/*                                       */
/* ************************************* */

.fixed {
  position:fixed;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

/* ************************************* */
/*                                       */
/* Generic dimension classes            */
/*                                       */
/* ************************************* */

.w-100perc {
  width: 100%;
}

.mh-50 {
  min-height: 50px;
}

/* ************************************* */
/*                                       */
/* Generic padding classes               */
/*                                       */
/* ************************************* */

.p-10 {
  padding:10px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-50 {
  padding: 50px;
}

.p-60 {
  padding: 60px;
}

/*              */
/* Padding top  */
/*              */

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

/*               */
/* Padding right */
/*               */

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

/*                */
/* Padding bottom */
/*                */

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

/*              */
/* Padding left */
/*              */

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

/* ************************************* */
/*                                       */
/* Generic border classes                */
/*                                       */
/* ************************************* */

.b-w {
  border-color: white;
}
.b-1 {
  border-style: solid;
  border-width: 1px
}

.br-2 {
  border-right-style: solid;
  border-right-width: 2px;
}

/* ************************************* */
/*                                       */
/* Generic margin classes                */
/*                                       */
/* ************************************* */

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}