/*
Theme Name: desireisen.de
Author: Travelseller GmbH
Description: desireisen.de-Theme. CSS-Framework is Bootstrap5
Version: 1.0
Tags: desireisen
*/


.circle-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
	border: 1px solid #396192;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.lobster {
	font-family: "DM Serif Display", serif;
  	font-weight: 400;
  	font-style: italic;
}


body h1 {
	font-size: 4rem;
}

body .bg-primary {
	background-color: #F6EBD8 !important;
}

body .text-primary {
	color: #396192 !important;
}


body .text-success {
	color: #2A6F91 !important;
}
.navbar-expand-xl {
	background-color: #EDE1D8;
	
}

.nav.navbar-dark .nav-link {
	color: #2A6F91 !important;
}

#topnav .nav-link {
	font-size: 0.875rem;
	font-weight: bold;
}

#primarynav .nav-link,
#primarynav .navbar-light .navbar-nav .nav-link {
	color:  #000;
	text-transform: uppercase;
	font-size: 0.875rem;
}

#primarynav .navbar-nav {
	align-items: center;
}

body .dropdown-item.active, body .dropdown-item:active {
	background-color: rgb(255, 202, 44);
} 

.color-red {
	color: #CB102C;
}

.slick-item-cover {
	height: 600px;
	max-height: 100vh;
	background-repeat: no-repeat;
	background-size: auto 100%;	
	background-position: center;
}

.slick-item-cover .usp {
	width: 90%;
}

.slick-item-cover .usp .teaser {
	background: #fff;
	font-size: 0.875rem;
	padding: 0.6rem;
	margin-top: 0.4rem;
	color: #d71313;
	font-weight: bold;
}

.slider-vertical {
	writing-mode: sideways-lr;
}

.slick-item-cover .usp .price-box {
	background: rgba(255, 255, 255, 0.8);
	padding: 1.2rem 0.8rem 1.2rem 1.2rem;
	font-size: 0.7rem;
	display: inline-block;
	text-align: right;
	color: #2A6F91;
}

.slick-item-cover .usp .price {
	font-size: 2rem;
	font-weight: 700;
	margin-left: 0.3rem;	
}

@media only screen and (min-width: 601px) {
	.slick-item-cover {
		background-size: 100% auto;
	}
	.slick-item-cover .usp {
		width: 50%;
	}
}

.slick-item-cover h3 {
	background: rgba(237, 225, 216, 0.8);
	font-size: 1.5rem;
	padding: 0.6rem;
	font-weight: 800;
	color: #CB102C;
	text-align: right;
	margin-bottom: 0.2rem;
}
.button-red {
	background-color: #CB102C !important;
  	border-color: #CB102C !important;
}
/**
 * Tabs in Desitheme
 */
body .nav-tabs .nav-item.show .nav-link, 
body .nav-tabs .nav-link.active {
	background-color: #2A6F91;
	border-color: #e9ecef #e9ecef transparent transparent;
}

body .nav-tabs .nav-link,
body .nav-tabs .nav-item.show .nav-link {
	background-color: #CB102C;
	border-color: #e9ecef #e9ecef transparent transparent;
}

/**
 * Reader
 */
.slick-next {
	right: 15px;
}
.slick-prev {
    left: 0;
}
.slick-prev, .slick-next {
	width: 36px;
	height: 36px;
	z-index: 200;
}

#reader .slick-prev::before, #reader .slick-next::before {
	color: #fff;
	opacity: initial !important;
}

.slick-prev::before, .slick-next::before {
	font-size: 35px;
	color: #405d80;
	opacity: initial !important;
}
h5 {
	font-size: 0.8rem;
	font-weight: bold;
}
h4 {
	font-size: 1rem;
}
.card-title {
	height: 30px;
}

.ort {
	height: 50px;
}

.headlinecolor {
	color: #CB102C;
}
/**
 * footer
 */

#footernav .nav-link {
font-size: 0.875rem;
}