/*
nes-slider.css
Projekte-Slider - Karten im Block und Einzelansicht.

Die Gestaltung stammt aus gula-cpt-slider/inc/artikel-nes.css, dort unter den
Klassen .artikel-*-basic und .artikel_single-*. Uebernommen wurden nur die
Regeln, die dieser Slider wirklich braucht - mit eigenen Klassennamen, damit
sich beide Plugins nicht in die Quere kommen, wenn sie gleichzeitig laufen.

URI: http://www.steckdesign.ch/
Author: steckdesign.ch
Version: 1.0
*/


/* ---------------------------------------------------------------------------
   Karte im Slider
   --------------------------------------------------------------------------- */

a.nes-slider-link {
	text-decoration: none;
}

.nes-slider-bildwrap {
	overflow: hidden;
}

.nes-slider-bild {
	background-color: rgba( var( --maincolor-bg ), 0.15 );
	aspect-ratio: 1/1;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.nes-slider-link:hover .nes-slider-bild,
a.nes-slider-link:focus .nes-slider-bild {
	transform: scale( 1.1 );
}

.nes-slider-datum,
.nes-slider-titel {
	font-family: var( --title-font-hand );
	font-style: var( --font-normal );
	letter-spacing: 2px;
	word-spacing: -2px;
	text-transform: uppercase;
}

.nes-slider-datum {
	font-size: calc( var( --fontsize ) * 1.3 );
	padding-top: calc( var( --size-1 ) * 0.75 );
	margin-bottom: calc( var( --size-1 ) * 0.1 );
}

.nes-slider-titel {
	font-size: calc( var( --fontsize ) * 1.55 );
	margin-bottom: calc( var( --size-1 ) * 0.25 );
	color: rgba( var( --sitecolor ), 1.0 );
}

.nes-slider-auszug {
	text-transform: uppercase;
}

a.nes-slider-link:hover .btn-outline-theme-basic {
	color: rgba( var( --white ), 1.0 ) !important;
	background-color: var( --red-400 );
	border-color: var( --red-600 );
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/* ---------------------------------------------------------------------------
   Einzelansicht
   --------------------------------------------------------------------------- */

.nes-slider-singlebox {
	display: flex;
	align-items: center;
}

.nes-slider-single-datum {
	font-size: calc( var( --fontsize ) * 2 );
}

.nes-slider-single-titel .titel-big {
	margin-top: var( --size-1 );
	margin-bottom: 0px;
	color: rgba( var( --rgb_red ), 1.0 );
	line-height: 1;
}

.nes-slider-single-auszug {
	font-size: calc( var( --fontsize ) * 1.5 );
	line-height: 1.2;
	text-transform: uppercase;
	margin-top: calc( var( --size-1 ) * 0.6 );
}

.nes-slider-single-content {
	font-size: calc( var( --fontsize ) * 1.1 );
	line-height: 1.5;
	margin-bottom: var( --size-2 );
}