@charset "UTF-8";
/* CSS Document */

* {
    padding: 0; 
	margin: 0; 
	box-sizing: border-box;
}

html { 
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	overflow-x: hidden;
	background-color: #505962;					/* #656565;		Farbe, wenn Bildschirm breiter als 1600px*/
}

html, body{										/*WICHTIG für PARALLAX-Effekt*/
	height: 100%;
}

body {         			   
    color: #505962;              		  	/*Schwarze Schriftfarbe ist angenehmes Dunkelgrau */
	max-width: 1600px;						/*WICHTIG für Grössen-Begrenzung der Website*/
	margin-right: auto;						/*WICHTIG für Grössen-Begrenzung der Website*/
	margin-left: auto;						/*WICHTIG für Grössen-Begrenzung der Website*/
}

.padding{								/*allgemeines Padding im Quellcode*/
	padding-bottom: 1rem;
	padding-top: 1rem;
}

p {
	font-size: 1.1rem;
    line-height: 1.3rem;
	font-weight: 300;
	letter-spacing: 1px;
}

.zitat{
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: .5rem;
}

.text-shadow{
	text-shadow: 1px 1px 5px #1a1a1a;					
}

img {
    max-width: 100%;
    height: auto;
}

video {
    max-width: 100%;
    height: auto;
	outline: none;
}

/*---------------------- Navbar -------------------*/
.navbar{
	text-transform: uppercase;
	font-size: 1.15rem;
	max-width: 1600px !important;							/*WICHTIG für Grössen-Begrenzung der Website*/
	margin-right: auto;										/*WICHTIG für Grössen-Begrenzung der Website*/
	margin-left: auto;										/*WICHTIG für Grössen-Begrenzung der Website*/
}

.bg-inverse{
	background: transparent !important;  					/*Start-Navbar ohne BG*/
	transition: 0.5s ease-in-out;
}

.bg-inverse.scrolled {
	background: rgba(40, 46, 52, 1) !important;
}

.nav-link{
	outline: none !important;								/* verhindert blaue Outline bei Menü-Begriffen in Safari*/
}


.navbar-toggler-icon{
	color: #fff;
}

.dropdown-menu{
    background: rgba(40, 46, 52, 0.9);
	font-size: 1.15rem;
}

.dropdown-item{
    color: #fff;											/*Schriftfarbe Drop-Down*/
}

/*Farbe bei Hover auf Dropdown*/
.dropdown-item:hover{
    background: rgba(255, 255, 255, 0.8);
}


/*-------------- newstime-hero ----------------*/
.newstime-hero{
	position: relative;
	text-align: center;
	color: white;
	width: 100%;
	height: auto;
}

.centered {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*---------------- WELCOME SECTION ------------------*/
.welcome{
	background: #fff;
}

.starter-template {
	padding: 2.5rem 1.5rem .5rem;
 	text-align: center;
	background-color: #fff;
}

.welcome .img-fluid{
	padding-bottom: 1.5rem;
	width: 100px;
}

.welcome hr{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
    background-color: #505962;
	margin-bottom: 0;									/*verhindert unteren Abstand bei Querstrich*/
}


/*------------------------ MARX-VORSTELLUNG ------------------------*/

.zwei-column{
	background-color: #fff;
}

.zwei-column-dark{
	background-color: #282e34;
	color: #ddd;
}

.unterschrift{
	font-size: 1.5rem;
	font-weight: 300;
	font-style: italic;
	text-align: right;
	padding-right: 3rem;
}

.pl-rem{
	padding-left: 2rem;
}

.pr-rem{
	padding-right: 2rem;
}



/*---------------- 3er VIDEO-CARDS ------------------------*/
.video-cards	{
	background-color: #dfeae2;
}

.card{
	border: none;							/*none - wenn BG-Farbe bunt ist*/
}

.card-text{
	height: 6.5rem;
	overflow: scroll;
}


/*----------------- MOSAIK ---------------------*/
.mosaic{
    display:grid;
    grid-template-columns: auto auto auto auto auto auto;    /*repeat(6,1fr);*/
    grid-auto-rows: 200px 150px;
    grid-gap: 10px;
    grid-auto-flow: dense;
	padding: 1rem;
	background-color: #fff;
}

.mosaic .gallery-item{
    width: 100%;
    height: 100%;
    position: relative;
}

.mosaic .gallery-item .image{
    width: 100%;
    height: 100%;
    overflow: hidden;
	/*border-radius: 5px;*/
}

.mosaic .gallery-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    cursor: pointer;
    transition: .5s ease-in-out;
	filter: grayscale(0) brightness(1);
}

.mosaic .gallery-item:hover .image img{
    transform: scale(1.1);
	filter: grayscale(.3) brightness(.7);
}

.mosaic .gallery-item .text{
    opacity: 0;									/* Null = Text zunächst unsichtbar */
    position: absolute;
	font-weight: 300;
	text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
    color: #fff;
    font-size: 2rem;
    pointer-events: none;
    z-index: 4;
    transition: .3s ease-in-out;
}

.mosaic .gallery-item:hover .text{
    opacity: 1;
    animation: .3s linear;
}

.mosaic .item-1{
	grid-column: 1 / 4;
	grid-row: 1 / 3;
}

.mosaic .item-2{
	grid-column: 4 / 7;
	grid-row: 1 / 3;
}

.mosaic .item-3{
	grid-column: 1 / 2;
	grid-row: 3 / 5;
}

.mosaic .item-4{
	grid-column: 2 / 6;
	grid-row: 3 / 5;
}

.mosaic .item-5{
	grid-column: 6 / 7;
	grid-row: 3 / 5;
}

.mosaic .item-6{
	grid-column: 1 / 3;
	grid-row: 5 / 7;
}

.mosaic .item-7{
	grid-column: 3 / 5;
	grid-row: 5 / 7;
}

.mosaic .item-8{
	grid-column: 5 / 7;
	grid-row: 5 / 7;
}

.mosaic .item-9{
	grid-column: 1 / 4;
	grid-row: 7 / 9;
	
/*	grid-area: 7 / 1 / span 2 / span 3; */
}

.mosaic .item-10{
	grid-column: 4 / 7;
	grid-row: 7 / 9;
	
/*	grid-area: 7 / 4 / span 2 / span 3; */
}


/*------------------ 3er Berufs-Tätigkeit ----------------*/
.beruf{
	background-color: #dfeae2;
}

.beruf .col-md-4 {
	margin-top: 2rem;
 	margin-bottom: 1rem;  						  /*Abstand wichtig bei einzelnen Zellen übereinander*/
  	text-align: center;
}

.beruf .col-md-4 p {
  	margin-right: .75rem;
  	margin-left: .75rem;
}


/*----------------------- VITA XXL und < 1200px -----------------------------------------*/
.vita{
    display:grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;						/*repeat(8, 1fr);*/				
    grid-auto-rows: auto;
    grid-gap: 10px;
    grid-auto-flow: dense;
	padding: 1rem;
	background-color: #fff;
}

.vita .gallery-item{
    width: 100%;
    height: 100%;
    position: relative;
}

.vita .gallery-item .image{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.vita .gallery-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.vita .gallery-item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
	outline: none;
}

.vita .gallery-item .text{
    width: 100%;
    height: 100%;
	position: relativ; 				/*absolute;		*/	
	text-align: center;
	background-color: #dfeae2;
	padding: 1rem;
}

.vita .item-1{
	grid-column: 1 / 4;
	grid-row: 1 / 3;
}

.vita .item-2{
	grid-column: 4 / 6;
	grid-row: 1 / 2;
}

.vita .item-4{
	grid-column: 4 / 6;
	grid-row: 2 / 3; 
}

.vita .item-3{
	grid-column: 6 / 9;
	grid-row: 1 / 3;  
}

.vita .item-5{
	grid-column: 1 / 3;
	grid-row: 3 / 6;
}

.vita .item-6{
	grid-column: 3 / 7;
	grid-row: 3 / 5;
}

.vita .item-9{
	grid-column: 3 / 5;
	grid-row: 5 / 6;
}

.vita .item-10{
	grid-column: 5 / 7;
	grid-row: 5 / 6;
}

.vita .item-7{
	grid-column: 7 / 9;
	grid-row: 3 / 4;
}

.vita .item-8{
	grid-column: 7 / 9;
	grid-row: 4 / 6;
}

.vita .item-11{
	grid-column: 1 / 4;
	grid-row: 6 / 8;
}

.vita .item-14{
	grid-column: 4 / 6;
	grid-row: 6 / 7;
}

.vita .item-12{
	grid-column: 4 / 6;
	grid-row: 7 / 8;
}

.vita .item-13{
	grid-column: 6 / 9;
	grid-row: 6 / 8;
}

.vita .item-15{
	grid-column: 1 / 3;
	grid-row: 8 / 9;
}

.vita .item-16{
	grid-column: 3 / 6;
	grid-row: 8 / 10;
}

.vita .item-17{
	grid-column: 6 / 9;
	grid-row: 8 / 10;
}

.vita .item-18{
	grid-column: 1 / 3;
	grid-row: 9 / 12;
}

.vita .item-19{
	grid-column: 3 / 5;
	grid-row: 10 / 11;
}

.vita .item-22{
	grid-column: 3 / 5;
	grid-row: 11 / 12;
}

.vita .item-20{
	grid-column: 5 / 9;
	grid-row: 10 / 12;
}


/*------ PARALLAX und LIGHTBOX ------------*/
/*Regeln für alle BG-Fotos zugleich*/
.chile-img1, .chile-img2, .chile-img3, .italien-img1, .italien-img2, .italien-img3, .usa-img1, .usa-img2, .usa-img3, .portraet-img1, .portraet-img2, .portraet-img3, .akt-img1, .akt-img2, .akt-img3, .akt-img4, .akt-img5, .akt-warnung-img, .vita-img, .marx-img {
	position: relative;
	/*fixed = parallax ----- scroll = normal*/
	background-attachment:fixed;							/* fixed = Fixiert BG-Fotos parallax beim Scroll*/	
	background-position: center;							/*BG-Foto wird zentriert*/	
	background-size: cover;									/*BG-Foto formatfüllend*/
	background-repeat: no-repeat;			
}

.parallax-overlay{
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);							/* durchsichtiger Grau-Ton über dem BG-Bild zum Abdunkeln */
}

/*---- Akt-Warnung -------*/
.akt-warnung-img{
	background-image: url("img/akt/bg/warnung-1600-30.jpg");
	min-height: 100%;  
}

.text-warnung{
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 0 5rem;
}


/*---- Marx-BG-Foto ----------*/
.marx-img{
	background-image: url("img/marx_klein.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

/*---- Vita-BG-Foto ----------*/
.vita-img{
	background-image: url("img/vita/bg/marx_1600.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

/*---- Chile-BG-FOTOS ----------*/
.chile-img1{
	background-image: url("img/chile/bg/kirche-1600-50.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

.chile-img2{
	background-image: url("img/chile/bg/lama-shop-1600-50.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

.chile-img3{
	background-image: url("img/chile/bg/schrottauto-1600-50.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

/*---- ITALIEN-BG-FOTOS ----------*/
.italien-img1{
	background-image: url("img/italien/bg/bg-1-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;														/*volle Bildhöhe*/
}

.italien-img2{
	background-image: url("img/italien/bg/bg-2-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

.italien-img3{
	background-image: url("img/italien/bg/bg-3-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

/*---- USA-BG-FOTOS ----------*/
.usa-img1{
	background-image: url("img/usa/bg/busse-1600-40.jpg");					/*BG-Foto_1*/
	min-height: 100%;												/*volle Bildhöhe*/
}

.usa-img2{
	background-image: url("img/usa/bg/statue-1600-40.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}

.usa-img3{
	background-image: url("img/usa/bg/struktur-1600-40.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
}


/*---- Porträt-BG-FOTOS ----------*/
.portraet-img1{
	background-image: url("img/portraet/bg/bg1-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;															/*volle Bildhöhe*/
}

.portraet-img2{
	background-image: url("img/portraet/bg/bg2-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;															/*volle Bildhöhe*/
}

.portraet-img3{
	background-image: url("img/portraet/bg/bg3-1600-30.jpg");					/*BG-Foto_1*/
	min-height: 100%;															/*volle Bildhöhe*/
}


/*---- AKT-BG-FOTOS ----------*/
.akt-img1{
	background-image: url("img/akt/bg/hotel-1600-40.jpg");					/*BG-Foto_1*/
	min-height: 100%;										/*volle Bildhöhe*/
	}

.akt-img2{
	background-image: url("img/akt/bg/color-2000-60.jpg");					/*BG-Foto_1*/
	min-height: 100%;														/*volle Bildhöhe*/
}

.akt-img3{
	background-image: url("img/akt/bg/classic-2000-60.jpg");					/*BG-Foto_1*/
	min-height: 100%;															/*volle Bildhöhe*/
}

.akt-img4{
	background-image: url("img/akt/bg/white-2000-60.jpg");					/*BG-Foto_1*/
	min-height: 100%;														/*volle Bildhöhe*/
}

.akt-img5{
	background-image: url("img/akt/bg/tuch-2000-60.jpg");					/*BG-Foto_1*/
	min-height: 100%;														/*volle Bildhöhe*/
}


.section{
	text-align: center;										/*Text der Section zentrieren*/
	padding: 1.5rem 1.5rem;										/*Abstand Text zum Rand*/
}

/*Inhalts-Box mit hellem HG*/
.section-light{
	background-color: #f4f4f4;
	color: #666;
}

/*Inhalts-Box mit dunklem HG*/
.section-dark{
	background-color: #282e34;
	color: #ddd;
}

/*Inhalts-Box mit dunklem HG*/
.section-green{
	background-color: #dfeae2;
	color: #ddd;
}


/*Titel-Eigenschaften über BG-Foto*/
.ptext{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	/*letter-spacing: .5rem;*/
}

.letter-spacing-lg{
	letter-spacing: .5rem;
}

.letter-spacing-sm{
	letter-spacing: .2rem;
}

/*----------------- Lightbox --------------------*/
.item-foto{
	transition: .4s ease-in-out;
}

.item-foto img{
	border-radius: 5px;
}

.item-foto:hover{
	filter: brightness(75%);
}

/*---------------- VIDEO-HERO ----------------------*/
.video-hero{
	position: relative;
	background: #fff;
}

.video-hero video{
	height: 100vh; 
	width: 100%; 
	background-position: absolute;
	z-index: 10;
	object-fit: cover;
}

.video-hero .content{
	background: rgba(0,0,0,0.2);
	height: 100vh;
	width: 100%;
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
}

.video-hero .content h1{
	letter-spacing: .4rem;
}

.video-hero .content h2{
	letter-spacing: .2rem;
}

/*-------------- OWL-VIDEO-CAROUSEL ---------------*/
.post{
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	margin: 0 auto;
	padding-bottom: 20px;
}


.post image{
	height: 250px;									/*auto = z.B. bei Videos*/
	width: 100%;
	object-fit: cover;
}

.post .content{
	padding: 0 20px;
}


.post .content .title{
	padding-top: 20px;
	font-size: 1.1rem;
}

.post .content p{
	font-size: 14px;
	padding: 5px 0;
	color: #666;
	height: 45px;
	overflow: scroll;
}


.mail{
	text-decoration: underline;
	color: #fff;
}

.impressum{
	background-color: #282e34;
	color: #ddd;
	padding: 4rem 3rem 2rem 3rem;
}


/*------------------ FOOTER ------------------*/

.footer {
	left: 0;
    bottom: 0;
    width: 100%;
    height: 2.5rem; 											/* Set the fixed height of the footer here */
    background-color: #282e34;
	text-align: center;
}

.footer a{
    text-decoration: none;
    color: #ded3d3;
	text-transform: uppercase;
/*	text-align: center; */
}

.footer a:hover{
	color: #fff;
}

.social-media{
	padding-right: 1rem;
	line-height: 2.5rem;
	font-size: 1rem;	   
}



/*---------------- Firefox Bug Fix -------------*/
.carousel-item{
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}


/*------------------------------------- MEDIA QUARIES -------------------------------------------------*/

@media (min-width: 1300px){
	p {
		font-size: 1.5rem;
		line-height: 1.7rem;
	}
	
	.zitat{
		font-size: 1.7rem;
		line-height: 1.9rem;
	}
	
	.navbar{
		font-size: 1.3rem;
	}
	
	.card-text{
		height: 10rem;
		overflow: scroll;
	}	
}


	
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

	.mosaic{
		grid-auto-rows: 200px 150px;
		grid-gap: 10px;
		padding: 1rem;
		background-color: #fff;
	}
	
	.mosaic .gallery-item .text{
		opacity: 1;										/* 1 für Dauersichtbarkeit */
		font-size: 2rem;							
	} 
	
} 

	
	
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	
	.navbar-nav{				
		padding-left: 0.8rem;										/* regelt linken Abstand der Menü-Schlagworte */
	} 
	
	.navbar-collapse{
		background: rgba(40, 46, 52, 0.9);							/* BG-Farbe bei erstem aufgeklapptem Menü */
		border-radius: 5px;
	}
	
	.dropdown-menu{
		background: rgba(40, 46, 52, 0.9);							/* ausgangswert 0.6 */
		border-radius: 5px;
	}
	

	
	
/*---------------------- newstime-hero max 992 -----------------------*/
	.centered {
		top: 70%;
}

	.newstime-titel h4{
		font-size: 2rem;
}

	.newstime-titel h3{
		font-size: 1.2rem;
}
	
/*------------------ 2er Column -----------------*/
	.zwei-column-text{
		height: auto;
		overflow: visible;
	}
	
/*------------------ 2er und 3er Video-Cards -----------------*/
	.card-text{
		height: 8rem;
		overflow: scroll;
	}
	
	
	
/*----------------- MOSAIK max. 992 ---------------------*/
.mosaic{
    grid-template-columns: auto auto auto auto auto auto;  									  /*repeat(6,1fr);*/
    grid-auto-rows: 260px 300px;
    grid-gap: 5px;
	padding: .5rem;
}	
	
.mosaic .gallery-item .text{
	font-weight: 300;
    font-size: 1.8rem;
}

	
/* Start-Zeile - Start-Spalte - Zeilen-Anzahl - Spalten-Anzahl*/
.mosaic .item-1{
	grid-column: 1 / 4;
	grid-row: 1 / 2;
}

.mosaic .item-2{
	grid-column: 4 / 7;
	grid-row: 1 / 2;
}

.mosaic .item-3{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.mosaic .item-4{
	grid-column: 2 / 6;
	grid-row: 2 / 3;
}

.mosaic .item-5{
	grid-column: 6 / 7;
	grid-row: 2 / 3;
}

.mosaic .item-6{
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.mosaic .item-7{
	grid-column: 3 / 5;
	grid-row: 3 / 4;
}

.mosaic .item-8{
	grid-column: 5 / 7;
	grid-row: 3 / 4;
}

.mosaic .item-9{
	grid-column: 1 / 4;
	grid-row: 4 / 5;
}

.mosaic .item-10{
	grid-column: 4 / 7;
	grid-row: 4 / 5;
}
	

	
	
/*------------------- Vita max 992 ---------------------------*/
.vita{
    display:grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;						/*repeat(8, 1fr);*/				
    grid-auto-rows: auto;
    grid-gap: 5px;
	padding: .5rem;

}

.vita .gallery-item .text{
	padding: 1rem;
}


.vita .item-1{
	grid-column: 1 / 6;
	grid-row: 1 / 3;
}

.vita .item-2{
	grid-column: 6 / 9;
	grid-row: 1 / 2;
}

.vita .item-4{							/* TEXT - Geburt */
	grid-column: 6 / 9;
	grid-row: 2 / 3; 
}
	
.vita .item-7{							/* Studium */
	grid-column: 1 / 4;
	grid-row: 3 / 4;
}
	
.vita .item-9{							/* Helm im Auto */
	grid-column: 1 / 4;
	grid-row: 4 / 6;
}

 .vita .item-3{							/* mm filmt Elefant */
	grid-column: 4 / 9;
	grid-row: 3 / 5;  
}
	
.vita .item-10{							/* Berufliche Schritte */
	grid-column: 4 / 9;
	grid-row: 5 / 6;
}
	
.vita .item-11{							/* Pinguine */
	grid-column: 1 / 5;
	grid-row: 6 / 7;
}
	
.vita .item-13{							/* Video Newstime*/
	grid-column: 5 / 9;
	grid-row: 6 / 7;
}
	
.vita .item-6{							/* mm bei newstime*/
	grid-column: 1 / 6;
	grid-row: 7 / 9;
}
	
.vita .item-14{							/* Text 30 Jahre TV */
	grid-column: 6 / 9;
	grid-row: 7 / 8;
}
	
.vita .item-8{							/* Porträt-Zitat */
	grid-column: 6 / 9;
	grid-row: 8 / 10;
}
	
.vita .item-16{							/* Dachzelt-Jeep */
	grid-column: 1 / 6;
	grid-row: 9 / 11;
}
	
.vita .item-15{							/* Pro7-Text */
	grid-column: 6 / 9;
	grid-row: 10 / 11;
}	

.vita .item-18{							/* Paragliding */
	grid-column: 1 / 4;
	grid-row: 11 / 13;
}

.vita .item-12{						/* Porträt Salzburg */
	grid-column: 4 / 6;
	grid-row: 11 / 12;
}

.vita .item-19{						/* Text Hobbys */
	grid-column: 4 / 6;
	grid-row: 12 / 13;
}

.vita .item-5{						/* Motorrad */
	grid-column: 6 / 9;
	grid-row: 11 / 13;
}
	
	
.vita .item-17{						/* Tauchen */
	grid-column: 1 / 4;
	grid-row: 13 / 15;
}

.vita .item-22{							/* mm mit Mini */
	grid-column: 1 / 4;
	grid-row: 15 / 16;
}

.vita .item-20{							/*mm filmt Flusspferde*/
	grid-column: 4 / 9;
	grid-row: 13 / 16;
}
	

	
/*Titel über BG-Foto*/
	.ptext{
		letter-spacing: .2rem;
	}
	
	.ptext h1{										/*Titel-Größe über BG-Foto verändern*/
		font-size: 3rem;
		font-weight: 300;
	}


/*----------- AKT-Warnung -----------*/
	.text-warnung{
		top: 35%;
		padding: 0 1rem;
	}
	
	.text-warnung h4{
		font-size: 2rem;
	}
	.text-warnung p{
		font-size: .9rem;
	}
} 



	
/* Small devices (landscape phones, less than 768px) */
	@media (max-width: 767.98px){


	.navbar .logo-name{
		display: none;
	}
	
		
/*---------------------- newstime-hero max 768 -----------------------*/
	.centered {
		top: 70%;
}

	.newstime-titel h4{
		font-size: 2rem;
}

	.newstime-titel h3{
		font-size: 1.2rem;
}


/*------------------ 2er und 3er Video-Cards -----------------*/
	.card-text{
		height: auto;
		overflow: visible;
	}
	
	
/*----------------- MOSAIK max 768 ---------------------*/
.mosaic{
/*    grid-template-columns: auto auto auto auto auto auto;  */
    grid-auto-rows: 220px 230px 220px 300px;
}	
	
.mosaic .gallery-item .text{
	font-weight: 300;
    font-size: 1rem;
}

	
/* Start-Zeile - Start-Spalte - Zeilen-Anzahl - Spalten-Anzahl*/
.mosaic .item-1{
	grid-column: 1 / 4;
	grid-row: 1 / 2;
}

.mosaic .item-2{
	grid-column: 4 / 7;
	grid-row: 1 / 2;
}

.mosaic .item-3{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.mosaic .item-4{
	grid-column: 2 / 5;
	grid-row: 2 / 3;
}

.mosaic .item-5{
	grid-column: 5 / 7;
	grid-row: 2 / 3;
}

.mosaic .item-6{
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.mosaic .item-7{
	grid-column: 3 / 5;
	grid-row: 3 / 4;
}

.mosaic .item-8{
	grid-column: 5 / 7;
	grid-row: 3 / 4;
}

.mosaic .item-9{
	grid-column: 1 / 4;
	grid-row: 4 / 5;
}

.mosaic .item-10{
	grid-column: 4 / 7;
	grid-row: 4 / 5;
}
	
		
/*-------------- VITA max 768 ----------------*/
.vita{		
    grid-auto-rows: auto;
    grid-gap: 5px;
	padding: .5rem;
}
	
	
.vita .gallery-item .text{
    width: 100%;
    height: 100%;
	position: relative;
	text-align: center;
/*	align-items: center; */
	justify-content: center;
	padding: 1.5rem;
}
	
	
.vita .item-1{
	grid-column: 1 / 9;
	grid-row: 1 / 2;
}

.vita .item-2{
	grid-column: 1 / 9;
	grid-row: 2 / 3;
}

.vita .item-4{
	grid-column: 1 / 9;
	grid-row: 3 / 4; 
}

.vita .item-3{
	grid-column: 1 / 9;
	grid-row: 4 / 5;
}

.vita .item-6{
	grid-column: 1 / 9;
	grid-row: 5 / 6;
}
	
.vita .item-7{
	grid-column: 1 / 9;
	grid-row: 6 / 7;
}
	
.vita .item-8{
	grid-column: 1 / 9;
	grid-row: 7 / 8;
}	
	
.vita .item-13{
	grid-column: 1 / 9;
	grid-row: 8 / 9;
}
	
.vita .item-10{
	grid-column: 1 / 9;
	grid-row: 9 / 10;
}	
	
.vita .item-9{
	grid-column: 1 / 9;
	grid-row: 10 / 11;
}
	
.vita .item-20{
	grid-column: 1 / 9;
	grid-row: 11 / 12;
}
	
.vita .item-14{
	grid-column: 1 / 9;
	grid-row: 12 / 13;
}
	
.vita .item-12{
	grid-column: 1 / 9;
	grid-row: 13 / 14;
}
	
.vita .item-16{
	grid-column: 1 / 9;
	grid-row: 14 / 15;
}

.vita .item-15{
	grid-column: 1 / 9;
	grid-row: 15 / 16;
}
	
.vita .item-17{
	grid-column: 1 / 9;
	grid-row: 16 / 17;
}

.vita .item-18{
	grid-column: 1 / 9;
	grid-row: 17 / 18;
}
	
.vita .item-19{
	grid-column: 1 / 9;
	grid-row: 18 / 19;
}

.vita .item-11{
	grid-column: 1 / 9;
	grid-row: 19 / 20;
}

.vita .item-5{
	grid-column: 1 / 9;
	grid-row: 20 / 21;
}

.vita .item-22{
	grid-column: 1 / 9;
	grid-row: 21 / 22;
}
		
		
		
/*------------------- AKT-Warnung 768 ------------------*/			
	.text-warnung{
		top: 30%;
		padding: 0 .5rem;
	}
	
	.text-warnung h4{
		font-size: 2rem;
	}
	.text-warnung p{
		font-size: .9rem;
	}
		
} 
/*-------------------- ENDE 768 ------------------------------*/



/* EXTRA-Grösse*/
@media (max-width: 655px){
	/* AKT-Warnung*/
	.text-warnung{
		top: 20%;
		padding: 0 .5rem;
	}
	
	.text-warnung h4{
		font-size: 1.1rem;
	}
	.text-warnung p{
		font-size: .6rem;
	}	
}

	
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){
	
	.pl-rem{											/*Padding-Links bei Text rechts neben Foto*/
		padding-left: .8rem;
}
	
	.pr-rem{											/*Padding-Rechts bei Text links neben Foto*/
		padding-right: .8rem;
}
	
	
	.container-fluid .padding{
		padding: 0;
	}
	
/*---------------------- newstime-hero max 576 -----------------------*/
	.centered {
		top: 80%;
}

	.newstime-titel h4{
		font-size: 1.5rem;
}

	.newstime-titel h3{
		font-size: .8rem;
}
	
	
	.card-mb{
		margin-bottom: 1.5rem;
	}
	
	
	.chile-img1, .chile-img2, .chile-img3, .italien-img1, .italien-img2, .italien-img3, .usa-img1, .usa-img2, .usa-img3, .portraet-img1, .portraet-img2, .portraet-img3, .akt-img1, .akt-img2, .akt-img3, .akt-img4, .akt-img5, .akt-warnung-img, .vita-img, .marx-img{
		background-attachment: scroll;
	}
	
	.text-pt{										/*Padding-Top-Abstand zwischen Text und Foto darüber*/
		padding-top: .5rem;
	}

	
/*Titel über BG-Foto*/
	.ptext{
		letter-spacing: .1rem;
	}
	
	.ptext h1{										/*Titel-Größe über BG-Foto verändern*/
		font-size: 2.5rem;
		font-weight: 300;
	}

/*Titel über BG-Video*/
	
	.video-hero .content h1{
		font-size: 3rem;
		letter-spacing: .1rem;
		font-weight: 300;
	}

	.video-hero .content h2{
		letter-spacing: .1rem;
	}
	
/* Akt-Warnung Text-Einstellung*/
	.text-warnung{
		top: 25%;
		padding: 0 .5rem;
	}
	
	.text-warnung h4{
		font-size: 1.1rem;
	}
	
	.text-warnung p{
		font-size: .6rem;
	}	
	
/* OWL-Titelgröße */
	#slider-anilao-1 h2, #slider-anilao-2 h2, #slider-bluewave h2, #slider-island h2, #slider-lembeh h2, #slider-mehrmeer-1 h2, #slider-mehrmeer-2 h2, #slider-palau h2{
		font-size: 1.5rem;
	}
	
/*----------------- MOSAIK max 576 ---------------------*/
.mosaic{
    grid-auto-rows: 260px 150px;
}
	
	
.mosaic .gallery-item .text{
	font-weight: 300;
   	font-size: 2.5rem;
}
	
	
.mosaic .item-1{
	grid-column: 1 / 7;
	grid-row: 1 / 2;
}

.mosaic .item-2{
	grid-column: 1 / 7;
	grid-row: 2 / 4;
}

.mosaic .item-3{
	grid-column: 1 / 7;
	grid-row: 4 / 7;
}

.mosaic .item-4{
	grid-column: 1 / 7;
	grid-row: 7 / 8;
}

.mosaic .item-5{
	grid-column: 1 / 7;
	grid-row: 8 / 11;
}

.mosaic .item-6{
	grid-column: 1 / 7;
	grid-row: 11 / 13;
}

.mosaic .item-7{
	grid-column: 1 / 7;
	grid-row: 13 / 14;
}

.mosaic .item-8{
	grid-column: 1 / 7;
	grid-row: 14 / 16;
}

.mosaic .item-9{
	grid-column: 1 / 7;
	grid-row: 16 / 18;
}

.mosaic .item-10{
	grid-column: 1 / 7;
	grid-row: 18 / 20;
}	
	
/*-------------- VITA max 576 ----------------*/
.vita{		
    grid-auto-rows: auto;
    grid-gap: 5px;
	padding: .5rem;
}
	
	
.vita .gallery-item .text{
    width: 100%;
    height: 100%;
	position: relative;
	text-align: center;
/*	align-items: center; */
	justify-content: center;
	padding: 1.5rem;
}
	
	
.vita .item-1{
	grid-column: 1 / 9;
	grid-row: 1 / 2;
}

.vita .item-2{
	grid-column: 1 / 9;
	grid-row: 2 / 3;
}

.vita .item-4{
	grid-column: 1 / 9;
	grid-row: 3 / 4; 
}

.vita .item-3{
	grid-column: 1 / 9;
	grid-row: 4 / 5;
}

.vita .item-6{
	grid-column: 1 / 9;
	grid-row: 5 / 6;
}
	
.vita .item-7{
	grid-column: 1 / 9;
	grid-row: 6 / 7;
}
	
.vita .item-8{
	grid-column: 1 / 9;
	grid-row: 7 / 8;
}	
	
.vita .item-13{
	grid-column: 1 / 9;
	grid-row: 8 / 9;
}
	
.vita .item-10{
	grid-column: 1 / 9;
	grid-row: 9 / 10;
}	
	
.vita .item-9{
	grid-column: 1 / 9;
	grid-row: 10 / 11;
}
	
.vita .item-20{
	grid-column: 1 / 9;
	grid-row: 11 / 12;
}
	
.vita .item-14{
	grid-column: 1 / 9;
	grid-row: 12 / 13;
}
	
.vita .item-12{
	grid-column: 1 / 9;
	grid-row: 13 / 14;
}
	
.vita .item-16{
	grid-column: 1 / 9;
	grid-row: 14 / 15;
}

.vita .item-15{
	grid-column: 1 / 9;
	grid-row: 15 / 16;
}
	
.vita .item-17{
	grid-column: 1 / 9;
	grid-row: 16 / 17;
}

.vita .item-18{
	grid-column: 1 / 9;
	grid-row: 17 / 18;
}
	
.vita .item-19{
	grid-column: 1 / 9;
	grid-row: 18 / 19;
}

.vita .item-11{
	grid-column: 1 / 9;
	grid-row: 19 / 20;
}

.vita .item-5{
	grid-column: 1 / 9;
	grid-row: 20 / 21;
}

.vita .item-22{
	grid-column: 1 / 9;
	grid-row: 21 / 22;
}
}
/*--------------- END MEDIA 576 -----------------*/


/*--------- EXTRA-GRÖSSE -------*/
@media (max-width: 567px){
	
	
/*----------------- BG-Fotos mit Hochkant-Format --------------*/
	
/*---------- Marx-BG-Foto ----------*/
	.marx-img{
		background-image: url("img/marx_klein.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

/*---- Vita-BG-Foto ----------*/
	.vita-img{
		background-image: url("img/vita/bg/marx_800_40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

/*---- Chile-BG-FOTOS ----------*/
	
	.chile-img1{
		background-image: url("img/chile/bg/kirche-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

	.chile-img2{
		background-image: url("img/chile/bg/lama-shop-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

	.chile-img3{
		background-image: url("img/chile/bg/schrottauto-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

/*---- ITALIEN-BG-FOTOS ----------*/
	.italien-img1{
		background-image: url("img/italien/bg/bg-1-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;														/*volle Bildhöhe*/
	}

	.italien-img2{
		background-image: url("img/italien/bg/bg-2-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

	.italien-img3{
		background-image: url("img/italien/bg/bg-3-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

/*---- USA-BG-FOTOS ----------*/
	.usa-img1{
		background-image: url("img/usa/bg/busse-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;												/*volle Bildhöhe*/
	}

	.usa-img2{
		background-image: url("img/usa/bg/statue-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}

	.usa-img3{
		background-image: url("img/usa/bg/struktur-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;										/*volle Bildhöhe*/
	}


/*---- Porträt-BG-FOTOS ----------*/
	.portraet-img1{
		background-image: url("img/portraet/bg/bg1-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;															/*volle Bildhöhe*/
	}

	.portraet-img2{
		background-image: url("img/portraet/bg/bg2-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;															/*volle Bildhöhe*/
	}

	.portraet-img3{
		background-image: url("img/portraet/bg/bg3-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;															/*volle Bildhöhe*/
	}


/*---- AKT-BG-FOTOS ----------*/
	.akt-img2{
		background-image: url("img/akt/bg/color-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;														/*volle Bildhöhe*/
	}

	.akt-img3{
		background-image: url("img/akt/bg/classic-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;															/*volle Bildhöhe*/
	}

	.akt-img4{
		background-image: url("img/akt/bg/white-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100%;														/*volle Bildhöhe*/
	}

	.akt-img5{
		background-image: url("img/akt/bg/tuch-800-40.jpg");					/*BG-Foto_1*/
		min-height: 100;														/*volle Bildhöhe*/
	}
}

/*----------------max 450px ---------------------*/
@media(max-width:450px){
	
/* Carousel Titel-Größe */
	.carousel-caption {
		top: 60%; 				/* ALT 60*/
	}
	
	.carousel-item h4{
		font-size: 2.5rem;
	}
	.carousel-item h3{
		font-size: 1.3rem;
	}
	
	.zwei-column h1, .zwei-column-dark h1{
		font-size: 2rem;
	}
	

/* Akt-Warnung */
	.text-warnung{
		top: 40%;
		padding: 0 .7rem;
	}
}


@media(max-width:330px){
/* Akt-Warnung */
	.text-warnung{
		top: 25%;
		padding: 0 .7rem;
	}
}


/*
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width
*/