div.menu {
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 18px;
} 
div.menu > div > div {
	padding: 10px;
	border: 1px solid #3A3A3A;
} 
div.menu > div.active > div {
	border: 1px solid #ed40a9;
	background-color: #ed40a9;
	color: white;
}
div.menu > div.done > div {
	background-color: #3A3A3A;
	color: white;
}

body section.vh-100 {
	padding-top:0px!important;
}

.p-md-5 {
	padding:0px!important;
}

.angebot > p {
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-bottom: 0px;
    margin-top: 0px;
}

.pricing-header.p-3.pb-md-4.mx-auto.text-center {
    word-break: break-word !important;
}

.btn-success {
    background-color:#2bbf7c !important
}

.error {
    color: red;
    font-weight: bold;
}
p.fs-5.text-muted {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px!Important;
    font-weight: 400!important;
}

.card {
	--mdb-card-box-shadow:0px!important;
}

.card.mb-4.rounded-3 {border: 1px solid lightgrey;border-radius: 0px!important;}

.card-body.angebot {border: 0px solid;padding: 0px 24px 48px;text-align: left;}

.card-header.py-3.angebot {
    border: 0px;
}

.pricing-card-title>small {
    color: #3A3A3A;
    text-transform: uppercase;
}

form {}

button.w-100.btn.btn-lg.btn-primary:hover {
	border-color:#ED40A9;
	box-shadow:none;
}

button.btn.btn-lg.btn-primary {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
}

img {}

.pricing-header.p-3.pb-md-4.mx-auto.text-center {
    padding: 2em 0 0 0 !important;
}

button.w-100.btn.btn-lg.btn-primary {
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 0px;
    font-weight: 400;
--mdb-btn-hover-border-color: none;
}

.preis {
    font-size: 18px;
    line-height: 34px;
}

label.count_adult {color: rgba(0,0,0,.6);}

.card-body.py-3.select>strong {
    color: dimgrey;
}

.card.mb-8.rounded-3.shadow-sm {
    margin-bottom: 3rem!important;
}

.label-daten {
    color: dimgrey;
}

@font-face {
    font-family: Josefin Sans;
    src: url(webfonts/JosefinSans-Light.ttf) format(truetype);
    font-weight: 300;
}
@font-face {
    font-family: Josefin Sans;
    src: url(webfonts/JosefinSans-Regular.ttf) format(truetype);
    font-weight: 400;
}
@font-face {
    font-family: Josefin Sans;
    src: url(webfonts/JosefinSans-Medium.ttf) format(truetype);
    font-weight: 500;
}
@font-face {
    font-family: Josefin Sans;
    src: url(webfonts/JosefinSans-SemiBold.ttf) format(truetype);
    font-weight: 600;
}
@font-face {
    font-famiy: Josefin Sans;
    src: url(/webfonts/JosefinSans-Bold.ttf) format(truetype);
    font-weight: 700;
}

body {
    background-image: url(https://malediven.de/wp-content/uploads/2022/10/JB-4.jpg);
    background-size: cover;
    background-attachment: fixed;
    font-family:"Josefin Sans",sans-serif;
    color: #3A3A3A;
    background-blend-mode: overlay;
    padding-top: 0px!Important;
}

h3, h3, .angebot {
color: #3A3A3A;
}

h4, .fw-normal{
	font-weight:300!important;
	font-size: 20px;
	color:#3A3A3A;
	display: flex;
	flex-direction: row;
}

.headline {
	text-transform:uppercase;
}

@media only screen (max-width:767px){
.headline 
{
	font-family: josefin Sans!important;
	color: #3A3A3A;
	font-size: 20px;
	font-weight: 500;
}
}

@media only screen (min-width:768px){
.headline 
{
	font-family: josefin Sans!important;
	color: #3A3A3A;
	font-size: 35px;
	font-weight: 500;
}
}

.angebot h3 
{
	font-weight: 500;
	color: #3A3A3A;
	display: flex;
	flex-direction: row;
	text-align: left;
}
.star {
	width:30px;
	color: #3A3A3A!important;
}
.starholder {
	margin-bottom:15px;
	display: flex;
	flex-direction: row;
	margin-top: 15px;
}
.bild img {
	width:100%;border-radius: 0px;
	height: 300px;
	object-fit:cover;
}

.bild {border-radius: 0px!important;padding: 0px;padding-top: 24px;padding-bottom: 24px;}

.card-body.bild {}
.pricing-card-title {
	font-family:"Josefin Sans";
	font-weight: 600;
	font-size: 25px!important;
}

.pricing-card-title small {
	font-family:"Josefin Sans";
	font-weight: 500!important;
	font-size: 20px;
}

.btn {
	font-weight:bold;
}

.card-padding{
	height:200px;
}
.datenschutz p {
	font-size:14px !important;
}

.selected {
    background-color: #ed40a9;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 0px;
}

.grau{
    background-color: #3A3A3A !important;
}
.card-body .select {
	padding-bottom:0px;
}

.bigger {
    height: 50px;
    width: 100%;
    border: 1px solid darkgrey;
    border-radius: 5px;
    font-size: 22px;
    padding-left: 20px;
}

.hidden {
	display:none;
}

.datum label {
	color: rgba(0,0,0,.6)
}

.form-control input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
	
	
}

input#endDate{
  position:relative;
  overflow:hidden;
}
input#endDate::-webkit-calendar-picker-indicator {
  display:block;
  top:0;
  left:0;
  background: #0000;
  position:absolute;
  transform: scale(12)
}


input#startDate{
  position:relative;
  overflow:hidden;
}
input#startDate::-webkit-calendar-picker-indicator {
  display:block;
  top:0;
  left:0;
  background: #0000;
  position:absolute;
  transform: scale(12)
}

.kinder {
    background-color: #ebebeb;
	padding-bottom:20px;
}

.btn-primary {
    --mdb-btn-bg: #fff;
    --mdb-btn-color: #3A3A3A;
    
    --mdb-btn-hover-bg: #ED40A9;
    --mdb-btn-hover-color: #fff;
--mdb-btn-box-shadow: none;
}

.btn-check:focus+.btn-primary, .btn-check:focus-visible+.btn-primary, .btn-primary:focus {
	background-color: #ED40A9;
	color:#fff;
	border-color:#ED40A9;
	
}

.angebot span {
	font-weight: 400;
	font-size: 14px;
	color: #3A3A3A;
}

.preis {
	padding-top: 50px;
	line-height: 1;
	font-weight: 500;
	font-size:16px;
	padding-bottom: 0px;
	margin-top: 0px!important;
}
.preis span {
	font-family: Josefin Sans!important;
	font-size:30px;
	margin-top: 5px;
	color: #3A3A3A;
	display: block;
	font-weight: 500;
}

.os {
	font-family: Open Sans!important;
}
.kleingedrucktes {
	font-size:14px;
	padding-bottom:10px;
}

.angebotskasten{
	/* border: 2px solid #646363; */
	/* padding: 20px; */
	border-radius: 5px;
}

.label-daten {
	font-weight:bold;
	font-size:20px;
	padding-bottom:10px;
}
.form-check.versatz {
	padding-left: 35px !important;
	}
	
.gruen {
	    border: 2px solid #14a44d!important;
}

.datumcheck {
	font-size:35px !important;
}