@import "/includes/bootstrap5/css/bootstrap.min.css";
@import "/includes/aos/aos.css";
@import "/includes/fonts/pt-sans/styles.css";
@import "/includes/fancybox4/styles.css";
@import "/inc/styles/resize.css";
@import "/includes/fontawesome6/css/all.css";
@import "/includes/leaflet2/leaflet.css";
@import "/includes/leaflet2/MarkerCluster.css";
@import "/includes/leaflet2/MarkerCluster.Default.css";
@import "/includes/leaflet2/leaflet.awesome-markers.css";
@import "/includes/smartwizard6/css/smart_wizard_all.min.css";



:root {
	--color-main: #009ee0;
	--color-gray: #555;
	--color-red: #993636;
	--color-green: #5e975e;
	--color-orange: #f0a500;
	--bs-light: #ccc;
}


body {	
	font-family: 'Open sans', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1220px;
}


h1, h2, h3, h4, h5 {
	color: var(--color-main);
	padding: 0;
}

a {
    text-decoration: none;
	 color: var(--color-main);
}

h2, h3, h5 {
	background: none;
	margin: 0 0 10px 0;
}
	
h1 {
	font-size: 3em;
	font-weight: 100;
	margin-bottom: 40px;
}

h2 { font-size: 2em; }
h3 { font-size: 1.6em;margin-top:40px; }


hr {
	display: none;
}


primary.active {
    background: var(--color-main);
}

.property-price, #filtergroup .btn-primary.active {
    background: var(--color-main);
}

.help-block, #ibancheck {color: var(--color-red);}

#header {
	text-align: center;
	position: relative;
}

#logo {
	/*padding: 20px;*/
	margin: 0 auto;
	max-height: 80px;
}

.headline {
	background: var(--color-main);
	color: white;
}

.navbar-nav .nav-link {
  padding-right: 0 !important;
  padding-left: 0 !important;
  color: #fff;
  padding: 0;
    padding-right: 0px;
    padding-left: 0px;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.headline li {
	padding: 0 2rem;
}

.btn-primary {
	background: var(--color-main);
	border: 1px solid var(--color-main);
}

.btn-primary:hover {
	background: #666;
}


.td td:first-child {width:150px;}
#map_wrapper {position: relative;}

#map {position:absolute;top: 0; left: 0; right: 0; bottom: 0;}

#view_gallery, #view_table {
  overflow: auto;
}

#result_table {height: 100%;overflow: auto;}

#tab_wishlist, #printbasket {display:none;}

.resetfilter, .gallery-img, .cart, #getimage {cursor: pointer;}
.scrollToTop2 {
  position: fixed;
  bottom: 50px;
  right: 30px;
  display: none;
  z-index: 5000;
}
.scrollToTop2 i {
  font-size: 3rem;
}
#PosFreeReset, #PosFreeSearchStart {cursor: pointer;}

.scroller {
	/*height: 600px;*/
	overflow: auto;
	position: relative;
}

.modal-title {
  font-size: 1.3rem;
}


.footer {
	text-align: center;
}

.footer p {
	margin: 0;
	font-size: 0.7rem;
}


.fa {
	font-size: 1.2em;
}


.nav-item > a {
    font-size: 1rem;
}

#getWunschliste {
	position: relative;
}

#wishlistCnt {
	position: absolute;
	top: -5px;
	right: -20px;
	padding: 0.2em 0.4em;
}




.hide {
    display: none !important;
}



#dsgvo p {
	font-size:1rem !important;
}

#dsgvo h1, #dsgvo h2 {
   
}

#dsgvo h4 {
    font-size: 1.4rem !important;
    
}

.green {color: var(--color-green);}
.red {color: var(--color-red);}
.orange {color: var(--color-orange);}

.btn-delete {
    font-size: 1.3rem;
	 color: var(--color-red);
}

.btn-orange {
	background: var(--color-orange);
	border-color: var(--color-orange);
}

.btn-orange:hover {
	background: var(--color-main);
	border-color: var(--color-main);
}


#gallery img {
  max-width: 100px;
}

#gallery .motivpopup img {
  max-width: 260px;
}

.galleryimg {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.gallerynumber {
  position: absolute;
  background: rgba(200,200,200,1);
  z-index: 500;
  padding: 10px;
  line-height: 5px;
  border-radius: 50%;
  bottom: 5px;
  right: 5px;
}


#basket .error ul {
	margin: 0;
	border-left: 5px solid red;
}

#basket .error li {
	list-style: none;
}


#mobilenav {
  position: fixed;
  background: var(--color-main);
  bottom: 0;
  z-index: 500;
  height: 60px;
  left: 0;
  right: 0;
}


#mobilenav .nav-tabs {
  border: none;
}

#mobilenav .nav-tabs i {
  color: white;
}

#mobilenav .nav-tabs .active i {
  color: var(--color-main);
}

#showmotive {
	cursor: pointer;
}

.table.checkout td {
	font-size: 0.9rem;
}



.kundenimpressum h1 {
  font-size: 2rem;
}

.kundenimpressum h2 {
  font-size: 1.4rem;
}


.introtext {
  font-size: 0.9rem;
}

#headerinfo {
  background: #eee;
  padding: 10px;
}

.motiv {
	cursor: pointer;
}


#smartwizard .toolbar-bottom .btn {
	/*display: none;*/
}

#wz_error {
	color: red;
	font-size: 0.9rem;
}


#map {position:relative;min-height: 500px;height:100%;}





.payment, #sepa {
	display: none;
}

.payment.paypal {
	display: block;
}

#paypalBtn {
	width: 50%!important;
}

#finalizeOrder {
	display: none;
}




.cover-container {
	height: 180px;
	width: 100%;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}

.cover-item {
	position: relative;
	display: inline-block;
	margin: 8px;
	width: 190px;
	height: 158px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.item-border {
	border: 1px solid red;
}

#freesearchresult {
	max-height: 500px;
	overflow: auto;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.fancybox__container {
	z-index: 10000;
}


#iban {
	text-transform: uppercase;
}