/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Dirty Headline Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Dirty Headline Regular'), url('../fonts/Dirty_Headline.woff') format('woff');
}

/* sniglet-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sniglet-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sniglet-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/sniglet-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/playfair-display-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/playfair-display-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/playfair-display-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/playfair-display-v30-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/playfair-display-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/playfair-display-v30-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/playfair-display-v30-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/playfair-display-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/playfair-display-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kalam-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kalam-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kalam-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kalam-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kalam-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/kalam-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	color: #444444;
	font-family: calibri;
	font-size:35px;
	line-height: 40px;
	scroll-behavior: smooth;
}

a, a:hover {
	color: #5BA0AE;
}

#logoContainer {
	background-image: url('../images/logo_hut_auf.jpg'); background-size:cover; background-position: center;
	cursor: pointer;
}

#logoContainer:hover {
	background-image: url('../images/logo_hut_ueber_dicke_nase.jpg'); background-size:cover; background-position: center;
}

.navbar a {
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	font-size: 36px;
	margin-left: 25px;
	margin-right: 25px;
	/*transition: transform 1.0s ease-out, color 1.0s ease-out;*/
	padding-top: 33px;
	padding-bottom: 33px;
	text-decoration: none;
	
}

.navbar a:hover {
	/*transform: rotate(360deg);*/
	color:#F00;
}

.dropdown-menu {
	box-shadow: 3px 3px 14px rgba(0,0,0,0.1);
}

.dropdown-menu a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 30px;
}

h2 {
	font-size: 30px;
	line-height: 42px;
	font-family: 'Source Serif Pro', serif;
	font-weight: 300;
	letter-spacing: .2px;
}

#logo {
	/* height: 70px; */
}

.swiper {
	width: 100%;
	height: 425px;
}

.swiper-button-next, .swiper-button-prev {
	color: #FFFFFF;
}

.slide_caption {
	text-align: left;
	margin-top: 50px;
	/* margin-left: 19vw; */
	/* padding: 0px 20px; */
	display: inline-block;
	border: 0px solid black;
	color: #ffffff;
	background-color: rgba(255,255,255,0.0);
	font-weight: 400;
	font-style: italic;
}

.slide_caption .title_1 {
	font-size: 55px;
	line-height: 75px;
}

#footer {
	margin-top: 35px;
	padding-top: 35px;
	padding-bottom: 55px;
	background-color: #00F;
	background-image: url('../images/footer_muster_3.jpg'); background-size:cover; background-position: center;
	color: rgba(255,255,255,0.8);
	font-size:26px;
	line-height: 36px;
}

#footer a{
	color: rgba(255,255,255,0.8);
}

@media (max-width: 1450px)
{
	.navbar a {
		font-size: 2.3vw;
		margin-left: 1.8vw;
		margin-right: 1.8vw;
	}
}

@media (max-width: 991px)
{
	
	
	#topBar {
		height: 155px;
	}
	
	.navbar-toggler {
		float: right;
		margin-bottom: 10px;
	}
	
	.navbar {
		display: block;
		margin-top: 0px;
		padding-top: 0px;
		width: 100%;
	}
	
	.navbar {
		float: right;
	}
	
	.navbar a {
		font-size: 26px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.dropdown-menu {
		padding-bottom: 0px;
		background-color: #f7f7f7;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
	}
	
	.dropdown-menu li {
		text-align: center;
	}
	
	.dropdown-menu a {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 20px;
	}
	
	.colNavi {
		position: relative;
		bottom: 58px;
		text-align: center !important;
	}
	
	.navbar-collapse {
		position: absolute;
		z-index: 10001;
		top: 77px;
		width: calc(100% - 33px);
		background-color: #ffffff;
		box-shadow: 3px 3px 14px rgba(0,0,0,0.1);
	}
	
	.navbar-collapse li {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	
	.navbar-collapse .navbar-nav {
		display: block;
	}
	
	.containerNavi {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 920px)
{
	body {
		font-size:30px;
		line-height: 35px;
	}
	
	.slide_caption_wrapper {
		text-align: left !important;
	}

	.slide_caption
	{
		text-align: left;
		margin-top: 50px;
	}

	.slide_caption .title_1 {
		font-size: 40px;
		line-height: 50px;
	}
	
	
}

@media (max-width: 550px)
{
	body {
		font-size:25px;
		line-height: 30px;
	}
	
	#footer {
		font-size: 22px;
		line-height: 32px;
	}
	
	.slide_caption .title_1 {
		font-size: 35px;
		line-height: 35px;
	}

	#logo {
		height: 50px;
	}

	#logo_footer {
		height: 70px;
	}

	.swiper {
		height: 450px;
	}
}

.container {
	max-width: 1200px;
}

.thumbnail {
	border-radius:50%;
	width: 90%;

}

#scrollToTop {
	display: inline-block;
	background-image: url('../images/nase_klein.jpg'); background-size:contain; background-position: center;
	height: 80px;
	width: 90px;
}

#scrollToTop:hover {
	background-image: url('../images/nase_gross.jpg'); background-size:contain; background-position: center;
}

.magnifyIcon {
	display: none;
}

.form-control {
	font-size: 1.25rem;
}

.btn-secondary {
	font-size: 35px;
}

.contactForm {
	font-family: 'Kalam';
}

.textBlock img {
	width: 100%;
	height: auto;
}