/*
Created on	: August 2023
Author			: Aleksandar Strinic
Publisher		: SURFER DUDES BEOGRAD
*/

/*
FONTS
**********************************************************************************************************
*/

/* open-sans-300 - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v34-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/open-sans-v34-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v34-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/open-sans-v34-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/open-sans-v34-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/open-sans-v34-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/open-sans-v34-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/open-sans-v34-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
		url('../fonts/open-sans-v34-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/open-sans-v34-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* dosis-regular - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/dosis-v27-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/dosis-v27-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/dosis-v27-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/dosis-v27-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/dosis-v27-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/dosis-v27-latin_latin-ext-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* dosis-700 - latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/dosis-v27-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/dosis-v27-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/dosis-v27-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/dosis-v27-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/dosis-v27-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/dosis-v27-latin_latin-ext-700.svg#Dosis') format('svg'); /* Legacy iOS */
}




/* 
MAIN STYLES
**********************************************************************************************************
*/

html, body {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 16px;
	background-image: url(../img/patern.jpg);
	color: rgb(33,37,41);
}

.container {
	overflow: hidden;
}

.navbar.navbar-dark {
	background-image: url(../img/patern2.jpg);
}
.navbar .navbar-brand {
	padding-left: 77px;
	color: rgba(255, 255, 255, 0.55);
	padding-top: 8px;
	padding-bottom: 2px;
}
.navbar .navbar-brand:focus, .navbar .navbar-brand:hover {
	color: rgba(255, 255, 255, 0.75);
}
.navbar .navbar-brand .logo-img {
	position: absolute;
	top: 18px;
	left: 12px;
	height: 60px;
}
.navbar .dropdown-toggle::after {
	margin-left: 0.255em;
	margin-right: 0.255em;
}
.navbar .nav-link > i {
	vertical-align: middle;
}
.navbar .nav-link > span {
	display: inline-block;
	line-height: 0.55;
	vertical-align: middle;
	padding-bottom: 2px;
}
.navbar .btn.has-indicator .indicator {
	position: absolute;
	margin-top: 1em;
	left: 2.4em;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	z-index: 1;
}
.navbar .btn.has-indicator .indicator-negative  {
	background-color: #ff0000;
}
.navbar .btn.has-indicator .indicator-positive {
	background-color: #00ff00;
}
.navbar .dropdown-menu {
	min-width: 240px;
}
.navbar .dropdown-menu-dark .text-muted {
	color: rgba(255, 255, 255, 0.45) !important;
}
.navbar .dropdown-item-text.text-muted {
	line-height: 1.2;
}
.navbar .dropdown-divider {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar .dropdown-menu-end .dropdown-item, .dropdown-menu-end .dropdown-item-text {
	text-align: right;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(255, 255, 255, 0.15);
}
.languages-toggle {
	padding-left: 1rem !important;
}

hr {
	opacity: 1;
}

.flipp-x-180 i:not(.acordion_dropdown_indicator), .flipp-x-180 img:not(.no-flipp) {
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	transition: transform 0.5s;
}
.flipp-x-180:not([disabled]):hover i:not(.acordion_dropdown_indicator), .flipp-x-180:not([disabled]):focus i:not(.acordion_dropdown_indicator),
.flipp-x-180:not([disabled]):hover .flipp-content, .flipp-x-180:not([disabled]):focus .flipp-content,
.flipp-x-180:not([disabled]):hover img:not(.no-flipp), .flipp-x-180:not([disabled]):focus img:not(.no-flipp) {
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flipp-x-360 i:not(.acordion_dropdown_indicator), .flipp-x-360 img:not(.no-flipp) {
	-moz-transform: rotateY(0);
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	transition: transform 0.5s;
}
.flipp-x-360:not([disabled]):hover i:not(.acordion_dropdown_indicator), .flipp-x-360:not([disabled]):focus i:not(.acordion_dropdown_indicator),
.flipp-x-360:not([disabled]):hover .flipp-content, .flipp-x-360:not([disabled]):focus .flipp-content,
.flipp-x-360:not([disabled]):hover img:not(.no-flipp), .flipp-x-360:not([disabled]):focus img:not(.no-flipp) {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.text-shadow {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}
h1, .h1 {
	font-size: 2.5rem;
}
.kategorieauswahl {
	background-color: #fff;
}
.kategorieauswahl button > span {
	line-height: 1em;
	text-align: left;
}
.kategorieauswahl .btn > span.d-inline-block {
	padding-bottom: 2px;
}
.kategorieauswahl .btn {
	line-height: 1.1;
	padding: .608rem .75rem;
	border: var(--bs-border-width) solid var(--bs-border-color);
}
#button-addon-search {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.start-carousel .carousel-item {
	margin-top: 40px;
}
.bg-dark {
	background-image: url(../img/patern2.jpg);
	background-color: rgba(0, 0, 0, 0.5) !important;
}
.start-carousel .img-container {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.start-carousel .img-container img {
	position: absolute;
	top: 0;
	left: 0;
	-moz-transition: top 2s, left 3s;
	-webkit-transition: top 2s, left 3s;
	-ms-transition: top 2s, left 3s;
	transition: top 2s, left 3s;
}
.start-carousel .content-container {
	position: absolute;
	top: 0;
	right: 25%;
	width: 50%;
	color: #fff;
	padding: 3rem 2rem 2rem;
	background-color: rgba(33,37,41,0.7);
}
.start-carousel .carousel-item.active .content-container {
	-webkit-animation: rotate-div 1s ease-in-out;
	animation: rotate-div 1s ease-in-out;
}
@keyframes rotate-div {
	0% {
		transform: perspective(1200px) rotateX(0deg);
		-webkit-transform: perspective(1200px) rotateX(0deg);
	}
	10% {
		transform: perspective(1200px) rotateX(0deg);
		-webkit-transform: perspective(1200px) rotateX(0deg);
	}
	100% {
		transform: perspective(1200px) rotateX(-360deg);
		-webkit-transform: perspective(1200px) rotateX(-360deg);
	}
}
.start-carousel .content-container h2 {
	display: inline-block;
	padding: 0.5rem 4rem 0.8rem;
	background-size: 100% 100%;
	color: #fff !important;
	position: absolute;
	top: -21px;
	left: 10px;
	font-size: 1.7rem;
	font-weight: 400;
	text-align: center;
}
.start-carousel .content-container.border-success h2 {
	display: inline-block;
	background-image: url(../img/ribbon-success.png);
}
.start-carousel .content-container.border-danger h2 {
	display: inline-block;
	background-image: url(../img/ribbon-danger.png);
}
.start-carousel h3 {
	font-size: 2rem;
}
.start-carousel .content-container.border-primary h2 {
	background-image: url(../img/ribbon-primary.png);
}

.start-carousel .carousel-indicators li {
	height: 8px !important;
	width: 30px !important;
	border-top: 8px solid rgba(255,255,255,0.3) !important;
	border-bottom: 8px solid rgba(255,255,255,0.3) !important;
	border-radius: 50%;
	margin: 0 5px 5px;
}
.start-carousel .carousel-indicators li:hover {
	border-color: rgba(255,255,255,0.8) !important;
}
.start-carousel .carousel-indicators li.bg-primary.active {
	border-color: rgb(10, 119, 202) !important;
	background-color: #fff !important;
	cursor: default;
}
.start-carousel .carousel-indicators li.bg-success.active {
	border-color: rgb(25, 135, 84) !important;
	background-color: #fff !important;
	cursor: default;
}
.start-carousel .carousel-indicators li.bg-danger.active {
	border-color: rgb(220, 53, 69) !important;
	background-color: #fff !important;
	cursor: default;
}
.start-carousel .carousel-control-prev, .start-carousel .carousel-control-next {
	top: 40px;
	width: 150px;
}

.tooltip {
	--bs-tooltip-bg: #999999 !important;
}
.tooltip.show {
	opacity: 1;
}
.tooltip-inner {
	max-width: 280px;
	background-color: #000000;
	background-image: url(../img/patern2_opacity60pct.png);
	border: 2px solid #999999;
	font-weight: 300;
	line-height: 1.2;
	padding: 10px;
}
.tooltip-inner small {
	display: inline-block;
	line-height: 1.2;
}
.tooltip-inner hr {
	border-color: rgba(255,255,255,0.3);
}

.news.news-success {
	background-image: url(../img/Firmenveranstaltungen.jpg);
}
.news.news-danger {
	background-image: url(../img/Feierlichkeiten.jpg);
}
.news.news-primary {
	background-image: url(../img/Angebote_fuer_Veranstaltungen.jpg);
}

.news {
	position: relative;
	padding: 3rem 0 4rem;
	background-size: cover;
	background-position: center center;
}
.news .text-shadow .badge-pill {
	text-shadow: none;
}
.news .card  {
	width: 78%;
	min-width: 924px;
	border-color: #f9f9f9;
	background: transparent;
}
.news .card-body  {
	background-image: url(../img/patern.jpg);
}
.news .badge {
	font-weight: normal;
	font-size: 68%;
	margin-top: .2rem;
}
.news .card .card-header, .news .card .card-footer {
	background-color: rgba(33,37,41,0.5);
}
.news .card .image-container {
	text-align: center;
}
.news .card .image-container img {
	max-width: 300px;
}
.newsletter {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 180px;
	height: auto;
	-moz-transition: width 0.3s;
	-webkit-transition: width 0.3s;
	-ms-transition: width 0.3s;
	transition: width 0.3s;
	-moz-transition-delay: 0.23s;
	-webkit-transition-delay: 0.23s;
	-ms-transition-delay: 0.23s;
	transition-delay: 0.23s;
	z-index: 16;
}
.newsletter:hover, .newsletter.hover {
	width: 320px !important;
}
.newsletter .newsletter-title {
	position: absolute;
	z-index: 3;
	top: 5px;
	right: 0;
	width: 100px;
	text-align: center;
	line-height: 1;
	-moz-transition: top 0.3s, right 0.3s, width 0.15s;
	-webkit-transition: top 0.3s, right 0.3s, width 0.15s;
	-ms-transition: top 0.3s, right 0.3s, width 0.15s;
	transition: top 0.3s, right 0.3s, width 0.15s;
	-moz-transition-delay: 0.23s;
	-webkit-transition-delay: 0.23s;
	-ms-transition-delay: 0.23s;
	transition-delay: 0.23s;
}
.newsletter .newsletter-title div {
	line-height: 1.1;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
}
.newsletter .btn {
	position: relative;
	padding: 0;
	font-size: 11px;
	margin: 0 0 0.5rem;
	max-width: 0;
	-moz-transition: padding 0.4s, max-width 0.4s;
	-webkit-transition: padding 0.4s, max-width 0.4s;
	-ms-transition: padding 0.4s, max-width 0.4s;
	transition: padding 0.4s, max-width 0.4s;
	-moz-transition-delay: 0.23s;
	-webkit-transition-delay: 0.23s;
	-ms-transition-delay: 0.23s;
	transition-delay: 0.23s;
}
.newsletter:hover .btn, .newsletter.hover .btn {
	max-width: 130px !important;
	padding: 0.3rem 0.2rem !important;
}
.newsletter img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto !important;
}
.newsletter:hover img, .newsletter.hover img {
	z-index: 1 !important;
}
.newsletter .content-container {
	position: absolute;
	z-index: 1;
	top: 60px;
	right: 4px;
	overflow: hidden;
	width: 0;
	height: 0;
	min-width: 0;
	min-height: 0;
	-moz-transition: width 0.3s, height 0.3s;
	-webkit-transition: width 0.3s, height 0.3s;
	-ms-transition: width 0.3s, height 0.3s;
	transition: width 0.3s, height 0.3s;
	-moz-transition-delay: 0.23s;
	-webkit-transition-delay: 0.23s;
	-ms-transition-delay: 0.23s;
	transition-delay: 0.23s;
	text-align: right;
	font-size: 0.8rem;
	line-height: 1.1;
}
.newsletter:hover .content-container, .newsletter.hover .content-container {
	width: 160px !important;
	height: 125px !important;
}
.newsletter .content-container * {
	line-height: 1.1;
}

.vorteile {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding: 3rem 2rem 0;
}
.vorteile .card  {
	border-color: #f9f9f9;
	background-image: url(../img/patern3.jpg);
	margin-bottom: 2rem;
}
.vorteile .card-body  {
	background-image: url(../img/patern.jpg);
}
/*.vorteile .badge {
position: absolute;
right: 1.25rem !important;
top: 1.15rem !important;
}*/
.vorteile .card .card-header, .vorteile .card .card-footer {
	background-color: rgba(33,37,41,0.5);
	color: #fff;
}
.vorteile .card .content-container {
	padding-right: 2rem;
}
.vorteile .card .image-container {
	text-align: center;
	flex: 1 1 auto !important;
}
.vorteile .card .image-container img {
	max-width: 300px;
}
.sicherheit .fa-user-shield {
	font-size: 160px;
}
.about .img-container .fa-users {
	font-size: 160px;
}

footer .nav-link {
	color: var(--bs-body-color);
}
footer .nav-link:focus, footer .nav-link:hover, footer .nav-link.active {
	color: var(--bs-body-color);
	opacity: 0.7;
}


.popover-body {
	padding: 2px;
	border-radius: 0.5rem;
	overflow: hidden;
}
.popover-body img {
	border-radius: 0.4rem;
}

.location {
	position: absolute;
	font-size: 1.5rem;
	text-decoration: none;
}
.location_subotica {
	top: 2.9%;
	left: 20.65%;
}
.location_sombor {
	top: 10.2%;
	left: 8.5%
}
.location_kikinda {
	top: 9.75%;
	left: 37%;
}
.location_zrenjanin {
	top: 19.55%;
	left: 36.45%;
}
.location_novi_sad {
	top: 22.1%;
	left: 24.65%;
}
.location_vrsac {
	top: 25.5%;
	left: 55.85%;
}
.location_sremska_mitrovica {
	top: 28.2%;
	left: 19.5%;
}
.location_pancevo {
	top: 30.8%;
	left: 42.2%;
}
.location_beograd {
	top: 31.85%;
	left: 30.8%;
}
.location_sabac {
	top: 33.35%;
	left: 21.3%;
}
.location_smederevo {
	top: 35.3%;
	left: 38.9%;
}
.location_pozarevac {
	top: 36.4%;
	left: 54.3%;
}
.location_loznica {
	top: 38.25%;
	left: 10.8%;
}
.location_valjevo {
	top: 44.3%;
	left: 25.45%;
}
.location_bor {
	top: 48.4%;
	left: 74.65%;
}
.location_kragujevac {
	top: 50.6%;
	left: 38%;
}
.location_jagodina {
	top: 51.1%;
	left: 55.8%;
}
.location_zajecar {
	top: 52.15%;
	left: 72.6%;
}
.location_cacak {
	top: 53%;
	left: 35.85%;
}
.location_uzice {
	top: 53.65%;
	left: 19.6%;
}
.location_kraljevo {
	top: 56.55%;
	left: 43.25%;
}
.location_krusevac {
	top: 59.75%;
	left: 57.3%;
}
.location_nis {
	top: 66.05%;
	left: 70.25%;
}
.location_prokuplje {
	top: 67.4%;
	left: 54.8%;
}
.location_novi_pazar {
	top: 69.45%;
	left: 39.5%;
}
.location_pirot {
	top: 69.45%;
	left: 86.5%;
}
.location_leskovac {
	top: 72.8%;
	left: 71.3%;
}
.location_vranje {
	top: 83%;
	left: 70.3%;
}
.location_kosovska_mitrovica {
	top: 72.6%;
	left: 47.4%;
}

.ferien-top-locations .d-inline-block {
	border-radius: 10px;
	width: auto !important;
	height: auto !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	right: 0 !important;
	margin-bottom: 0 !important;
}
.ferien-top-locations a {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	width: 213px;
	font-weight: 700;
	background-color: transparent;
	color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important;
	border: 1px solid rgba(var(--bs-success-rgb),var(--bs-text-opacity));
	border-radius: 3px;
	padding: 0 25px 3px 5px;
	text-decoration: none;
	opacity: 1 !important;
	-moz-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-ms-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
}
.ferien-top-locations a:hover, .ferien-top-locations a:focus  {
	background-color: rgba(var(--bs-success-rgb),var(--bs-text-opacity));
	color: #fff !important;
}
.ferien-top-locations a span {
	top: 3px;
	right: 3px;
	position: absolute;
}
.danger-top-locations .d-inline-block {
	border-radius: 10px;
	width: auto !important;
	height: auto !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	right: 0 !important;
	margin-bottom: 0 !important;
}
.danger-top-locations a {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	width: 213px;
	font-weight: 700;
	background-color: transparent;
	color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
	border: 1px solid rgba(var(--bs-danger-rgb),var(--bs-text-opacity));
	border-radius: 3px;
	padding: 0 25px 3px 5px;
	text-decoration: none;
	opacity: 1 !important;
	-moz-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-ms-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
}
.danger-top-locations a:hover, .danger-top-locations a:focus  {
	background-color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity));
	color: #fff !important;
}
.danger-top-locations a span {
	top: 3px;
	right: 3px;
	position: absolute;
}
.primary-top-locations .d-inline-block {
	border-radius: 10px;
	width: auto !important;
	height: auto !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	right: 0 !important;
	margin-bottom: 0 !important;
}
.primary-top-locations a {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	width: 213px;
	font-weight: 700;
	background-color: transparent;
	color: #0a77ca !important;
	border: 1px solid #0a77ca;
	border-radius: 3px;
	padding: 0 25px 3px 5px;
	text-decoration: none;
	opacity: 1 !important;
	-moz-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	-ms-transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
	transition: background-color .15s ease-in-out, color .15s ease-in-out !important;
}
.primary-top-locations a:hover, .primary-top-locations a:focus  {
	background-color: #0a77ca;
	color: #fff !important;
}
.primary-top-locations a span {
	top: 3px;
	right: 3px;
	position: absolute;
}

a:not(.btn):not(.nav-link) {
	opacity: 1 !important;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
a:not(.btn):not(.nav-link):focus, a:not(.btn):not(.nav-link):hover {
	opacity: 0.7;
}

.font-os {
	font-family: 'Open Sans', sans-serif;
}

.cards {
	margin: 0 -23px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: calc(100% + 46px);
	list-style-type: none;
	padding: 0;
	display: block;
	font-family: 'Open Sans', sans-serif;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cards__axis {
	position: relative;
	display: inline-block;
	margin: 22px;
	width: 575px;
	height: 645px;
	font-size: 20px;
}
.cards__axis:before {
	position: relative;
	content: "";
	display: block;
	padding-top: 100%;
}
.cards__axis:hover .cards__front, .cards__axis.hover .cards__front {
	-moz-transform: perspective(1200px) rotateX(0deg) rotateY(-180deg);
	-webkit-transform: perspective(1200px) rotateX(0deg) rotateY(-180deg);
	-ms-transform: perspective(1200px) rotateX(0deg) rotateY(-180deg);
	transform: perspective(1200px) rotateX(0deg) rotateY(-180deg);
}
.cards__axis:hover .cards__back, .cards__axis.hover .cards__back {
	-moz-transform: perspective(1200px) rotateY(0);
	-webkit-transform: perspective(1200px) rotateY(0);
	-ms-transform: perspective(1200px) rotateY(0);
	transform: perspective(1200px) rotateY(0);
}
.cards__axis .pin-this-card {
	display: inline-block;
}
.cards__axis.hover .pin-this-card {
	display: none;
}
.cards__axis .unpin-this-card {
	display: none;
}
.cards__axis.hover .unpin-this-card {
	display: inline-block;
}
.cards__front,
.cards__back {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: left;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	-moz-transition-delay: 0.23s;
	-webkit-transition-delay: 0.23s;
	-ms-transition-delay: 0.23s;
	transition-delay: 0.23s;
}
.cards__front {
	z-index: 2;
	-moz-transform: perspective(1200px) rotateY(0deg);
	-webkit-transform: perspective(1200px) rotateY(0deg);
	-ms-transform: perspective(1200px) rotateY(0deg);
	transform: perspective(1200px) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.cards__axis .cards__front .cards__front_info {
	position: absolute;
	display: block;
	left: 20px;
	top: 20px;
	opacity: 0.85;
	width: calc(100% - 40px);
	height: calc(100% - 100px);
}
.cards__axis .cards__front .cards__front_info .badge:not(.price) {
	opacity: 1;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.cards__axis .cards__front .cards__front_info.faded .badge:not(.price) {
	opacity: 0;
	-moz-transition: opacity 2s ease;
	-webkit-transition: opacity 2s ease;
	-ms-transition: opacity 2s ease;
	transition: opacity 2s ease;
}
.cards__axis:hover .cards__front .cards__front_info {
	display: none;
}
.cards__front_info .img-info {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	border-radius: 50%;
	padding: 2px;
}
.cards__front_info .badge {
	font-size: 85%;
}
.cards__front_info .badge.price {
	position: absolute;
	right: 0;
	top: 192px;
}
.cards__back {
	-moz-transform: perspective(1200px) rotateY(180deg);
	-webkit-transform: perspective(1200px) rotateY(180deg);
	-ms-transform: perspective(1200px) rotateY(180deg);
	transform: perspective(1200px) rotateY(180deg);
}

.cards__back a.flipp-x-180.text-white.align-middle  {
	text-decoration: none !important;
}
.cards__back a.flipp-x-180.text-white.align-middle:hover  {
	text-decoration: underline !important;
}
/*.success .cards__back a.flipp-x-180.text-white.align-middle:hover  {
color: #198754 !important;
}
.danger .cards__back a.flipp-x-180.text-white.align-middle:hover  {
color: #dc3545 !important;
}
.primary .cards__back a.flipp-x-180.text-white.align-middle:hover  {
color: #0a77ca !important;
}*/


/* CUSTOM STYLES FOR THIS UNORDERED LIST */

.cards-container {
	width: 100%;
	max-width: 1952px;
	margin: 0 auto;
}
.cards-container .p2rem {
	padding: 2rem 2rem 0;
}
.view {
	max-width: 1920px;
	margin: 0 auto;
}
.view .inner {
	border-bottom: 1px solid #343a40;
	padding: 1rem 0;
	margin: 0 1rem;
}
.view .inner small {
	line-height: 1.1;
	font-size: 0.9rem !important;
	font-weight: bold !important;
}
.cards-container .h4 {
	margin-bottom: 1rem;
}
.cards-container .cards-loader {
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 2.65;
}
.cards-container .cards-loader .spinner-grow {
	width: 1.55rem;
	height: 1.55rem;
}
.cards-container .card-footer.bg-dark {
	background-color: rgba(0, 0, 0, 0.5) !important;
}


.cards__axis img {
	border: 10px solid #fff;
	border-bottom-width: 70px;
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	border-radius: 0.3rem;
	-moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.cards__axis .cards__back img {
	-moz-box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3) !important;
	-webkit-box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3) !important;
}
.success .cards__front img {
	/*border-color: rgb(25, 135, 84) !important;*/
	border-color: #fff;
}
.success .cards__back img {
	/*border-color: rgb(25, 135, 84) !important;*/
	border-color: #fff;
}
.danger .cards__front img {
	/*border-color: rgb(220, 53, 69) !important;*/
	border-color: #fff;
}
.danger .cards__back img {
	/*border-color: rgb(220, 53, 69) !important;*/
	border-color: #fff;
}
.primary .cards__front img {
	/*border-color: #0a77ca !important;*/
	border-color: #fff;
}
.primary .cards__back img {
	/*border-color: #0a77ca !important;*/
	border-color: #fff;
}

/* CONTENT STYLES */

.cards__description--front {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 70px;
	overflow: hidden;
}

.cards__description--front {
	font-size: 100%;
	line-height: 1.1em;
}

.cards__description--front > div {
	line-height: 1.5;
	vertical-align: middle;
	height: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 10px 0;
	color: #000;
	font-weight: 700;
}

.cards__description--front small {
	display: block;
	line-height: 80%;
	color: #286577;
	margin-bottom: 0.2rem;
}

.success .cards__description--front small {
	color: rgb(25, 135, 84);
}
/*
.success a.details {
color: rgba(255, 255, 255, 0.7);
}
.success a.details:hover,.success a.details:focus {
color: #5b852e;
}
*/

.danger .cards__description--front small {
	color: rgb(220, 53, 69);
}
/*
.danger a.details {
color: rgba(255, 255, 255, 0.7);
}
.danger a.details:hover, .danger a.details:focus {
color: #9c161b;
}
*/

.primary .cards__description--front small {
	color: rgb(10, 119, 202);
}
/*
.primary a.details {
color: rgba(255, 255, 255, 0.7);
}
.primary a.details:hover, .primary a.details:focus {
color: #007399;
}
*/
.success a.details, .danger a.details, .primary a.details {
	color: #fff !important;
}

.cards__description--back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.cards__description--back > div {
	position: relative;
	padding: 10px;
	text-align: left;
	font-size: 100%;
	line-height: 1.1;
	font-weight: 400;
	color: #fff;
	overflow: hidden;
}
.cards__description--back > div .scroller {
	display: inline-block;
	width: 100%;
	height: 555px;
	padding: 10px;
	overflow-y: auto;
	background-color: rgba(0,0,0,0.8);
}
/* .primary .cards__description--back > div {
background-color: rgba(0,57,77,0.7);
}
.success .cards__description--back > div {
background-color: rgba(26,38,13,0.7);
}
.danger .cards__description--back > div {
background-color: rgba(67,9,12,0.8);
} */
.cards__description--back > div .scroller.has-scroll-up, .cards__description--back > div .scroller.has-scroll-down {
	padding-right: 2rem;
}
.scroller .arrows {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 2rem;
	height: 236px;
	display: none;
}
.scroller .arrows .dragg-container {
	/*
	top: 45px;
	height: 146px;
	*/
	position: absolute;
	top: 10px;
	right: 14px;
	width: 4px;
	height: 216px;
	background-color: rgba(255,255,255,0.3);
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(255,255,255,0.1);
}
.scroller .arrows .dragg-knob {
	position: absolute;
	top: 0;
	left: -11px;
	width: 24px;
	height: 48px;
	background-color: #777;
	cursor: ns-resize;
	line-height: 16px;
}
.primary .dragg-container {
	background-color: rgba(0,153,204,0.5);
}
.primary .scroller .arrows .dragg-knob {
	background-color: #0099cc;
	border: 2px solid rgba(255,255,255,0.2) !important;
	border-right-color: rgba(0,0,0,0.1) !important;
	border-bottom-color: rgba(0,0,0,0.1) !important;
}
.success .dragg-container {
	background-color: rgba(115,168,57,0.5);
}
.success .scroller .arrows .dragg-knob {
	background-color: rgb(25, 135, 84);
	border: 2px solid rgba(255,255,255,0.2) !important;
	border-right-color: rgba(0,0,0,0.1) !important;
	border-bottom-color: rgba(0,0,0,0.1) !important;
}
.danger .dragg-container {
	background-color: rgba(199,28,34,0.5);
}
.danger .scroller .arrows .dragg-knob {
	background-color: rgb(220,53,69);
	border: 2px solid rgba(255,255,255,0.2) !important;
	border-right-color: rgba(0,0,0,0.1) !important;
	border-bottom-color: rgba(0,0,0,0.1) !important;
}
.scroller .arrows button {
	position: absolute;
	left: 0;
	width: auto;
	padding: 0.25rem 2px;
}
.primary .scroller .arrows button {
	color: #0099cc;
}
.success .scroller .arrows button {
	color: rgb(25, 135, 84);
}
.danger .scroller .arrows button {
	color: rgb(220,53,69);
}
.scroller .arrows .arrow-up  {
	display: none;
	top: 0;
	padding-top: 0;
}
.scroller .arrows .arrow-down  {
	display: none;
	bottom: 0;
	padding-bottom: 0;
}
.cards__description--back > div .scroller.has-scroll-up .arrows, .cards__description--back > div .scroller.has-scroll-down .arrows {
	display: block;
}
.cards__description--back > div .scroller.has-scroll-up .arrows .arrow-up {
	display: block;
}
.cards__description--back > div .scroller.has-scroll-down .arrows .arrow-down {
	display: block;
}
.success a.details:hover span, .success a.details:focus span,
.danger a.details:hover span, .danger a.details:focus span,
.primary a.details:hover span, .primary a.details:focus span {
	text-decoration: underline !important;
}
.cards__back div.details {
	position: absolute;
	font-size: 100%;
	font-weight: 700;
	padding: 13px 10px;
	height: 70px;
	bottom: 0;
	left: 0;
	width: 100%;
}
.cards__back a.details {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 43px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 600;
	padding: 0 1rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}
.cards__description--back .fa-eye {
	width: auto;
	vertical-align: middle;
	margin-left: 3rem;
	margin-top: -0.25rem;
}
.list-room-indicator-frei {
	float: left;
	margin-right: .5em;
	width: 13px;
	height: 13px;
	background-color: #0f0;
	border-radius: 50%;
	vertical-align: baseline;
}
.list-room-indicator-teils-frei {
	float: left;
	margin-right: .5em;
	width: 13px;
	height: 13px;
	background-color: #ff0;
	border-radius: 50%;
	vertical-align: baseline;
}
.list-room-indicator-besetzt {
	float: left;
	margin-right: .5em;
	width: 13px;
	height: 13px;
	background-color: #f00;
	border-radius: 50%;
	vertical-align: baseline;
}
.cards__axis .list-room-capacity {
	font-weight: bold;
}
.primary .cards__axis .list-room-capacity {
	color: #33ccff;
}
.success .cards__axis .list-room-capacity {
	color: #9bcb67;
}
.danger .cards__axis .list-room-capacity {
	color: #ef8f93;
}

.scroller .list-room-item {
	display: block;
	position: relative;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1em;
	text-decoration: none;
	vertical-align: middle;
	padding: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid rgba(255,255,255,0);
	border-bottom: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 2px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	color: #fff !important;
}
.cards__axis .list-room-capacity {
	display: block;
	vertical-align: middle;
	color: #ffd24d;
}
.cards__axis .list-room-capacity .badge-light {
	text-shadow: none;
	background-color: rgba(255,255,255,.6);
}

/*#success .list-room-capacity .badge-pill {
color: rgb(25, 135, 84) !important;
}
#danger .list-room-capacity .badge-pill {
color: rgb(220,53,69) !important;
}
#primary .list-room-capacity .badge-pill {
color: #007399 !important;
}*/
.scroller .list-room-item:hover,
.scroller .list-room-item:focus,
.scroller .list-room-item:active {
	text-decoration: none;
}
.success a.list-room-item:hover,
.success a.list-room-item:focus,
.success a.list-room-item:active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#198754+0,198754+100&0.65+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(25,135,84,0.65) 0%, rgba(25,135,84,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(25,135,84,0.65) 0%,rgba(25,135,84,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(25,135,84,0.65) 0%,rgba(25,135,84,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6198754', endColorstr='#00198754',GradientType=0 ); /* IE6-9 */
	border: 1px solid rgb(25, 135, 84);
}
.danger a.list-room-item:hover,
.danger a.list-room-item:focus,
.danger a.list-room-item:active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dc3545+0,dc3545+100&0.65+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(220,53,69,0.65) 0%, rgba(220,53,69,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(220,53,69,0.65) 0%,rgba(220,53,69,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(220,53,69,0.65) 0%,rgba(220,53,69,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dc3545', endColorstr='#00dc3545',GradientType=0 ); /* IE6-9 */
	border: 1px solid rgb(220,53,69);
}
.primary a.list-room-item:hover,
.primary a.list-room-item:focus,
.primary a.list-room-item:active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a77ca+0,0a77ca+100&0.65+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(10,119,202,0.65) 0%, rgba(10,119,202,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(10,119,202,0.65) 0%,rgba(10,119,202,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(10,119,202,0.65) 0%,rgba(10,119,202,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60a77ca', endColorstr='#000a77ca',GradientType=0 ); /* IE6-9 */
	border: 1px solid #0a77ca;
}

.to-top {
	display: none;
	position: fixed;
	bottom: 3.3rem;
	right: 1rem;
	z-index: 999;
	opacity: 0.7;
	border: 2px solid #fff;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.to-top .fas {
	display: none;
}
.to-top:hover, .to-top:focus {
	opacity: 1;
}
.to-top:hover .fas, .to-top:focus .fas {
	display: inline-block;
}
.to-top:hover .far, .to-top:focus .far {
	display: none;
}


.btn-outline-primary {
	--bs-btn-color: #0a77ca;
	--bs-btn-border-color: #0a77ca;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0a77ca;
	--bs-btn-hover-border-color: #0a77ca;
	--bs-btn-focus-shadow-rgb: 13,110,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a77ca;
	--bs-btn-active-border-color: #0a77ca;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0a77ca;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0a77ca;
	--bs-gradient: none;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0a77ca;
	--bs-btn-border-color: #0a77ca;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0965ac;
	--bs-btn-hover-border-color: #085fa2;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #085fa2;
	--bs-btn-active-border-color: #085a98;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0a77ca;
	--bs-btn-disabled-border-color: #0a77ca;
}
.text-primary {
	--bs-text-opacity: 1;
	color: #0a77ca !important;
}
.link-primary {
	color: #0a77ca !important;
}
.bg-primary {
	--bs-bg-opacity: 1;
	background-color: #0a77ca !important;
}
.text-bg-primary {
	color: #fff !important;
	background-color: #0a77ca !important;
}
.border-primary {
	border-color: #0a77ca !important;
}

#leftCarousel .carousel-control-prev {
	width: 100%;
}
#rightCarousel .carousel-control-next {
	width: 100%;
}

#leftCarousel .carousel-control-next-icon, #leftCarousel .carousel-control-prev-icon,
#rightCarousel .carousel-control-next-icon, #rightCarousel .carousel-control-prev-icon {
	width: 5rem;
	height: 5rem;
}

#startCarousel .carousel-control-next-icon, #startCarousel .carousel-control-prev-icon {
	width: 5rem;
	height: 5rem;
}

#carouselTopAngebote {

}
#carouselTopAngebote .carousel-inner {
	padding: 7px 70px;
	background-color: rgba(0,0,0,0.1);
}
#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
	width: 100px;
}
#carouselTopAngebote .cards {
	background-color: transparent;
}

.object-item {
	background-color: rgba(0,0,0,0.1);
}

.map-container {
	background-image: url(../img/patern.jpg);
}
.map-container iframe {
	border: none;
	width: 100%;
	min-height: 400px;
}

.ribbon-section {
	position: relative;
	padding: 60px 50px 30px;
	background-image: url(../img/patern.jpg);
}
.ribbon {
	display: inline-block;
	padding: 0.5rem 4rem 0.8rem;
	background-size: 100% 100%;
	color: #fff !important;
	position: absolute;
	top: -24px;
	left: 10px;
	font-size: 1.7rem;
	font-weight: 400;
	text-align: center;
}
.ribbon-warning {
	background-image: url(../img/ribbon-warning.png);
}
.ribbon-primary {
	background-image: url(../img/ribbon-primary.png);
}
.ribbon-danger {
	background-image: url(../img/ribbon-danger.png);
}
.ribbon-success {
	background-image: url(../img/ribbon-success.png);
}

@media all and (max-width: 1919.5px) {
	#carouselTopAngebote .carousel-inner {
		padding: 7px 160px;
	}
	#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
		width: 130px;
	}
	.ferien-top-locations a {
		font-size: 13px;
		width: 181px;
	}
	.danger-top-locations a {
		font-size: 13px;
		width: 181px;
	}
	.primary-top-locations a {
		font-size: 13px;
		width: 181px;
	}
	.location {
		font-size: 1.4rem;
	}
	.location_subotica {
		top: 2.75%;
		left: 20.45%;
	}
	.location_sombor {
		top: 10%;
		left: 8.3%;
	}
	.location_kikinda {
		top: 9.5%;
		left: 36.8%;
	}
	.location_zrenjanin {
		top: 19.3%;
		left: 36.3%;
	}
	.location_novi_sad {
		top: 21.9%;
		left: 24.45%;
	}
	.location_vrsac {
		top: 25.25%;
		left: 55.6%;
	}
	.location_sremska_mitrovica {
		top: 28%;
		left: 19.3%;
	}
	.location_pancevo {
		top: 30.55%;
		left: 42%;
	}
	.location_beograd {
		top: 31.6%;
		left: 29.8%;
	}
	.location_sabac {
		top: 33.15%;
		left: 21.15%;
	}
	.location_smederevo {
		top: 35.1%;
		left: 37.7%;
	}
	.location_pozarevac {
		top: 36.2%;
		left: 54.1%;
	}
	.location_loznica {
		top: 38.05%;
		left: 10.65%;
	}
	.location_valjevo {
		top: 44.05%;
		left: 25.3%;
	}
	.location_bor {
		top: 48.2%;
		left: 74.4%;
	}
	.location_kragujevac {
		top: 50.4%;
		left: 36.9%;
	}
	.location_jagodina {
		top: 50.9%;
		left: 55.6%;
	}
	.location_zajecar {
		top: 51.95%;
		left: 71.7%;
	}
	.location_cacak {
		top: 52.7%;
		left: 35.55%;
	}
	.location_uzice {
		top: 53.4%;
		left: 18.95%;
	}
	.location_kraljevo {
		top: 56.3%;
		left: 43.1%;
	}
	.location_krusevac {
		top: 59.5%;
		left: 57.1%;
	}
	.location_nis {
		top: 65.8%;
		left: 70.05%;
	}
	.location_prokuplje {
		top: 67.2%;
		left: 53.85%;
	}
	.location_novi_pazar {
		top: 69.2%;
		left: 39.25%;
	}
	.location_pirot {
		top: 69.2%;
		left: 86.25%;
	}
	.location_leskovac {
		top: 72.6%;
		left: 71.1%;
	}
	.location_vranje {
		top: 82.75%;
		left: 70.1%;
	}
	.location_kosovska_mitrovica {
		top: 72.5%;
		left: 47.2%;
	}
}
@media all and (max-width: 1659.5px) {
	.kategorieauswahl button > span {
		font-size: 13px;
	}
	.ferien-top-locations a {
		font-size: 14px;
		width: 201px;
	}
	.danger-top-locations a {
		font-size: 14px;
		width: 201px;
	}
	.primary-top-locations a {
		font-size: 14px;
		width: 201px;
	}
	.location {
		font-size: 1.3rem;
	}
	.location_subotica {
		top: 2.6%;
		left: 20.55%;
	}
	.location_sombor {
		top: 9.8%;
		left: 8.4%;
	}
	.location_kikinda {
		top: 9.4%;
		left: 36.9%;
	}
	.location_zrenjanin {
		top: 19.2%;
		left: 36.35%;
	}
	.location_novi_sad {
		top: 21.8%;
		left: 24.55%;
	}
	.location_vrsac {
		top: 25.15%;
		left: 55.75%;
	}
	.location_sremska_mitrovica {
		top: 27.85%;
		left: 19.4%;
	}
	.location_pancevo {
		top: 30.4%;
		left: 42.15%;
	}
	.location_beograd {
		top: 31.45%;
		left: 28.9%;
	}
	.location_sabac {
		top: 33%;
		left: 21.25%;
	}
	.location_smederevo {
		top: 34.9%;
		left: 36.55%;
	}
	.location_pozarevac {
		top: 36%;
		left: 54.2%;
	}
	.location_loznica {
		top: 37.9%;
		left: 10.75%;
	}
	.location_valjevo {
		top: 43.95%;
		left: 25.4%;
	}
	.location_bor {
		top: 48.05%;
		left: 74.5%;
	}
	.location_kragujevac {
		top: 50.25%;
		left: 35.75%;
	}
	.location_jagodina {
		top: 50.75%;
		left: 55.7%;
	}
	.location_zajecar {
		top: 51.8%;
		left: 70.95%;
	}
	.location_cacak {
		top: 52.6%;
		left: 35.75%;
	}
	.location_uzice {
		top: 53.3%;
		left: 18.35%;
	}
	.location_kraljevo {
		top: 56.2%;
		left: 43.25%;
	}
	.location_krusevac {
		top: 59.35%;
		left: 57.2%;
	}
	.location_nis {
		top: 65.65%;
		left: 70.2%;
	}
	.location_prokuplje {
		top: 67.05%;
		left: 52.85%;
	}
	.location_novi_pazar {
		top: 69.1%;
		left: 39.35%;
	}
	.location_pirot {
		top: 69.05%;
		left: 86.35%;
	}
	.location_leskovac {
		top: 72.45%;
		left: 71.25%;
	}
	.location_vranje {
		top: 82.65%;
		left: 70.2%;
	}
	.location_kosovska_mitrovica {
		top: 72.3%;
		left: 47.2%;
	}
}
@media all and (max-width: 1399.5px) {
	.kategorieauswahl button > span {
		font-size: 16px;
	}
	#carouselTopAngebote .carousel-inner {
		padding: 7px 60px;
	}
	#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
		width: 60px;
	}
	.ferien-top-locations a {
		font-size: 12px;
		width: 171px;
	}
	.danger-top-locations a {
		font-size: 12px;
		width: 171px;
	}
	.primary-top-locations a {
		font-size: 12px;
		width: 171px;
	}
	.location {
		font-size: 1.2rem;
	}
	.location_subotica {
		top: 2.35%;
		left: 20.6%;
	}
	.location_sombor {
		top: 9.6%;
		left: 8.45%;
	}
	.location_kikinda {
		top: 9.1%;
		left: 37%;
	}
	.location_zrenjanin {
		top: 18.95%;
		left: 36.4%;
	}
	.location_novi_sad {
		top: 21.55%;
		left: 24.6%;
	}
	.location_vrsac {
		top: 24.9%;
		left: 55.75%;
	}
	.location_sremska_mitrovica {
		top: 27.6%;
		left: 19.45%;
	}
	.location_pancevo {
		top: 30.2%;
		left: 42.2%;
	}
	.location_beograd {
		top: 31.25%;
		left: 28.3%;
	}
	.location_sabac {
		top: 32.75%;
		left: 21.25%;
	}
	.location_smederevo {
		top: 34.7%;
		left: 35.6%;
	}
	.location_pozarevac {
		top: 35.8%;
		left: 54.3%;
	}
	.location_loznica {
		top: 37.65%;
		left: 10.75%;
	}
	.location_valjevo {
		top: 43.7%;
		left: 25.45%;
	}
	.location_bor {
		top: 47.85%;
		left: 74.65%;
	}
	.location_kragujevac {
		top: 50.05%;
		left: 34.85%;
	}
	.location_jagodina {
		top: 50.5%;
		left: 55.8%;
	}
	.location_zajecar {
		top: 51.55%;
		left: 70.3%;
	}
	.location_cacak {
		top: 52.35%;
		left: 35.8%;
	}
	.location_uzice {
		top: 53.1%;
		left: 17.85%;
	}
	.location_kraljevo {
		top: 55.95%;
		left: 43.25%;
	}
	.location_krusevac {
		top: 59.15%;
		left: 57.3%;
	}
	.location_nis {
		top: 65.45%;
		left: 70.3%;
	}
	.location_prokuplje {
		top: 66.85%;
		left: 52.05%;
	}
	.location_novi_pazar {
		top: 68.85%;
		left: 39.45%;
	}
	.location_pirot {
		top: 68.85%;
		left: 86.4%;
	}
	.location_leskovac {
		top: 72.25%;
		left: 71.3%;
	}
	.location_vranje {
		top: 82.4%;
		left: 70.25%;
	}
	.location_kosovska_mitrovica {
		top: 72.1%;
		left: 47.2%;
	}
}
@media all and (max-width: 1199.5px) {
	.start-carousel .img-container img {
		-moz-transition: top 2s, left 4s;
		-webkit-transition: top 2s, left 4s;
		-ms-transition: top 2s, left 4s;
		transition: top 2s, left 4s;
	}
	#carouselTopAngebote .carousel-inner {
		padding: 7px 160px;
	}
	#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
		width: 130px;
	}
	.ferien-top-locations a {
		font-size: 14px;
		width: 223px;
	}
	.danger-top-locations a {
		font-size: 14px;
		width: 223px;
	}
	.primary-top-locations a {
		font-size: 14px;
		width: 223px;
	}
	.location {
		font-size: 1.2rem;
	}
	.location_subotica {
		top: 2.5%;
		left: 20.6%;
	}
	.location_sombor {
		top: 9.75%;
		left: 8.45%;
	}
	.location_kikinda {
		top: 9.35%;
		left: 36.95%;
	}
	.location_zrenjanin {
		top: 19.1%;
		left: 36.4%;
	}
	.location_novi_sad {
		top: 21.7%;
		left: 24.6%;
	}
	.location_vrsac {
		top: 25.05%;
		left: 55.75%;
	}
	.location_sremska_mitrovica {
		top: 27.8%;
		left: 19.45%;
	}
	.location_pancevo {
		top: 30.35%;
		left: 42.1%;
	}
	.location_beograd {
		top: 31.4%;
		left: 29.3%;
	}
	.location_sabac {
		top: 32.9%;
		left: 21.25%;
	}
	.location_smederevo {
		top: 34.9%;
		left: 37.1%;
	}
	.location_pozarevac {
		top: 36%;
		left: 54.3%;
	}
	.location_loznica {
		top: 37.85%;
		left: 10.75%;
	}
	.location_valjevo {
		top: 43.95%;
		left: 25.45%;
	}
	.location_bor {
		top: 48.05%;
		left: 74.6%;
	}
	.location_kragujevac {
		top: 50.25%;
		left: 36.3%;
	}
	.location_jagodina {
		top: 50.7%;
		left: 55.8%;
	}
	.location_zajecar {
		top: 51.75%;
		left: 71.3%;
	}
	.location_cacak {
		top: 52.55%;
		left: 35.75%;
	}
	.location_uzice {
		top: 53.3%;
		left: 18.55%;
	}
	.location_kraljevo {
		top: 56.2%;
		left: 43.25%
	}
	.location_krusevac {
		top: 59.35%;
		left: 57.3%;
	}
	.location_nis {
		top: 65.7%;
		left: 70.25%;
	}
	.location_prokuplje {
		top: 67.1%;
		left: 53.25%;
	}
	.location_novi_pazar {
		top: 69.05%;
		left: 39.45%;
	}
	.location_pirot {
		top: 69.05%;
		left: 86.4%;
	}
	.location_leskovac {
		top: 72.45%;
		left: 71.25%;
	}
	.location_vranje {
		top: 82.6%;
		left: 70.25%;
	}
	.location_kosovska_mitrovica {
		top: 72.2%;
		left: 47.2%;
	}
}
@media all and (max-width: 991.5px) {
	.navbar .navbar-brand {
		padding-left: 64px;
	}
	.navbar .navbar-brand .logo-img {
		top: 16px;
		left: 8px;
		height: 50px;
	}
	.navbar .nav-link {
		display: inline-block;
	}
	.navbar .btn.has-indicator .indicator {
		left: 1.9em;
	}
	.languages-toggle {
		padding-left: 8px !important;
	}
	.start-carousel .img-container img {
		-moz-transition: top 2s, left 5s;
		-webkit-transition: top 2s, left 5s;
		-ms-transition: top 2s, left 5s;
		transition: top 2s, left 5s;
	}
	.start-carousel .content-container {
		position: absolute;
		right: 15%;
		width: 70%;
	}
	.start-carousel .carousel-control-prev, .start-carousel .carousel-control-next {
		width: 15%;
	}
	.news .card {
		width: 95%;
		min-width: 0;
	}
	.ferien-top-locations a {
		font-size: 14px;
		width: 221px;
	}
	.danger-top-locations a {
		font-size: 14px;
		width: 221px;
	}
	.primary-top-locations a {
		font-size: 14px;
		width: 221px;
	}
	.location {
		font-size: 1.1rem;
	}
	.location_subotica {
		top: 2.4%;
		left: 20.3%;
	}
	.location_sombor {
		top: 9.65%;
		left: 8.1%;
	}
	.location_kikinda {
		top: 9.15%;
		left: 36.7%;
	}
	.location_zrenjanin {
		top: 19%;
		left: 36.15%;
	}
	.location_novi_sad {
		top: 21.6%;
		left: 24.35%;
	}
	.location_vrsac {
		top: 24.9%;
		left: 55.5%;
	}
	.location_sremska_mitrovica {
		top: 27.7%;
		left: 19.2%;
	}
	.location_pancevo {
		top: 30.25%;
		left: 41.9%;
	}
	.location_beograd {
		top: 31.3%;
		left: 26.9%;
	}
	.location_sabac {
		top: 32.8%;
		left: 21%;
	}
	.location_smederevo {
		top: 34.8%;
		left: 34.05%;
	}
	.location_pozarevac {
		top: 35.9%;
		left: 54.1%;
	}
	.location_loznica {
		top: 37.7%;
		left: 10.45%;
	}
	.location_valjevo {
		top: 43.8%;
		left: 25.15%;
	}
	.location_bor {
		top: 47.9%;
		left: 74.4%;
	}
	.location_kragujevac {
		top: 50.15%;
		left: 33.3%;
	}
	.location_jagodina {
		top: 50.6%;
		left: 55.6%;
	}
	.location_zajecar {
		top: 51.65%;
		left: 69.2%;
	}
	.location_cacak {
		top: 52.45%;
		left: 35.5%;
	}
	.location_uzice {
		top: 53.2%;
		left: 16.85%;
	}
	.location_kraljevo {
		top: 56.1%;
		left: 43%;
	}
	.location_krusevac {
		top: 59.25%;
		left: 57.1%;
	}
	.location_nis {
		top: 65.6%;
		left: 70.1%;
	}
	.location_prokuplje {
		top: 67%;
		left: 50.7%;
	}
	.location_novi_pazar {
		top: 68.95%;
		left: 39.15%;
	}
	.location_pirot {
		top: 68.95%;
		left: 86.2%;
	}
	.location_leskovac {
		top: 72.35%;
		left: 71.05%;
	}
	.location_vranje {
		top: 82.5%;
		left: 70.05%;
	}
	.location_kosovska_mitrovica {
		top: 71.8%;
		left: 47.1%;
	}
	.kosmit {
		width: 80px;
	}
}
@media all and (max-width: 959.5px) {
	.container.vorteile .w-75 {
		width: 100% !important;
	}
	.container.about .w-75 {
		width: 100% !important;
	}
	.lead {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 767.5px) {
	.kategorieauswahl button > span {
		padding-top: 5px;
	}
	.start-carousel .content-container h2 {
		top: -18px;
		font-size: 1.3rem;
		width: 337px;
		padding: 0.5rem 3.5rem 0.8rem;
	}
	.start-carousel h3 {
		font-size: 1.2rem;
	}
	.start-carousel .img-container img {
		-moz-transition: top 2s, left 6s;
		-webkit-transition: top 2s, left 6s;
		-ms-transition: top 2s, left 6s;
		transition: top 2s, left 6s;
	}
	.start-carousel .content-container {
		right: 10%;
		width: 80%;
		font-size: 0.8rem;
	}
	.start-carousel .carousel-control-prev, .start-carousel .carousel-control-next {
		width: 10%;
	}
	#carouselTopAngebote .carousel-inner {
		padding: 7px 0;
	}
	#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
		width: 80px;
	}
	.ferien-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.danger-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.primary-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.location {
		font-size: 0.9rem;
	}
	.location_subotica {
		top: 2%;
		left: 20.4%;
	}
	.location_sombor {
		top: 9.25%;
		left: 8.2%;
	}
	.location_kikinda {
		top: 8.7%;
		left: 36.8%;
	}
	.location_zrenjanin {
		top: 18.5%;
		left: 36.3%;
	}
	.location_novi_sad {
		top: 21.1%;
		left: 24.4%;
	}
	.location_vrsac {
		top: 24.5%;
		left: 55.6%;
	}
	.location_sremska_mitrovica {
		top: 27.2%;
		left: 19.2%;
	}
	.location_pancevo {
		top: 29.8%;
		left: 41.9%;
	}
	.location_beograd {
		top: 30.8%;
		left: 25.4%;
	}
	.location_sabac {
		top: 32.3%;
		left: 21%;
	}
	.location_smederevo {
		top: 34.3%;
		left: 32.3%;
	}
	.location_pozarevac {
		top: 35.4%;
		left: 54.1%;
	}
	.location_loznica {
		top: 37.2%;
		left: 10.5%;
	}
	.location_valjevo {
		top: 43.3%;
		left: 25.2%;
	}
	.location_bor {
		top: 47.4%;
		left: 74.5%;
	}
	.location_kragujevac {
		top: 49.6%;
		left: 31.6%;
	}
	.location_jagodina {
		top: 50.1%;
		left: 55.6%;
	}
	.location_zajecar {
		top: 51.1%;
		left: 67.9%;
	}
	.location_cacak {
		top: 51.9%;
		left: 35.6%;
	}
	.location_uzice {
		top: 52.7%;
		left: 15.7%;
	}
	.location_kraljevo {
		top: 55.6%;
		left: 43.1%;
	}
	.location_krusevac {
		top: 58.8%;
		left: 57.2%;
	}
	.location_nis {
		top: 65%;
		left: 70.1%;
	}
	.location_prokuplje {
		top: 66.5%;
		left: 49.1%;
	}
	.location_novi_pazar {
		top: 68.5%;
		left: 39.2%;
	}
	.location_pirot {
		top: 68.5%;
		left: 86.2%;
	}
	.location_leskovac {
		top: 71.8%;
		left: 71%;
	}
	.location_vranje {
		top: 82%;
		left: 70%;
	}
	.location_kosovska_mitrovica {
		top: 72%;
		left: 47.3%;
	}
	.kosmit {
		width: 65px;
	}
}
@media all and (max-width: 575.5px) {
	.start-carousel .content-container h2 {
		top: -17px;
		font-size: 1.2rem;
		width: 100%;
		left: 0;
	}
	.start-carousel h3 {
		font-size: 1.2rem;
	}
	.start-carousel .img-container img {
		-moz-transition: top 2s, left 7s;
		-webkit-transition: top 2s, left 7s;
		-ms-transition: top 2s, left 7s;
		transition: top 2s, left 7s;
	}
	.start-carousel .content-container {
		font-size: 0.8rem;
	}
	.news h2 {
		padding-right: 100px;
	}
	.news .card .card-header.h3 {
		font-size: 1.2rem;
	}
	.location {
		font-size: 0.8rem;
	}
	.location_subotica {
		top: 2.3%;
		left: 20.4%
	}
	.location_sombor {
		top: 9.6%;
		left: 8.3%;
	}
	.location_kikinda {
		top: 9.2%;
		left: 36.7%;
	}
	.location_zrenjanin {
		top: 19%;
		left: 36.2%;
	}
	.location_novi_sad {
		top: 21.6%;
		left: 24.5%;
	}
	.location_vrsac {
		top: 24.9%;
		left: 55.5%;
	}
	.location_sremska_mitrovica {
		top: 27.6%;
		left: 19.3%;
	}
	.location_pancevo {
		top: 30.2%;
		left: 41.9%;
	}
	.location_beograd {
		top: 31.2%;
		left: 27.5%;
	}
	.location_sabac {
		top: 32.8%;
		left: 21.2%;
	}
	.location_smederevo {
		top: 34.7%;
		left: 34.9%;
	}
	.location_pozarevac {
		top: 35.8%;
		left: 54.1%;
	}
	.location_loznica {
		top: 37.7%;
		left: 10.5%;
	}
	.location_valjevo {
		top: 43.7%;
		left: 25.3%;
	}
	.location_bor {
		top: 47.8%;
		left: 74.3%;
	}
	.location_kragujevac {
		top: 50%;
		left: 34%;
	}
	.location_jagodina {
		top: 50.5%;
		left: 55.6%;
	}
	.location_zajecar {
		top: 51.4%;
		left: 69.5%;
	}
	.location_cacak {
		top: 52.3%;
		left: 35.6%;
	}
	.location_uzice {
		top: 53%;
		left: 17%;
	}
	.location_kraljevo {
		top: 55.9%;
		left: 43%;
	}
	.location_krusevac {
		top: 59.1%;
		left: 57.1%;
	}
	.location_nis {
		top: 65.4%;
		left: 70.1%;
	}
	.location_prokuplje {
		top: 66.8%;
		left: 51.2%;
	}
	.location_novi_pazar {
		top: 68.8%;
		left: 39.2%;
	}
	.location_pirot {
		top: 68.8%;
		left: 86.1%;
	}
	.location_leskovac {
		top: 72.3%;
		left: 71.1%;
	}
	.location_vranje {
		top: 82.4%;
		left: 70%;
	}
	.location_kosovska_mitrovica {
		top: 72.5%;
		left: 47.2%;
	}
	.kosmit {
		width: 60px;
	}
}
@media all and (max-width: 499.5px) {
	html, body {
		font-size: 14px;
	}
	.h1, h1 {
		font-size: 2.1rem;
	}
	.start-carousel .content-container h2 {
		top: -15px;
		padding: 0.5rem 3rem 0.8rem;
	}
	.kategorieauswahl button > span {
		font-size: 11px;
	}
	#carouselTopAngebote {
		margin-left: -12px;
		margin-right: -12px;
	}
	#carouselTopAngebote .carousel-control-prev, #carouselTopAngebote .carousel-control-next {
		width: 30px;
	}
	.newsletter:hover, .newsletter.hover {
		width: 300px !important;
	}
	.kategorieauswahl.btn-group .btn {
		font-size: 12px;
		padding: 0.3rem;
	}
	.ferien-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.danger-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.primary-top-locations a {
		font-size: 12px;
		width: 161px;
	}
	.lead {
		font-size: 1.1rem;
	}
	.location {
		font-size: 0.7rem;
	}
	.location_subotica {
		top: 2.3%;
		left: 20.4%
	}
	.location_sombor {
		top: 9.6%;
		left: 8.3%;
	}
	.location_kikinda {
		top: 9.2%;
		left: 36.7%;
	}
	.location_zrenjanin {
		top: 19%;
		left: 36.2%;
	}
	.location_novi_sad {
		top: 21.6%;
		left: 24.5%;
	}
	.location_vrsac {
		top: 24.9%;
		left: 55.6%;
	}
	.location_sremska_mitrovica {
		top: 27.6%;
		left: 19.3%;
	}
	.location_pancevo {
		top: 30.2%;
		left: 42%;
	}
	.location_beograd {
		top: 31.2%;
		left: 28.5%;
	}
	.location_sabac {
		top: 32.8%;
		left: 21.2%;
	}
	.location_smederevo {
		top: 34.8%;
		left: 36.4%;
	}
	.location_pozarevac {
		top: 35.8%;
		left: 54.2%;
	}
	.location_loznica {
		top: 37.7%;
		left: 10.6%;
	}
	.location_valjevo {
		top: 43.7%;
		left: 25.3%;
	}
	.location_bor {
		top: 47.8%;
		left: 74.3%;
	}
	.location_kragujevac {
		top: 50%;
		left: 35.4%;
	}
	.location_jagodina {
		top: 50.5%;
		left: 55.7%;
	}
	.location_zajecar {
		top: 51.4%;
		left: 70.5%;
	}
	.location_cacak {
		top: 52.3%;
		left: 35.6%;
	}
	.location_uzice {
		top: 53%;
		left: 17.7%;
	}
	.location_kraljevo {
		top: 55.9%;
		left: 43.1%;
	}
	.location_krusevac {
		top: 59.1%;
		left: 57.2%;
	}
	.location_nis {
		top: 65.4%;
		left: 70.2%;
	}
	.location_prokuplje {
		top: 66.8%;
		left: 52.5%;
	}
	.location_novi_pazar {
		top: 68.8%;
		left: 39.2%;
	}
	.location_pirot {
		top: 68.8%;
		left: 86.1%;
	}
	.location_leskovac {
		top: 72.3%;
		left: 71.1%;
	}
	.location_vranje {
		top: 82.4%;
		left: 70.1%;
	}
	.location_kosovska_mitrovica {
		top: 72.5%;
		left: 47.1%;
	}
}
@media all and (max-width: 380.5px) {
	.kategorieauswahl.btn-group .btn {
		padding: 0.3rem 0.8rem;
	}
	.location {
		font-size: 0.65rem;
	}
	.location_subotica {
		top: 2.2%;
		left: 20.4%;
	}
	.location_sombor {
		top: 9.5%;
		left: 8.3%;
	}
	.location_kikinda {
		top: 9.1%;
		left: 36.7%;
	}
	.location_zrenjanin {
		top: 18.8%;
		left: 36.2%;
	}
	.location_novi_sad {
		top: 21.4%;
		left: 24.5%;
	}
	.location_vrsac {
		top: 24.7%;
		left: 55.6%;
	}
	.location_sremska_mitrovica {
		top: 27.4%;
		left: 19.3%;
	}
	.location_pancevo {
		top: 30%;
		left: 42%;
	}
	.location_beograd {
		top: 31%;
		left: 26.1%;
	}
	.location_sabac {
		top: 32.6%;
		left: 21.2%;
	}
	.location_smederevo {
		top: 34.5%;
		left: 33%;
	}
	.location_pozarevac {
		top: 35.6%;
		left: 54.2%;
	}
	.location_loznica {
		top: 37.5%;
		left: 10.6%;
	}
	.location_valjevo {
		top: 43.4%;
		left: 25.3%;
	}
	.location_bor {
		top: 47.6%;
		left: 74.3%;
	}
	.location_kragujevac {
		top: 49.7%;
		left: 32.4%;
	}
	.location_jagodina {
		top: 50.2%;
		left: 55.7%;
	}
	.location_zajecar {
		top: 51.2%;
		left: 68.2%;
	}
	.location_cacak {
		top: 52.1%;
		left: 35.6%;
	}
	.location_uzice {
		top: 52.8%;
		left: 16%;
	}
	.location_kraljevo {
		top: 55.7%;
		left: 43.1%;
	}
	.location_krusevac {
		top: 58.8%;
		left: 57.2%;
	}
	.location_nis {
		top: 65.2%;
		left: 70.2%;
	}
	.location_prokuplje {
		top: 66.5%;
		left: 49.7%;
	}
	.location_novi_pazar {
		top: 68.8%;
		left: 39.2%;
	}
	.location_pirot {
		top: 68.5%;
		left: 85.9%;
	}
	.location_leskovac {
		top: 72%;
		left: 71.1%;
	}
	.location_vranje {
		top: 82.1%;
		left: 70%;
	}
	.location_kosovska_mitrovica {
		top: 71.9%;
		left: 46.7%;
	}
	.kosmit {
		width: 45px;
	}
}
@media all and (max-width: 345.5px) {
	.kategorieauswahl.btn-group .btn {
		padding: 0.3rem 0.7rem;
	}
}
@media all and (max-width: 337.5px) {
	.kategorieauswahl.btn-group .btn {
		padding: 0.3rem 0.4rem;
	}
}




@media (min-width: 1660px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1580px;
	}
}
@media (min-width: 1920px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1840px;
	}
}