@media only screen and (min-width: 1024px) {}

@media only screen and (min-width: 415px) {}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

	.officeOne img,
	.officeTwo img {
		display: none;
	}

	.content {
		padding-top: 1em;
	}

	.content h1 {
		font-size: 1em;
	}

	.off-one {
		background: url('../img/home/Susann_Welscher_Kanzlei_Diestel_Zislow.jpg');
		background-size: cover;
		background-position: 50% 50%;
	}

	.off-two {
		background: url('../img/home/PMD_Foto_S.Welscher_07-2017_03.jpg');
		background-size: cover;
		background-position: 50% 50%;
	}


}

@media only screen and (max-height: 414px),
(max-width: 768px) {

	.slogan h1,
	h1 {
		font-size: 2em;
		line-height: .9em;
	}

	.slide-2 .link-button {
		font-size: 1em;
	}
}

@media only screen and (max-width: 415px) and (min-height:415px) and (orientation: portrait) {}

@media only screen and (max-height: 768px) and (min-width:1024px) {}

@media only screen and (max-width: 1023px) {

	#announcement .bg-stretch {
		padding-top: 454px;
		height: 454px;
		background-size: auto 454px;
	}


	.zitate-item.open .description {
		bottom: 0;
		z-index: 999999;
		background: #f0f0f0;
	}

	.zitate-item.open .description span {
		display: inline-block;
		width: 100%;
	}

	.zitate-item.open .description span:before {
		content: '\f00d';
		display: block;
		text-align: right;
		font: normal normal normal 16px/1 FontAwesome;
		font-size: 3em;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

@media only screen and (max-width: 768px) {

	#info .fa-2x {
		font-size: 1.5em !important;
	}

	.umzug .content {
		width: 100% !important;
	}

	header {
		color: black !important;
		background: #f0f0f0;
	}

	.highlight-sm-alpha {
		color: rgba(255, 95, 30, .25) !important;
	}

	.officeOne .content,
	.officeTwo .content {
		padding: 15px;
		float: right;
	}

	section {
		padding: 32px 0;
	}

	.fixed-Bottom {
		bottom: 5vw;
	}

	h6 {
		font-size: 12vw;
		line-height: 9vw;
	}

	.line-height-big {
		line-height: 16vw;
	}

	.bannerBio {
		padding: 15%;
	}

	.navbar-brand img {
		vertical-align: baseline;
	}

	.navbar a {
		width: auto;
	}

	header h1,
	header nav a {
		line-height: 0.7em;
	}

	.menu-shrink h1,
	.navbar-nav a {
		line-height: 20px;
	}

	.menu-shrink h1 {
		font-size: 0.8em;
	}

	.info {
		height: auto;
		background-attachment: scroll;
	}

	.visible-xs {
		display: block;
	}

	.offset {
		margin-top: 0;
	}

	.info i {
		float: left;
	}

	.video-a {
		display: inline-block !important;
		vertical-align: middle;
		line-height: 3em;
	}

	.info a {
		display: flex;
		align-items: center;
	}

	.video-container {
		background: url(../event/img/vidDiestel.jpg) #000 no-repeat center center;
		background-size: contain;
	}

	.video-container video {
		display: none;
	}

	.entry {
		width: calc(50%);
	}

	.entry:not(:first-child) {
		margin-top: -30px;
	}

	.entry:nth-child(2n) .date-list::before {
		left: -23px;
	}

	.date-list::before {
		right: -27px;
	}

	.date-list.big::before {
		width: 15px;
		height: 15px;
		transform: translate(3px, -50%);
	}

	.entry:nth-child(2n) .date-list.big::before {
		transform: translate(-3px, -50%);
	}

	.t2 {
		width: 98%;
		column-count: 1;
		column-gap: 0px;
		padding: 5% !important;
	}

	.hero h1 {
		font-size: 2em;
	}

	.date-format .day {
		font-size: 30px;
	}
}

@media only screen and (max-width: 736px) {


	.bg-stretch {
		background: url(../img/home/Diestel-Peter-Michael_book_announcement_flashbacks_mobile.v2.jpg);
		background-repeat: no-repeat;
	}

	#announcement .bg-stretch {
		height: 267px;
		padding-top: 267px;
		background-size: auto 267px;
	}

	#announcement {
		display: block;
		padding: 44px 0;
	}

	#announcement .bg-stretch {
		position: relative;
		width: auto;
		background-position: 50% 0;
		left: 0;
	}

	.bg-stretch {
		margin-bottom: 3rem;
	}
}

@media only screen and (max-width:736px) and (orientation: landscape) {
}

@media only screen and (max-width: 480px) {

	.font-normal {
		font-size: 1.2em;
	}

	.title-fs-45 {
		font-size: 25px;
		line-height: 25px;
	}

	.title-fs-50 {
		font-size: 30px;
		line-height: 30px;
	}

	.bio::before {
		display: none;
	}

	.bio-content {
		width: 100%;
		margin-left: 0;
	}

	.bio .bullet {
		border: 0;
	}
}