:root {
  --color1: #ff0873;
  --color2: #dd1169;
  --color3: #ab004a;
  
  --color-green: #08FF9D;
  --color-yellow: #FFE608;
  --color-purple: #C508FF;
  
}

body { margin: 0 0 0 100px; font-family: "Titillium Web", sans-serif; }
@media (max-width: 640px) {
	body{ margin: 0 0 0 0; }
}

.uk-container-c2e{
	margin-left:0px;
}


    .magazine-cover {
	  width: 150px; /* Breite des Covers */
	  height: 200px; /* Höhe des Covers */
	  background-size: cover;
	  background-position: center;
	  position: relative;
	  transform: perspective(1000px) rotateY(-12deg) rotateX(4deg);
	  transform-origin: left center;
	  box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.3);
	  transition: transform 0.4s ease, box-shadow 0.4s ease;
	}

	p.magazine-title{
		max-width:150px;
		margin-bottom: 5px;
	}

	p.magazine-meta{
		font-size: 12px;
		color: #b3b3b3;
		margin-top: 0px;
	}

	.magazine-cover:hover {
	  transform: perspective(1000px) rotateY(-12deg) rotateX(4deg) scale(1.05);
	  box-shadow: 10px 12px 25px rgba(0, 0, 0, 0.4);
	}

	.magazine-pages {
	  position: absolute;
	  top: 0;
	  right: -6px; /* Dicke der Seiten simulieren */
	  width: 6px;
	  height: 100%;
	  background: linear-gradient(to right, #f4f4f4, #e0e0e0);
	  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	}

	.magazine-bottom {
	  position: absolute;
	  bottom: -4px;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background: linear-gradient(to bottom, #f4f4f4, #e0e0e0);
	  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	}
	
	.magazine-card a:hover{
		text-decoration:none;
	}
	
	.uk-button-primary{
		background-color:var(--color2);
	}
	
	.uk-button-primary:hover{
		background-color:var(--color1);
	}
	
	.uk-text-primary{
		color:var(--color1) !important;
	}
	
	.uk-input:focus, .uk-select:focus, .uk-textarea:focus{
		border-color:var(--color2);
	}
	
	.uk-link, a{
		color:var(--color3);
	}
	
	.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover{
		color:var(--color1);
	}
	
	.translated{
		background-color:yellow;
	}
	
/*	Fullpage Loading */
  #fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  #fullpage-loader img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin-bottom: 15px;
  }

  #fullpage-loader .caption {
    font-size: 1.2rem;
    color: #333;
  }
  /* End Fullpage Loading */
  
  
  /* Flaggen für Language Schalter Arial */
  .font-flags-sans-serif{
	  font-family:Arial, Helvetica, Sans-Serif;
  }
  
  
  
  /* Navigation */
  .mobile-nav .uk-icon-button{
	  width:50px;
	  height:50px;
  }
  
  .mobile-nav .uk-icon-button svg{	/* Icons vergroessern */
	  width:30px;
	  height:30px;
  }