/* === Allgemein ===*/

/* Schriften */

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* parisienne-regular - latin */
@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/parisienne-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/parisienne-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/parisienne-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/parisienne-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/parisienne-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/parisienne-v13-latin-regular.svg#Parisienne') format('svg'); /* Legacy iOS */
}

body {
	position: relative;
	background: url('../img/background.jpg') 50% 0 fixed no-repeat;
	width: auto;
}

body,p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
}

h1,h2,h3,h5,h6
.font-alt, figcaption {
	font-family: 'Parisienne', cursive;
}

figcaption {
	font-size: 1.8em;
	margin-top: 5%;
	color: #666;
}

ul>li>a,
.dropdown-text {
	font-family: 'Lato', sans-serif;
	font-size: 1.3em;
	border: 0px solid #333;
}

/* Button */

.btn-round {
	border-radius: 30px;
}

/* Farben */

.bg-overlay {
	height: 100%;
	width: 100%;
	background-color: rgba(51,51,51,0.9);
	position: absolute;
	top: 0;
}

a .text-white:hover,
a.text-white:hover,
.dropdown-text:hover {
	color: #dc3545 !important;
	text-decoration: none;
}

nav {
	-webkit-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

/* Section */

section {
	padding: 140px 0;
}

/* Hilfsklassen */


.d-relative{
	position: relative;
}

/* Bild Hover */

#shootings img {
	filter: brightness(80%);
	-webkit-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

#shootings img:hover {
	filter: none;
}

/* === Logo ===*/

@media (min-width:320px){
	.logo-mobile{
		position: relative;
		margin-top: 4%;
		margin-bottom: 4%;
		height: 75px;
		border: 1px solid #666;
	}
}

@media (min-width:1025px){
	.logo {
		position: absolute;
		height: 90px;
		border: 1px solid #666;
	}
}

/* === Navigation ===*/

.navbar.navbar-dark button:hover,
.navbar.navbar-dark button:focus,
.navbar.navbar-dark.nav-link {
	color: white;
	background-color: #903;
}

.dropdown-text,
.navbar.bg-white .navbar-nav .nav-link,
.navbar.bg-white a,
.navbar.bg-white a:hover,
.navbar.bg-white button {
	color: #333;
}

.navbar.bg-white button {
	border-color: rgba(51,51,51,0.6);
}

.navbar .navbar-nav .nav-link.active {
	color: #dc3545;
}

/* === Hero ===*/

@media (min-width:320px){
	.hero-bg {
		height: 120vh;
		background-size: cover;
	}
}

@media (min-width:1025px){
	.hero-bg {
		height: 100vh;
		background-size: cover;
	}
}

#home .row {
	height: 80%;
}

.icon-arrow-left, .icon-arrow-right {
	color: #dc3545;
	font-size: 1.8em;
}

@media (min-width:320px){
	.carousel-control-next{
		width: 20px;
	}
}

@media (min-width:1025px){
	.carousel-control-next{
		width: 50px;
	}
}


/* === Slider ===*/
 
.slider-image {
	max-width: 100%;
	margin-left: 0%;
	border: 1px solid lightgrey;
}

/* === Studio ===*/

@media (min-width:320px){
	.studio-bg {
		height: 165vh;
		background-size: cover;
	}
}

@media (min-width:1025px){
	.studio-bg {
		height: 100vh;
		background-size: cover;
	}
}

.img-bg {
	position: absolute;
	overflow: hidden;
	right: 0px;
	bottom: 0px;
	width: 50vw;
}

@media (min-width:320px){
	#studio-img {
		max-width: 100%;
	}
}

@media (min-width:1025px){
	#studio-img {
		max-width: 70%;
	}
}

/* === Shootings ===*/

@media (min-width:320px){
	.shooting-bg {
		background: url('../img/studio.jpg') 50% 0 fixed no-repeat;
		height: 500vh;
		background-size: cover;
	}
}

@media (min-width:1025px){
	.shooting-bg {
		background: url('../img/studio.jpg') 50% 0 fixed no-repeat;
		height: 220vh;
		background-size: cover;
	}
}

#shootings .rounded-circle {
	border: 4px solid #FFF;
}

.card {
	background-color: rgba(255, 255, 255, 0.55);
	border-radius: 0%;
}

.card-header {
	background-color: rgba(255, 255, 255, 0.4);
}

.btn-link {
	font-size: 0.6em;
	font-family: 'Lato', sans-serif;
	width: 100%;
}


#fotos {
	max-width: 100%;
}

#fotos2 {
	max-width: 100%;
}

#fotos3 {
	max-width: 100%;
}

#fotos4 {
	max-width: 100%;
}

#fotos5 {
	max-width: 100%;
}


/* === Kontakt ===*/

@media (min-width:320px){
	.kontakt-bg{
		height: 120vh;
		background-size: cover;
	}
}

@media (min-width:1025px){
	.kontakt-bg{
		height: 85vh;
		background-size: cover;
	}
}

.input-group-lg>.form-control {
	border-radius: 30px;
}

.input-group-lg .input-group-prepend .input-group-text{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

/* === Impressum ===*/

@media (min-width:1025px){
	.imp-bg{
		height: auto;
		background-size: cover;
	}

/* === Datenschutz ===*/

@media (min-width:1025px){
	.dat-bg{
		height: auto;
		background-size: cover;
	}

/* === Back to Top Button ===*/

	#back-to-top-button {
		display: none;
		position: fixed;
		right: 40px;
		bottom: 40px;
	}

/* === Bugfixing ===*/

h1,h2,h3,h4,h5,h6
.font-alt,
p,
button,
a {
	filter: blur(0);
}

/* === Impressum/Datenschutz ===*/

.kontakt {
	display: block;
}

.log {
	margin-left: 4%;
	list-style: disc;
}