/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */

html{
/*
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%
*/
  text-size-adjust:100%; /* wahrscheinlich das gleiche wie none */
  text-size-adjust:none;
  font-size: var(--text-font-size-normal); /* gehört eigentlich in body, sonst registriert FF das nicht, aber wenn's hier mit drin steht, sind FFs Zuckungen weg */
}
head {
}
body{
  font-family: var(--text-font-family-normal), 'Open Sans Condensed', 'Arial Narrow', 'Open Sans', 'Roboto', 'Arial', sans-serif;
  font-size: var(--text-font-size-normal);
  letter-spacing:1px;
  text-align:left;
  line-height:var(--line-height-normal);
  -webkit-font-smoothing:antialiased;

  background-attachment: fixed;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;

  color: var(--text-color);
  background-color:var(--body-background-color);
  word-wrap: unset;
  hyphens: unset;
}

html, body {
  position:relative;
  height:100%;
  border:0; padding:0;margin:0;
}

body {
  min-height:100%;
}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {
  text-align:left;
  font:inherit;
  line-height:inherit;
  vertical-align:baseline;
  margin:0;
  border:none;
  padding:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  box-shadow:none;
  background-color:transparent;
  border-color:transparent; /* default, auch für Ausdruck, wird in farben.css überschrieben */
/*
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
*/
  box-sizing: border-box;
}

a {
  color: inherit;
  outline: none;
  border: 0;
  display:inline-block;
}
a:active, .link:active {
  color: inherit;
}

a[class*="sprungziel"]
/* geht nicht, sonst in views Probleme
,
a[name]:not([class]),
a[id]:not([class])
*/
{
  height:1px !important;
  width: 1px !important;
  position:absolute;
  top:0;left:-1px;
  display:block;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block
}

ul {margin-left:0;list-style-position: outside; }
ol {margin-left:2rem;list-style-position: outside; }
li {list-style-type: none;}
ol li {list-style-type: decimal;}
p {margin:0;}

h1, h2, h3, h4, h5, h6, p {text-rendering:optimizelegibility;}

h1:not(.site-name), h2, h3, h4 {width:100%;}
h1:not(.site-name) {font-size:1.5rem;margin-top:2rem;margin-bottom:0.825rem;color:var(--highlight-color);line-height:var(--line-height-h1);}
h2{font-size:1.5rem;line-height:2rem;margin-bottom:0.825rem;color:var(--highlight-color);}
h3{font:inherit;margin-bottom:0.825rem;color:var(--highlight-color);}
h4{font:inherit;margin-bottom:0.825rem;font-weight:bold;font-variant:small-caps;}
h5{font:inherit;margin-bottom:0.825rem;font-variant:small-caps;}
h6{font:inherit;margin-bottom:0.825rem;font-style:italic;}

hr {width:100%;display:inline-block;height: 2px;border-top-width: 2px; border-top-style: solid;color: var(--hr-color);}
em {color:var(--highlight-color);}
strong {font-weight:bold;}
small{font-size:75%;font-weight:normal;}
b {font-weight:bold;}
u {text-decoration: underline;}
i {font-style: italic;}

input,abbr,acronym,blockquote,code,kbd,q,samp,var{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}

pre{white-space: pre-wrap;font-family: monospace;}

code {
  word-wrap:normal;
  word-break: break-word
  white-space:pre-wrap;
  font-family:monospace;
  font-size:75%;
}

abbr{
  /*
  -webkit-font-variant:small-caps;-moz-font-variant:small-caps;-ms-font-variant:small-caps;
  */
  font-variant:small-caps;
  font-weight:600;
  text-transform:lowercase;
}
abbr[title]:hover{
  cursor:help
}


dt, dd{display:block;}

/* ************************ clearfix *********************** */


/* float clearing for IE6 */
* html .clearfix{
 height: 1%;
 overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
 min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:before,
.clearfix:after{
 clear: both;
 content: " ";
 display: table;
 height: 0;
 visibility: hidden;
 font-size: 0;
}
/* alt für IE 7 */
.clearfix {
    *zoom: 1;
}

.clr{clear:both}

/* ************************ ********************* *********************** */

p:empty {display: none;}

img, figure, figcaption, embed, object, video, audio, canvas {
  width:auto;
  max-width: 100%;
  vertical-align: bottom;
}

img {
  height: auto;
  line-height: 0;
  display: block; /* damit bottom:0 funktioniert */
}

/* besser: als inline Anzeigen in Anzeigeeinstellungen und Breite vergeben
img[src$=".svg"] {
  width: initial;
}
*/

figure {
  position:relative; /* für Beschriftung im Bild */
}
/* width:100% schlecht für Mediengalerie - versuchsweise ohne */
figure img {/*width:100%;*/ max-width:100%;border:0;}


svg {
  max-height: 100%;
  max-width:100%;
}
svg:not(:root) {
  overflow: hidden;
}

figcaption {
  font-size: 75%;
}

a, .link {
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration:none;
}
a:focus {
  border:0;
  outline-style:dotted;
  outline-width:1px;
  outline-color:inherit;
}
/*
a img {
  border: 0;
}
*/
dl {
  padding-left:0;
  padding-right: 0;
}

dd {
  margin-left: 1rem;
}

blockquote,q{
  quotes:none;
  padding: 1rem;
  margin-left: 3rem;
  border-left: 5px solid;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:none;
}

blockquote {
  padding: 1rem;
  margin-left: 47px;
  margin-left: 2.9375rem;
  margin-right: 0;
  border-left: 5px solid;
  margin-top:1.125rem;
  margin-bottom: 1.125rem;
}
blockquote p {
  font-size: 18px;
  font-size: 1.125rem;
  font-size: inherit;
  line-height: 21px;
  line-height: 1.3125rem;
  line-height: inherit;
  font-weight: 300;
  font-weight: normal;
}
blockquote p:first-child {
  margin-top: 0;
}
blockquote p:first-child:before {
  font-family: FontAwesome, sans-serif;
  content: "";
  padding: 0 5px 0 0;
  padding: 0 0.3125rem 0 0;
  margin: 0;
  text-align: left;
  width: 18px;
  width: 1.125rem;
  display: none;
}
.fa-loaded blockquote p:first-child:before {
  display: inline-block;
}
[dir="rtl"] blockquote p:first-child:before {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
blockquote p:last-child {
  margin-bottom: 0;
}

/**
 * Table Base
 * Set base styles for table elements.
 ============================================================================ */
table {
  border-collapse:collapse;
  border-spacing:0;
  clear:both;
}

table caption {
  font-size: inherit;
  line-height: inherit;
  font-style: italic;
  margin-bottom:1.2rem;
  padding: 0.3rem 0.7rem;
}

thead tr {
  font-weight: inherit;
}
tr,
td,
th {
  border: 0;
}

td,
th {
  padding: 0.2rem 0.5rem;
  vertical-align: middle;
}

/* Force browsers to calculate the width of a 'select all' <th> element. */
th.select-all {
  width: 1px;
}

/* ******aus AT Design ******************************************************************* */

  .node {padding:0;margin:0;}
  .field, .field p, details p {margin-bottom:0;}

/* ******************** Formulare ************************************** */


details {
  border-radius: 2px;
  display: block;
  margin:1rem 0;
  clear:both;
  color:inherit;
  background-color:inherit;
  text-shadow:inherit;
  box-shadow:inherit;
  border-style:solid;
  border-radius:3px;
  border:0;
}

details details {
  border:none;
  margin:0;
}
summary {
  cursor: pointer;
  display: list-item;
}
details summary:focus {
  outline: none;
}
summary > .summary {
    font-size: 75%;
}
form {
  clear:both;
  width:auto;
  max-width:none;
}

form::before, form::after {clear:both; content:"";display:block;height:1px;width:1px;visibility:hidden;font-size:0;opacity:0;}
.description {
  clear:both;
}
fieldset {
  clear:both;
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  margin-top:2rem; /* oder zu fieldset? */
  /* bei Fieldset-Rahmen: */
  /* padding:1rem; */
}

label {
  font-weight: normal;
  text-decoration: none;
  display: block;
  float:left;
  clear:left;
  margin:0.2rem 0;
  margin:0;
  line-height:1.5;
/* Ausgleich, wenn input-Felder als neue Zeile, damit Text untereinander, fällt bei inline auch nicht auf */
  padding:0.2rem 0.7rem 0.2rem 0;  /* ggf. linken Rand nachreichen */
}

body:not(.edit) form label {
  letter-spacing: 2px;
  font-variant: small-caps;
}


/* input + label - Reihenfolge nur bei Checkboxen und Radiobuttons */

/* input + label */
body:not(.edit) input[type="checkbox"] + label, input[type="radio"] + label {
  line-height:1.5;
  padding:0;
  clear:none;
  float:none;
  text-transform: none;
  font-size:inherit;
  letter-spacing:inherit;
}

/* bitte wählen... ▼ ▿ */
select {
  display: block;
  padding: 0.2rem 2rem 0.2rem 0.7em; /* Platz für Pfeil */
  margin:0.2rem 0;
  line-height:1.5;
}
select, input {
  text-align: left;
  vertical-align: middle;
}

select,
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
textarea {

  line-height:1.5;
  padding:0.2rem 0.7rem;
  margin:0.2rem 0;
  max-width:100%;
  font-size:90%;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: all, 0.2s, ease-in-out;
          transition: all, 0.2s, ease-in-out;

  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  -o-transition: height 0.5s linear;
  -ms-transition: height 0.5s linear;
  transition: height 0.5s linear;
/*
  appearance:none;
*/
}

button, .button a, a.button,
input[type="submit"],
#edit-delete {
  display: inline-block;
  vertical-align: middle;
  outline: 0px none;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding:0.2rem 2rem;
  border-width: 1px 
  border-style: solid;
  font-size:90%;
  font-weight: normal;
  letter-spacing: 2px;
  font-family: inherit;
  width:auto;
  margin:0.2rem 2rem;
  text-decoration: none;
  text-align: center;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing;
  cursor: pointer;
  text-transform: none;
}
/*
input[type="submit"],
#edit-login,
#edit-delete {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
*/
body:not(.edit):not(.admin) input#edit-submit {
  clear:both;
}

select.error,
textarea.error,
input.error {
  transition: all 1s ease-in-out 0s;
  outline: 0;
}

input[type="submit"]:active,
button:active,
button.is-active,
.button a:active,
.button.is-active,
.button.active,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus,
.button:hover, .button a:hover,
.button:focus, .button a:focus {
  text-decoration: none;
}


input[type="checkbox"], input[type="radio"] {
  float:left;
  clear:both;
  display:block;
  min-height:1.2rem; /* macht Kreis oder Viereck größer */
  amin-width:2rem;
  width:auto;
  margin:0.3rem 1rem 0.3rem 0; /* nach unten hin blockieren, damit Float nicht ganz bis links */
}

textarea {
  width:100%;
}

/*
input,
select {
  height: 2rem;
}
*/
textarea,
select[size],
select[multile] {
  height: auto;
}

input[type="submit"], 
.button, button,
#edit-delete.button--danger {
  cursor: pointer;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  cursor: not-allowed;
}

input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"] {
  background-clip: padding-box;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-results-button, 
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none; /* Safari and Chrome */
}

body:not(.admin) button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  /* nicht, dann fehlt der "Rahmen", ggf. anders eine noch nicht erfolgte Eingabe regeln! */
  /*  box-shadow: none; */
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}

input:invalid,
body:not(.admin) button:invalid,
.button:invalid,
select:invalid,
textarea:invalid {
  /* nicht, dann fehlt der "Rahmen", ggf. anders eine noch nicht erfolgte Eingabe regeln! */
  /*  box-shadow: none; */
}


/* hover */

textarea:hover, 
select:hover, 
input:hover,
input[type="date"]:hover, 
input[type="datetime"]:hover, 
input[type="datetime-local"]:hover, 
input[type="email"]:hover, 
input[type="month"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="text"]:hover, 
input[type="time"]:hover, 
input[type="url"]:hover, 
input[type="week"]:hover {
  color:inherit;
  background-color:transparent;
  text-shadow:inherit;
  box-shadow:inherit;
}


/* focus */

textarea:focus,
select:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="submit"]:focus,
#edit-delete.button--danger:focus, 
.button:focus {
  outline: 0;
}

/* focus */
textarea:focus, select:focus, 
/*
input[type="datetime"]:focus,
input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus,
input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus,
*/
input:not([type="checkbox"]):not([type="radio"]):focus {
  transition: all 1s ease-in-out 0s;
  /*outline: 0px none;*/
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}
input:focus::-webkit-input-placeholder {
  opacity: 0.2;
}

input:focus:-moz-placeholder {
  opacity: 0.2;
}

input:focus::-moz-placeholder {
  opacity: 0.2;
}

input:focus:-ms-input-placeholder {
  opacity: 0.2;
}

/* ************* User Interface ****************************************** */
.form-type-radio .option, .form-type-checkbox .option,
.form-type-radio label.option, .form-type-checkbox label.option {
    border-color: transparent;
    background-color: transparent;
}

/* ********************************* Tabs ****************************** */

/* in color.css:
.vertical-tabs, .vertical-tabs *, .vertical-tabs .is-selected {border-color:transparent;background-color:transparent;}
.horizontal-tabs, .horizontal-tabs *, .horizontal-tabs .is-selected {border-color:transparent;background-color:transparent;}
*/

a:hover .vertical-tabs__menu-item-title {text-decoration: none;}
a:hover .horizontal-tabs__menu-item-title {text-decoration: none;}

.tabs .is-horizontal ul.tabs--primary a {padding:0}

.vertical-tabs {background-color:transparent;border-color:transparent;}
.vertical-tabs__menu {border-color:transparent;}
.vertical-tabs__menu-item {border-color:transparent;background-color:transparent;}
.vertical-tabs__menu-item.is-selected {background-color:transparent;}
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {color:inherit;}

.tabs .is-horizontal ul.tabs--primary,
.tabs .is-horizontal ul.tabs--primary a,
.tabs .is-horizontal ul.tabs--primary a.active, 
.tabs .is-horizontal ul.tabs--primary a.is-active, 
.tabs .is-horizontal ul.tabs--primary a.is-active:hover,
.tabs .is-horizontal ul.tabs--primary a.is-active:focus,
.tabs .is-horizontal ul.tabs--primary a:hover,
.tabs .is-horizontal ul.tabs--primary a:focus { 
  border-color:transparent;background-color:transparent;
}

.tabs .is-horizontal ul.tabs--primary {color:inherit;background-color:transparent;border-color:transparent;}
.tabs .is-horizontal ul.tabs--primary a {border:1px solid transparent;box-shadow:none !important;}