@font-face {
    font-family: Oswald;
    src: url('fonts/Oswald.ttf');
}

body{
	margin: 0;
	font-family: 'Oswald', sans-serif;
	background-color: #fff;
    color: #212529;
}

input, textarea{
	font-family: 'Oswald', sans-serif;
}

h1{
	color: rgb(140,46,72);
    font-size: 56px;
    font-family: Oswald;
    text-align: center;
}

h2{
	color: #5472a5;
    text-align: left;
}

body[data-page="1"] h2{
    text-align: center;
}

a{
	color: #846c4f;
}

a:hover{
    text-decoration: none!important;
}

ul{
	list-style-type: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#naviWrapper {
    background-color: #846c4f;
}

#miniNavi{
	color: #e8eff7;
}

#header{
    background-color: #fff;
    position: relative;
    z-index: 1000;
}

#miniMenu li a{
    color: #737373;
}

.miniMenuKategorie a{
	height: 17px;
	color: #737373;
	font-family: Oswald;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0px;
}

#miniMenu li a.aktiv{
	color: #846c4f;		
}

.startseiteObKategorien a span,
.startseiteObArrangements a span,
.startseiteGsKategorien a span{
    background-color: #846c4f;
    color: #fff;
}

#warenkorbHeader
{
    border: 1px solid #737373;
    background-color: #fff;
    position: relative;
}

#warenkorbIcon {
    color: #737373;
    font-size: x-large;
}

.kategorienAngezeigt,
.kategorieListeWrapper{
    display: none;
}

.kategorieGutscheinWrapper li:last-child{
    border-bottom: 1px solid #dee2e6!important;
}

.kategoriePreisWrapper a{
    text-decoration: none;
}

.kategoriePreis, .kategoriePreis:hover, .arrangementPreis, .arrangementPreis:hover, .detailsPreis, .detailsPreis:hover, .ergebnisPreisAb{
}

.gutscheinText a, a.gutscheinName, .gutscheinText p, a.kategorieName, .kategorieText p, a.arrangementName, .arrangementText p{
    color: #737373;
}

#kategorieRightContent h1
{
	color: #737373;
}

#kategorieHeader{
	position: relative;
}

#kategorieHeader p{
	color: #737373;
}

#kategorieBox a {
    color: #fff;
}

.detailsContent h1{
	color: #737373;
	border-bottom: 1px solid #fff;
}

.preisWrapper {
    background: #fff;
}

.anfragePreisWrapper {
    background: #fff;
}

.anfrageDetailsPreisWrapper {
    display: block;
}

.anfrageDetailsPreis {
    font-family: 'Oswald', serif;
    color: #474B4D;
}

#benutzerDaten .anfrageDetailsPreis {
    font-family: 'Oswald', serif;
    color: #474B4D;
}

#benutzerDaten .anfrageGesamtPreis {
    font-family: 'Oswald', serif;
    color: #474B4D;
}

#benutzerDaten .detailsPreisInfo {
    font-family: 'Oswald', serif;
    color: #474B4D;
}

.anfrageGesamtPreis{
    font-family: 'Oswald', serif;
    color: #474B4D;
}

.datenAnzahl {
    font-family: 'Oswald', serif;
    color: #474B4D;
}

h3{
	word-wrap: break-word;
}

.datenWidmung {
    color: #676b6d;
}

li.warenkorbGutscheinRowWrapper ul.warenkorbRow li{
	height: 50px;
}

.warenkorbRow .gutscheinGesamtpreis .detailsPreisInfo{
	color: #fff;
}

.detailsPreisInfo{
	color: #474B4D;
}

.mainButton, .mainButton:hover, .mainButton:visited{
	background: rgba(120,26,52,1);
	box-shadow: none;
	border: none;
	color: #fff;
	cursor: pointer;
    text-decoration: none!important;
}

.mainButton:hover{
    background: rgba(140,46,72,1);
    box-shadow: none;
    border: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none!important;
}

#warenkorbAnzahl {
    position: absolute;
    color: #fff;
    top: -6px;
    left: 35px;
    background-color: #005275;
    width: 20px;
    height: 20px;
}

#miniNavi a{
	color: #e8eff7;
}

.bearbeitenButton,
.bearbeitenButton:hover{
    background: grey;
    box-shadow: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

#benutzerDaten #zahlungsButton.kaufenButton{
    background: orange;
    box-shadow: none;
    border: none;
    color: #fff;
    border-bottom: 1px solid #ddd;
    height: auto;
    cursor: pointer;
}

#benutzerDaten select {
    height: 40px;
    color: #474B4D;
}

label.formError {
    display: block;
    color: red;
}

#iframeWrapper{
	width: 100%;
	margin-top: 10px;
}

 #menuButton{
    color: #737373;
    font-size: xx-large;
}

.warenkorbTextSmaller{
	display: inline-block;
}

.hinweisFenster{
    color: #fff;
}

#gutscheinliste .warenkorbRowWrapper,
#gutscheinliste .warenkorbGutscheinRowWrapper{
	border: 1px solid #efefef;
}

#gutscheinliste > li{
	border-right: 1px solid #fff;
}

.warenkorbRow li {
    border-right: 1px solid #132A4A;
}

.warenkorbHeader .warenkorbRow li{
	border-right: 1px solid #132A4A;
}

.gutscheinBearbeiten a:visited,
.gutscheinBearbeiten a{
	color: #000;
}

.warenkorbRow li:last-of-type{
	border-right: none;
}

ul.warenkorbRow{
	border-right: 1px solid #132A4A;
	border-left: 1px solid #132A4A;
	border-bottom: 1px solid #132A4A;
}

.nameWrapper a {
    color: #132A4A;
}

.warenkorbHinweis{
	color: #737373;
}

.zahlungsartWrapper img{
	height: 35px;
}

ul.warenkorbRow i {
    color: #005275;
}

.warenkorbRow button{
	background-color: transparent;
	box-shadow: none;
	border: none;
	cursor: pointer;
	outline: none;
}

.zahlungsartWrapper label{
	color: #737373;
}

label.textZusammenfassung{
    color: #fff;
}

#agbContent p{
	color: #fff;
}

.agbWrapper a{
	color: #737373;
}

.agbWrapper{
	color: #737373;
}

#agbNotChecked, #datenschutzNotChecked{
	color: red;
    display: none;
}

#footer a{
	color: #fff;
}

#footer {
    color: #fff;
    background-color: #737373;
}

#topHeaderWrapper{
	height: 33px;
	background-color: #846c4f;
}

.sliderItemWrapper{
	position: relative;
}

#sliderWrapper{
	overflow: hidden;
}

.sliderText {
    position: absolute;
    top: 45%;
    left: 5%;
    margin: 0 auto;
    font-size: 40px;
    padding: 15px;
    background-color: #846c4f;
    color: #fff;
    /*width: 330px;*/
    text-align: center;
}

.slick-dots li button:before{
	color: #846c4f;
	opacity: 1;
}

.slick-dots li.slick-active button:before{
	color: #132a4a;
	opacity: 1;
}

.sliderTextLang {
    position: absolute;
    top: 62%;
    left: 5%;
    margin: 0 auto;
    font-size: 16px;
    padding: 15px;
    background-color: #fff;
    color: #737373;
    text-align: center;
    opacity: 0.7;
}

#widget-container{
	height: 930px;
}

#abweichendeLieferadresse{
	background-color: #846c4f;
}

.preisgesamtString{
    font-family: 'Oswald', serif;
    color: #474B4D;
}

#ibanNotValid{
    color: red;
}

.carousel-indicators li{
	background-color: #846c4f;	
}

#aktuelleLeistungSlider .carousel-indicators{
	position: relative!important;
}

#aktuelleLeistungSlider .carousel-indicators div{
	border: 1px solid #846c4f;
	border-left: none;
}

#aktuelleLeistungSlider .carousel-indicators div:nth-child(4n+1){
	border-left: 1px solid #846c4f;
}

#aktuelleLeistungSlider .carousel-item img{
	height: 200px;
	border: 1px solid #846c4f;
}

.carousel-inner{
	width: auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after
{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
  	font-size: 55px;
  	font-weight: 900;
  	color: #846c4f;
}

.carousel-control-prev-icon:after {
	font-family: "Font Awesome 5 Free";
  	content: '\f053';
  	font-size: 55px;
  	font-weight: 900;
  	color: #846c4f;
}

.carousel-caption{
    top: 30%;
    color: #fff;
}

.carousel-caption .mehrErfahren{
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
}

#startseiteSlider img{
	height: 270px;
}

.datepicker.datepicker-inline{
	background-color: #eaeaea;
	width: 100%;
}

.datepicker table tr td, .datepicker table tr th{
	border-radius: 0;
	text-align: center;
}

.datepicker table tr td.active.active {
    background-color: #846c4f;
    color: #fff;
}

.form-select:focus{
	box-shadow: none;
}

.btn:hover{
	color: #fff;
}

.aktion.btn:hover{
	color: #212529;
}

#onlineResSucheForm .btn:hover{
    color: #000;
}

#topHeader, #topHeader a{
	color: #fff;
}

.startseiteObArrangements a, startseiteObArrangements a:hover, .startseiteObKategorien a, startseiteObKategorien a:hover{
    text-decoration: none!important;
    color: #846c4f;
}

.startseiteObArrangements a .beschreibung, .startseiteObKategorien a .beschreibung{
    color: #737373;
}

div#menuModal{
    width: 50%!important;
}

#filterBtn{
    width: 100%;
    background-color: #fff;
}

.gefiltert{
    background-color: #E35D6A!important;
}

.carousel-button{
    background-color: #fff;
}

.footerLinks a{
    text-decoration: none;
}

.subMenu{
    display: none;
    position: absolute;
}

.menuItem{
    position: relative;
}

.menuItem:hover .subMenu{
    display: block;
}

.subMenu{
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
}

/* Farbwelt Campingpark Sanssouci Potsdam: Bordeaux, Creme und Anthrazit */
:root {
    --potsdam-bordeaux: #922d4b;
    --potsdam-bordeaux-dunkel: #741f38;
    --potsdam-creme: #fff;
    --potsdam-anthrazit: #45403d;
    --potsdam-sand: #d8c5b9;
}

body {
    background-color: var(--potsdam-creme);
    color: var(--potsdam-anthrazit);
}

h1, h2, a, .nameWrapper a,
.startseiteObArrangements a, .startseiteObKategorien a {
    color: var(--potsdam-bordeaux);
}

#naviWrapper, #topHeaderWrapper,
.startseiteObKategorien a span, .startseiteObArrangements a span,
.startseiteGsKategorien a span, .sliderText,
#abweichendeLieferadresse, .datepicker table tr td.active.active {
    background-color: var(--potsdam-bordeaux);
}

.mainButton, .mainButton:hover, .mainButton:visited {
    background: var(--potsdam-bordeaux-dunkel);
}

.mainButton:hover {
    background: var(--potsdam-bordeaux);
}

#warenkorbAnzahl, ul.warenkorbRow i {
    background-color: var(--potsdam-bordeaux);
    color: #fff;
}

.warenkorbRow li, .warenkorbHeader .warenkorbRow li,
ul.warenkorbRow {
    border-color: var(--potsdam-sand);
}

#warenkorbHeader, #filterBtn, .subMenu {
    border-color: var(--potsdam-sand);
    background-color: #fff;
}

.gefiltert {
    background-color: var(--potsdam-bordeaux) !important;
}

.kategorienToggleBtn.subButton,
.kategorienToggleBtn.subButton:active {
    background-color: var(--potsdam-bordeaux);
    border: 1px solid var(--potsdam-bordeaux);
    color: #fff;
    box-shadow: none;
}

.kategorienToggleBtn.subButton:hover,
.kategorienToggleBtn.subButton:focus {
    background-color: var(--potsdam-bordeaux-dunkel);
    border-color: var(--potsdam-bordeaux-dunkel);
    color: #fff;
    box-shadow: none;
}