/***********************  Monitor-Ansicht 1600 px *********************/
@media (max-width: 1600px) {
	.figureslide,
	.figure3 {
		width: 90%;
	}

	/*Cookie Hinweis*/
	#footer-cookie {
		padding-top: 30px;
		padding-bottom: 30px;
		line-height: inherit;
		height: auto;
	}

	#footer-cookie #description {
		z-index: 50000;
		width: 100%;
	}

	#footer-cookie #accept {
		width: 100%;
		margin-top: 15px;
	}

	#footer-cookie #accept a {
		width: 100%;
		display: block;
		text-align: center;
	}

	.nachoben {
		width: 2rem;
		height: 2rem;
	}
}

/*** Ende Monitor-Ansicht 1600 px ***/

/* RESPONSIVE */
@media (max-width: 1450px) {
	.background-wrap .content {
		margin: 12vh auto 0 auto;
		padding: 2rem;
	}

	.background-wrap .content img {
		width: 80%;
		margin: 0 auto;
	}

	.zitat_imo {
		margin: 6rem auto 4rem auto;
	}

	.kontakt_formular form .col_form {
		flex-direction: column;
	}

	.kontakt_formular form,
	.kontakt_formular form .col_form .col_input {
		width: 100% !important;
	}

	.impressum_box {
		width: 100% !important;
		padding-inline: 0px !important;
	}

	.impressum_box h2 {
		padding-left: 20px !important;
	}
}

@media (max-width: 1200px) {
	.kontakt_daten .content ul .content_highlight {
		flex: 1 0 100%;
		width: 100%;
		border-top: 1px solid var(--aktiv_color);
		height: fit-content;
		padding-top: 0.5rem;
	}

	.kontakt_daten .content ul li:nth-child(2n) {
		flex: 1 0 100%;
		width: 100%;
		height: fit-content;
		border-top: none;
		justify-content: flex-start;
	}
}

/*** Monitor-Ansicht 1024 px ***/
@media (max-width: 1024px) {
	.welcome_schrift {
		width: 100%;
		padding: 2rem 0.2rem;
	}

	.index_h2 {
		padding: 4rem 1rem;
	}

	.card img {
		width: 60% !important;
	}

	#video-bg-elem {
		height: 100vh;
		object-fit: cover;
	}

	.image {
		margin-top: 8rem;
	}

	.motto {
		padding-bottom: 10px;
	}

	.motto .box_bewertung img {
		width: 60%;
		margin-top: 5rem;
		margin-right: 3rem;
	}

	.containerpicture {
		flex-direction: column-reverse;
	}

	.centered {
		width: 100% !important;
		text-align: left;
	}

	.kontakt_daten ol li {
		margin: 1rem auto;
		justify-content: center;
	}

	#imageb img {
		width: 200%;
	}

	#text2 .face_fb {
		top: -0.5rem;
		margin-left: 10rem;
	}

	#text2 .face_ig {
		margin-top: -1rem;
	}

	.card {
		width: 50%;
		margin: 0 auto;
	}

	.card img {
		width: 90%;
	}

	/*Exposerahmen für alle*/
	figure {
		margin: 0 auto 2rem auto;
	}

	.figureslide {
		margin: 0 auto;
		width: 90%;
	}

	.figure3 {
		width: 90%;
	}

	h4 {
		width: 95%;
	}

	#contact-form #contact span {
		left: 0.8rem !important;
	}

	#motto p {
		width: 100% !important;
		padding: 0 1rem !important;
	}

	.index_imageb {
		width: 95%;
	}

	.kontakt_daten .content {
		width: 100%;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
}
/***** Ende Monitor-Ansicht 1024 px*********/

@media (max-width: 991px) {
	.tab {
		width: 100%;
	}

	.zitat_imo p {
		padding: 2rem 0 !important;
		width: 95% !important;
	}

	.box_bewertungen .box,
	#footer .column_footer {
		max-width: 100%;
		min-width: 100%;
		margin: 0.5rem;
	}

	/*Exposerahmen einzeln*/
	.figure3,
	.figureslide,
	.mobile_full {
		width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.fade {
		animation-name: fade;
		animation-duration: 1.5s;
		padding: 0 10px 50px 10px !important;
	}

	#footer .column_footer_full {
		flex-direction: column;
		text-align: center;
		line-height: 1.5;
	}
}

@media (max-width: 870px) {
	#motto .banner_blau .card img {
		max-width: 400px !important;
	}

	#motto .index_box_second .kontakt_daten p {
		padding: 0 2rem !important;
	}

	#footer #text2 .logos img {
		width: 65% !important;
	}

	.btn {
		width: 60%;
	}

	.visitenkarte {
		width: 70%;
	}
}

/*** Tablet-Ansicht 767px ***/
@media (max-width: 768px) {
	.banner_blau {
		padding: 2rem 0.5rem !important;
	}

	.index_container {
		padding: 0 0.5rem;
	}

	.responsive_container .responsive,
	.index_container .container_box,
	.rent,
	.rent_content_main {
		width: 100% !important;
	}

	.rent_content_main {
		margin-top: 2rem !important;
	}

	.index_box {
		flex-direction: column !important;
	}

	#video-bg-elem {
		height: 100vh;
		object-fit: cover;
	}

	#index_h3 ol {
		padding-left: 0px;
	}

	.image {
		margin-top: 8rem;
	}

	.türkei,
	#imageb img {
		width: 200%;
	}

	.kontakt_daten ol {
		margin: 0 3rem;
	}

	.kontakt_daten ol li {
		width: 100%;
		margin-left: -2rem;
		font-weight: 500;
		list-style-type: disc;
	}

	.index_box_right img {
		margin: 1.5rem auto 0 auto;
		width: 100%;
	}

	#footer .logo2 {
		width: 8rem !important;
		margin-left: 4rem !important;
		padding: 1rem 0.5rem !important;
		overflow: visible;
	}

	#footer .navbar2 {
		justify-content: space-evenly !important;
	}

	.card {
		width: 90%;
		margin: 0 auto;
	}

	.card img {
		width: 90%;
	}

	/*Exposerahmen für alle*/
	figure {
		display: relative;
		width: 80%;
	}

	figure span {
		width: 100% !important;
		display: flex;
		margin: 0 auto;
		text-align: center;
		justify-content: center !important;
	}

	/*Exposebilder für alle*/
	figure img {
		display: block;
		margin: 1rem auto;
		justify-content: center;
	}

	/*Exposebeschreibung einzeln*/

	.figcaption3 h2 {
		display: block;
		justify-content: center;
		display: flex;
	}

	h4 {
		width: 95%;
	}

	.motto3 {
		padding: 0 !important;
	}

	.baskoy_villen {
		flex-direction: column;
		margin: 0 !important;
		justify-content: space-evenly;
	}

	.index_box_left {
		padding: 0 2rem !important;
	}

	.kontakt_daten p {
		width: 100% !important;
		padding: 0 1rem !important;
	}

	#a_i_ul ul li,
	#a_i_ul2 ul li,
	#a_i_ul3 ul li,
	#a_i_ul4 ul li {
		width: 90% !important;
		margin-left: 3rem;
	}

	.btn {
		display: flex;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	#fussnote {
		padding: 2rem 0.2rem !important;
	}

	.karte {
		display: flex !important;
		margin: 0 auto;
	}

	.responsive_container {
		padding: 2rem 0.5rem;
	}

	.kontakt_formular form,
	.kontakt_formular form .col_form .col_input,
	.containerpicture {
		width: 100%;
	}

	.containerpicture .imageb,
	.containerpicture ul {
		display: flex;
		width: 100% !important;
	}

	/* Lightbox */
	.lightbox-img-container {
		max-width: 100%;
		max-height: 100%;
	}

	.prev-lightbox {
		left: 0px;
		/* Links innerhalb des lightbox-img */
	}

	.next-lightbox {
		right: 0px;
		/* Rechts innerhalb des lightbox-img */
	}

	.close {
		top: 3rem;
		right: 2rem;
		z-index: 1000;
	}
}
/*** Ende Tablet-Ansicht 767px ***/

/*** Handy-Ansicht 620px ***/
@media (max-width: 620px) {
	.background-wrap {
		top: 55px !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		min-height: 100vh !important;
	}

	.background-wrap #video-bg-elem {
		height: 100vh !important;
	}

	.scroll-down {
		top: calc(50% + 100px) !important;
	}

	.background-wrap .content {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -30%);
	}

	.tab {
		padding: 2rem 1rem;
	}

	#text {
		flex-direction: column;
	}

	#text p:first-child {
		padding-top: 4px;
	}

	#text p:last-child {
		padding-bottom: 4px;
	}

	#video-bg-elem {
		height: 100vh;
		object-fit: cover;
	}

	.image {
		object-fit: cover;
		margin-top: 4rem;
	}

	h4,
	.visitenkarte {
		width: 95%;
	}

	.eckdaten {
		margin-left: -0.2rem !important;
		padding: 0 !important;
	}

	.eckdaten #content1,
	.eckdaten #content2 {
		margin-right: 0 !important;
	}

	#imageb img {
		width: 200%;
	}

	#footer {
		padding: 4rem 0 !important;
	}

	#footer .logo2 {
		width: 80% !important;
	}

	#footer .navbar2 a {
		margin: 0;
		margin-top: 4rem;
		bottom: 2rem;
	}

	#footer #text2 .logos {
		display: flex;
		width: 80% !important;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}

	.logo2,
	.navbar2 {
		display: none;
	}

	.index_container_zertifikat {
		width: 100% !important;
		padding: 1rem 0.5rem;
	}

	.index_h3 {
		width: 100%;
		padding: 0 0.5rem;
	}

	.card,
	.card img {
		width: 90%;
	}

	/*Exposerahmen für alle*/
	figure,
	.kontakt_daten #mix_png {
		width: 80%;
	}

	.eckdaten {
		overflow: visible !important;
	}

	.eckdaten #content1 {
		padding-right: 1rem !important;
	}

	/*Exposerahmen einzeln*/
	.figure3,
	.figureslide,
	.row {
		width: 100%;
	}

	#contact-form {
		width: 100%;
		font-size: 13px;
		margin: 0 auto;
		justify-content: center;
	}
}

/*** Handy-Ansicht 620px ***/

/***  Handy-Ansicht Querformat (Landscape) - 480 px ***/
@media screen and (max-width: 480px) {
	.header-main {
		padding: 10px !important;
	}

	.scroll-down {
		top: 300px;
	}

	.tab {
		background-color: rgba(0, 0, 0, 0);
		backdrop-filter: none;
		padding: 0.9rem 10px;
	}

	.tab button {
		min-width: 10rem !important;
		max-width: 100% !important;
	}

	/*Kontaktformulare*/
	#contact-form h2 {
		line-height: 1.5;
	}

	.privacy5 {
		padding: 0 1.2rem !important;
		width: 100%;
	}

	#a_i_ul {
		justify-content: center;
		text-align: left;
	}

	#a_i_ul li {
		margin-bottom: 0.5rem;
	}

	.banner_blau {
		padding: 2rem 1.5rem;
		text-align: left;
		justify-content: center;
	}

	label > span {
		width: 0;
	}

	input,
	textarea,
	button,
	checkbox {
		width: 73.6263%;
		line-height: 1.5;
	}

	textarea {
		width: 90% !important;
		height: 10em;
	}

	input[type="submit"] {
		width: 80% !important;
	}

	button {
		width: 100% !important;
	}

	.lightbox-next,
	.lightbox-prev {
		width: fit-content !important;
	}

	.index_box {
		margin: 2rem auto !important;
	}

	.card img {
		padding: 1rem;
	}

	.lightbox-img {
		max-width: 100%;
		max-height: 100%;
	}

	#footer .column_footer {
		height: auto;
		margin: 0;
	}
}

/***  Ende Handy-Ansicht Querformat (Landscape) - 480 px ***/

/*** Handy-Ansicht 460px ***/
.imageb {
	width: 85% !important;
}

.banner_blau .system_info,
#motto .system_info {
	margin: 0 1rem;
	justify-content: center !important;
	display: flexbox !important;
}

.banner_blau .system_info li,
#motto .system_info li {
	text-align: left !important;
}
/*** Ende Handy-Ansicht 460px ***/

/*Bilder in Exposés*/
@-webkit-keyframes fade {
	from {
		opacity: 0.4;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: 0.4;
	}

	to {
		opacity: 1;
	}
}

#video-bg-elem,
.content {
	line-height: inherit;
	height: auto;
	width: 100%;
}

.card img {
	width: 100% !important;
}

.zitat_absatz {
	width: 100%;
	padding: 0 2rem !important;
}

.zitat_absatz p {
	width: 100% !important;
	padding: 0 1rem;
}