/*
  .oooooo.             oooo                     
 d8P'  `Y8b            `888                     
888           .ooooo.   888   .ooooo.  oooo d8b 
888          d88' `88b  888  d88' `88b `888""8P 
888          888   888  888  888   888  888     
`88b    ooo  888   888  888  888   888  888     
 `Y8bood8P'  `Y8bod8P' o888o `Y8bod8P' d888b    
*/                                              
                                                
:root {
  --color-white: rgb(250, 250, 250);
  --color-black: rgb(15, 15, 15);

  --color-purple: rgb(161, 154, 251);
  --color-purple-dark: rgb(138, 106, 255);
  --color-purple-black: rgb(69, 53, 127);
  
  --color-yellow: rgb(254, 239, 104);

  --color-white-rgb: 250, 250, 250;
  --color-black-rgb: 15, 15, 15;

  --color-purple-rgb: 161, 154, 251;
  --color-purple-dark-rgb: 138, 106, 255;
  --color-purple-black-rgb: 69, 53, 127;
  
  --color-yellow-rgb: 254, 239, 104;

  --formblock-color: #0d47a1;
  --formblock-color-invert: #fff;
  --formblock-color-error: #CC0000;
  --formblock-color-success: #007E33;






  --color-highlight: rgba(var(--color-purple-black-rgb),0.8);
  --color-fontselection: rgb(255,255,255);
}

:focus {
  outline: 3px solid var(--color-purple-dark);
}

::selection {
  background-color: var(--color-highlight);
  color: var(--color-fontselection);
}

body {
  background-color: var(--color-white);
  color: var(--color-black);
}

.site-header {
  background-color: var(--color-white);
  color: var(--color-black);
}

.site-navigation {
  background-color: var(--color-white);
  color: var(--color-black);
}

@media screen and (min-width: 800px) {
  .site-navigation {
    background-color: transparent;
  }
}

.page-header {
  background-color: var(--color-white);
  color: var(--color-black);
}

@media screen and (min-width: 800px) {
  .page-template-default .page-header {
    background-color: var(--color-purple);
    color: var(--color-black);
  }
}

.page-section-content {
  background-color: var(--color-purple);
  color: var(--color-black);
}


.details-content iframe {
  background-color: var(--color-purple-dark);
}

.site-footer {
  background-color: var(--color-black);
  color: var(--color-white);
}

.footer-newsletter {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

button[type="submit"] {
  background-color: var(--color-white);
}

.anfrage button[type="submit"] {
  background-color: var(--color-purple);
}

.event-tickets {
  background-color: var(--color-white);
}

.dates-event-link:hover .dates-event {
  color: var(--color-purple);
  background-color: var(--color-black);
}

input[type="text"],
input[type="email"],
textarea,
select {
  background-color: var(--color-white);
}

select {
  color: rgba(0,0,0,0.5);
}

.page-template-rent .site-header,
.page-template-rent .page-header {
  background-color: var(--color-purple);
}

.layout-background-white .column {
  background-color: var(--color-white);
}

.layout-background-yellow .column {
  background-color: var(--color-yellow);
}

.layout-background-purple .column {
  background-color: var(--color-purple);
}

.layout-background-purplewhite .column:nth-of-type(odd) {
  background-color: var(--color-purple);
}

.layout-background-purplewhite .column:nth-of-type(even) {
  background-color: var(--color-white);
}


.card-content {
  background-color: var(--color-white);
  color: var(--color-black);
}

.card-with-heading header {
  background-color: var(--color-black);
  color: var(--color-white);
}