/* FONTS / ICONS
----------------------------------------------------------------------- */ 

@import url('https://i.icomoon.io/public/9713667a53/Tangonale/style.css');

@font-face{
  font-family: "ABC Favorit";
  src: url("../fonts/ABCFavorit-Regular.woff2") format("woff2"),url("../fonts/ABCFavorit-Regular.woff") format("woff");
  }
  
@font-face{
  font-family: "ABC Favorit";
  src: url("../fonts/ABCFavorit-Bold.woff2") format("woff2"),url("../fonts/ABCFavorit-Bold.woff") format("woff");
  font-weight: 700;
  }  
  
@font-face{
  font-family: "ABC Favorit";
  src: url("../fonts/ABCFavorit-RegularItalic.woff2") format("woff2"),url("../fonts/ABCFavorit-RegularItalic.woff2") format("woff");
  font-style: italic;
  }  
  
@font-face{
  font-family: "EK Roumald";
  src: url("../fonts/EKRoumald-Roman.woff2") format("woff2"),url("../fonts/EKRoumald-Roman.woff2") format("woff");
  }   


/* GENERAL
----------------------------------------------------------------------- */ 

* {
  box-sizing: border-box;
  }
  
.editor-styles-wrapper {
  padding: 0 !important;
  font-family: 'ABC Favorit';
  font-size: calc(22vw / 1728 * 100);
  line-height: 1.275;
  overflow-x: hidden;
  color: #47080D;
  -webkit-font-smoothing: antialiased !important;
  
  --lighter: #ffc6c7;
  --light: #ff8c8e;
  --red: #FF4043;
  --darker: #47080D;
  
  --wp--preset--spacing--small: calc(40vw / 1728 * 100);
  --wp--preset--spacing--medium: calc(60vw / 1728 * 100);
  --wp--preset--spacing--large: calc(80vw / 1728 * 100); 
  --wp--preset--spacing--x-large: calc(100vw / 1728 * 100); 
  --wp--preset--spacing--xx-large: calc(120vw / 1728 * 100); 
  --wp--preset--spacing--xxx-large: calc(140vw / 1728 * 100); 
  --wp--preset--spacing--xxxx-large: calc(160vw / 1728 * 100); 
  }
  
.editor-styles-wrapper P A {
  color: var(--darker);
  border: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  }  
  
.wp-block {
  margin-top: 0;
  margin-bottom: 0;
  } 
  
html :where(.wp-block) {
  max-width: 100%;
  }  
  
.editor-visual-editor__post-title-wrapper {
  display: none;
  }  
  
:root :where(.editor-styles-wrapper)::after {
  display: none !important;
  }  
  
.block-editor-iframe__body,
.is-root-container {
  min-height: 100vh;
  }  
  
.is-root-container > P,
.is-root-container > .block-list-appender {
  margin-left: calc(160vw / 1728 * 100) !important;
  margin-right: calc(160vw / 1728 * 100) !important;
  }    
  
.is-root-container > P:first-child,
.is-root-container > .block-list-appender:first-child {
  margin-top: calc(160vw / 1728 * 100) !important;
  }      
  
/* BLOCK PARAGRAPH 
----------------------------------------------------------------------- */   
  
.wp-block-post-content P {
  line-height: 1.275;  
  margin-top: 0;
  margin-bottom: 1.275em;
  }
  
.wp-block-post-content A {
  transition: 0.2s;
  text-decoration: none !important;  
  } 
  
.wp-block-post-content A:hover {
  color: var(--red);
  }
  
.wp-block-post-content P:last-child {
  margin-bottom: 0;
  }  
  
.wp-block-post-content P STRONG {
  letter-spacing: 0.02em;
  }

/* BLOCK NUMMERIERTE LISTE
----------------------------------------------------------------------- */   

OL.wp-block-list {
  list-style: none;         
  counter-reset: item;       
  padding: 0;
  margin: 80px 0;
  }

OL.wp-block-list LI {
  counter-increment: item;  
  margin: 0 0 1em 0;
  position: relative;
  padding-left: 2.5em;      
  }

OL.wp-block-list li::before {
  content: counter(item);   
  position: absolute;
  left: 0px;
  top: 0px;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #000;
  color: white;
  font-size: 0.65em;
  line-height: 1.85em;
  font-weight: bold;
  text-align: center;
  }
  
OL.wp-block-list LI:last-child {  
  margin-bottom: 0;
  }
  
/* BLOCK HEADING
----------------------------------------------------------------------- */   

H1.wp-block-heading,
H2.wp-block-heading {
  font-family: "EK Roumald";
  font-size: calc(48vw / 1728 * 100);
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: calc(80vw / 1728 * 100);
  }
  
H3.wp-block-heading {
  font-size: calc(16vw / 1728 * 100);
  font-weight: 400;
  line-height: calc(32vw / 1728 * 100);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--red);
  }  
  
H3.wp-block-heading:before {
  content: "( ";
  }  
  
H3.wp-block-heading:after {
  content: " )";
  }    
  
/* BLOCK GROUP
----------------------------------------------------------------------- */   
  
.wp-block-group {
  margin-top: 0;
  }

.wp-block-post-content > .wp-block-group {
  padding-top: calc(200vw / 1728 * 100);
  padding-left: calc(160vw / 1728 * 100);
  padding-right: calc(200vw / 1728 * 100);
  padding-bottom: calc(160vw / 1728 * 100);
  }  
  
.wp-block-group.has-dark-background-color P,
.wp-block-group.has-darker-background-color P,
.wp-block-group.has-violett-background-color P {
  color: #fff;
  max-width: 35vw;
  margin-left: 0 !important;
  margin-right: 0;
  }  
  
/* BLOCK GROUP / GRID RANDLOS
----------------------------------------------------------------------- */  
  
.wp-block-group.is-style-grid {
  padding: 0;
  padding-top: calc(200vw / 1728 * 100);
  } 
  
.wp-block-group.is-style-grid .wp-block-group {
  padding: calc(20vw / 1728 * 100) calc(16vw / 1728 * 100);
  margin-block-start: 0;
  }  
  
.wp-block-group.is-style-grid .wp-block-group .wp-block-group {
  padding: 0;
  }  
  
.wp-block-group.is-style-grid .wp-block-group .wp-block-group.is-style-corner {
  position: absolute;
  left: calc(20vw / 1728 * 100);
  bottom: calc(20vw / 1728 * 100);
  }   
  
.wp-block-group.is-style-grid .wp-block-columns {
  gap: 0;
  position: relative;
  }   
  
.wp-block-group.is-style-grid .wp-block-group.has-white-background-color {
  padding: calc(85vw / 1728 * 100);
  padding-bottom: calc(100vw / 1728 * 100);
  padding-top: 0;
  }
  
.wp-block-group.home.slide {
  padding-top: calc(170vw / 1728 * 100);
  padding-right: 0;
  }
  
.wp-block-group.home.slide .wp-block-columns {
  gap: calc(26vw / 1728 * 100);
  max-width: calc(1170vw / 1728 * 100);
  margin-left: 0 !important;
  padding-right: 0;
  }   
  
.wp-block-group.home.slide .wp-block-button .wp-block-button__link { 
  text-transform: none;
  }
  
/* BLOCK GROUP / ANDERE FARBEN
----------------------------------------------------------------------- */   
  
.wp-block-post-content > .wp-block-group.has-red-background-color .wp-block-heading,
.wp-block-post-content > .wp-block-group.has-light-background-color .wp-block-heading,
.wp-block-post-content > .wp-block-group.has-lighter-background-color .wp-block-heading {
  color: var(--darker);
  }  
  
.wp-block-post-content > .wp-block-group.has-red-background-color .wp-block-button .wp-block-button__link,
.wp-block-post-content > .wp-block-group.has-light-background-color .wp-block-button .wp-block-button__link,
.wp-block-post-content > .wp-block-group.has-lighter-background-color .wp-block-button .wp-block-button__link {
  color: #fff
  }    

/* BLOCK COLUMNS
----------------------------------------------------------------------- */     

.wp-block-columns {
  width: 100%;
  gap: calc(85vw / 1728 * 100);
  }
  
.wp-block-group.is-style-default .wp-block-columns {
  margin-top: calc(75vw / 1728 * 100);
  } 

/* BLOCK BUTTON
----------------------------------------------------------------------- */   

.wp-block-button .wp-block-button__link {
  background: none;
  color: var(--red);
  padding: 0;
  border-radius: 0;
  }
  
.wp-block-button.is-style-uppercase .wp-block-button__link {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  }  
  
.wp-block-button .wp-block-button__link:after {
  content: " →";
  } 
  
.wp-block-button .wp-block-button__link[target="_blank"]:after,
.wp-block-button .wp-block-button__link.is-external:after {
  content: " ↗";
  }   
  
/* BLOCK IMAGE
----------------------------------------------------------------------- */   

.wp-block-column:first-child .is-style-edge {
  margin-left: calc(160vw / 1728 * -100);
  } 
  
.wp-block-column:last-child .is-style-edge {
  display: block;
  margin-right: calc(-200vw / 1728 * 100);
  max-width: calc(100% + 200vw / 1728 * 100);
  }     

.wp-block-image FIGCAPTION {
  padding-top: 12px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  }
  
/* SLICK SLIDER
----------------------------------------------------------------------- */  

.slick-dots {
  text-align: center;
  padding: 18px 0;
  display: flex;
  justify-content: center;
  }
  
.slick-dots LI {
  display: inline-block;
  padding: 0 6px;
  height: 12px;
  line-height: 1;
  font-size: 0;
  } 
  
.slick-dots LI BUTTON {
  width: 12px;
  height: 12px;
  background: #D9D9D9;
  border-radius: 12px;
  font-size: 0;
  cursor: pointer;
  transition: 0.2s;
  }
  
.slick-dots LI.slick-active BUTTON {  
  background: #000;
  }
  
.slick-dots LI:hover BUTTON {  
  background: #999;
  }
  
/* LAZYBLOCK ARTISTS
----------------------------------------------------------------------- */     

.wp-block-lazyblock-artists {
  min-width: 85vw;
  }

.wp-block-lazyblock-artists #artists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(50vw / 1728 * 100) calc(15vw / 1728 * 100);
  }
  
.wp-block-lazyblock-artists #artists .artist H2 {  
  text-transform: none;
  color: var(--darker);
  min-height: 3.3em;
  margin-bottom: 0.5em;
  padding-right: 5vw;
  }
  
.wp-block-lazyblock-artists #artists .artist .more A {
  color: var(--red);
  }  
  
.wp-block-lazyblock-artists #artists .artist FIGURE {
  background: #eee;
  aspect-ratio: 484 / 350;
  margin: calc(40vw / 1728 * 100) 0;
  position: relative;
  }  
  
.wp-block-lazyblock-artists #artists .artist FIGURE IMG {  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  }
  
/* LAZYBLOCK SLIDER
----------------------------------------------------------------------- */   

.wp-block-lazyblock-slider:after {
  content: " ";
  clear: both;
  display: table;
  }
  
.wp-block-lazyblock-slider .format {
  background: var(--lighter) url(../img/a-white.svg) no-repeat center center;
  background-size: calc(64vw / 1728 * 100) auto;
  overflow: hidden;
  opacity: 0.5;
  }  
  
.wp-block-lazyblock-slider .format.loaded {  
  opacity: 1;
  }
  
.wp-block-lazyblock-slider .format.default {
  aspect-ratio: 870 / 690;
  }
  
.wp-block-lazyblock-slider .format.smaller {
  aspect-ratio: 840 / 565;
  }   

.wp-block-lazyblock-slider .slider {
  opacity: 0;
  transition: 0.2s;
  height: 100%;
  }
  
.wp-block-lazyblock-slider .slider .slick-list,
.wp-block-lazyblock-slider .slider .slick-track {  
  height: 100%;
  }
  
.wp-block-lazyblock-slider .slider.loaded {
  opacity: 1;
  }  
  
.wp-block-lazyblock-slider .slider FIGURE {
  margin-bottom: 0;  
  } 
  
.wp-block-lazyblock-slider .slider FIGURE {
  width: 100%;
  height: 100%;
  }
  
.wp-block-lazyblock-slider .slider FIGURE IMG {  
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  }