/*
Theme Name: JohannaRottenmaier 2016
Author: Sebastian Noske / Philipp Semmler
Version: 1.0
License:
License URI:
*/

html {
	height: 100%;
}

a:hover, #site-nav-btn-wrap > div:hover, .click-able:hover, h1#show-telescopic-text:hover {
	cursor: url(img/cursor_big.png), auto !important;
}

#page {
	padding-top: 68px;
}

p {
	line-height: 1.7em;
}

a {
	outline: none !important;
}

#site-nav-btn-wrap, #social-media-btn-wrap {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
}

#social-media-btn-wrap {
	z-index: 2;
	position: relative;
}

h2.click-able {
	margin-left: 1.2em;
	position: relative;
}

h2.click-able:before {
	position: absolute;
	left: -1.2em;
	top: -.25em;
	content: '\e801';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	font-size: 1.8em;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5em;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
}

body {
	transition: .3s linear background-color;
	background-color: #fff;
}

body.touch-device.home.hover-effect {
	transition-duration: 0s;
}

body.hover-effect.white, body.post-type-archive-ref_rm, body.single-ref_rm  {
	background-color: #000;
}

body.hover-effect.yellow, body.post-type-archive-ref_li, body.single-ref_li  {
	background-color: #ff0295;
}

body.hover-effect.black, body.post-type-archive-ref_gli, body.single-ref_gli {
	background-color: #f2f2f2;
}

body.hover-effect.pink, body.page-id-14 {
	background-color: #005bf1;
}

.page-id-14 #content p {
	list-style: none;
	font-family: 'oswald-bold';
	font-size: 3em;
	text-transform: uppercase;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0 !important;
}

body.page-template-ungeduldige {
	background-color: #67ff0a;
}

body.post-type-archive-breaking_news {
 	background-color: #ff2400;
}

body.blog {
	background-color: #000;
}

body.post-type-archive-breaking_news * {
	color: #ffff00;
}

body.post-type-archive-breaking_news h1, body.post-type-archive-breaking_news h2 {
	color: #00ee1c;
}

body.blog * {
	color: #fff;
}

#initial-page-nav-wrap {
	margin-top: 20px;
	display: inline-block;
}

#initial-page-nav-wrap a {
	color: #272727;
	text-decoration: none;
	transition: .15s linear color;
	font-family: 'oswald-bold';
	display: inline-block;
	transform-origin: left center;
}

body.touch-device.home.hover-effect #initial-page-nav-wrap a {
	transition-duration: 0s;
}

body.hover-effect.white  #initial-page-nav-wrap a:not(.hover-color-sheme-white) {
	color: rgba(255,255,255,.05);
}

body.hover-effect.black #initial-page-nav-wrap a:not(.hover-color-sheme-black) {
	color: rgba(0, 0, 0,.05);
}

body.hover-effect.yellow  #initial-page-nav-wrap a:not(.hover-color-sheme-yellow) {
	color: rgba(0, 0, 0,.05);
}

body.hover-effect.pink #initial-page-nav-wrap a:not(.hover-color-sheme-pink) {
	color: rgba(0, 0, 0,.05);
}

body.hover-effect.white #initial-page-nav-wrap a.hover-color-sheme-white, body.post-type-archive-ref_rm *, body.single-ref_rm * {
	color: #fff;
}

body.post-type-archive-ref_rm h2, body.single-ref_rm h2 {
	color: #afafaf;
}

body.post-type-archive-ref_rm h2.click-able:not(.collapsed) {
	color: #fff;
}

body.hover-effect.black #initial-page-nav-wrap a.hover-color-sheme-black {
	color: #272727;
}

body.hover-effect.yellow #initial-page-nav-wrap a.hover-color-sheme-yellow, body.post-type-archive-ref_li *, body.single-ref_li *, body.single-ref_li #additional-infos-wrap p {
	color: yellow;
}

body.post-type-archive-ref_li h2.click-able:not(.collapsed) {
	color: #ffffb2;
}

.icon-home_rm:before {
	margin-right: 0 !important;
}


#additional-infos-wrap {
	border: 1px solid #000;
	padding: 0 1.3em;
	margin-top: 50px;
	margin-bottom: 30px;
}

.single-ref_li #additional-infos-wrap {
	border-color: yellow;
	margin-top: 20px;
}

.single-ref_rm #additional-infos-wrap {
	border-color: #fff;
}

body.single-ref_li p {
	color: #fff;
}

body.page-id-14 * {
	color: #00ee1c;
}

body.page-template-ungeduldige * {
	color: #ff2400;
}

body.hover-effect.pink #initial-page-nav-wrap a.hover-color-sheme-pink, body.page-id-14 h1, body.page-id-14 h2 {
	color: #ff00a8;
}

#initial-page-nav-wrap > div span {
	display: block;
	font-weight: bold;
	font-size: 2em;
	text-transform: uppercase;
}

#initial-page-nav-prename {
	margin-right: 2em;
}

#initial-page-nav-prename span {
	line-height: 1em;
}

#initial-page-nav-lastname span {
	line-height: 1em;
}

footer#bottom-nav {
	position: relative;
	width: 100%;
	bottom: 0;
	background-color: #fff;
	transition: .3s linear background-color;
}

body.touch-device.home.hover-effect footer#bottom-nav {
	transition-duration: 0s;
}

body.hover-effect.yellow footer#bottom-nav, body.post-type-archive-ref_li footer#bottom-nav, body.single-ref_li footer#bottom-nav {
	background-color: #f6ff00;
}

body.hover-effect.yellow footer#bottom-nav li a, body.post-type-archive-ref_li footer#bottom-nav li a, body.single-ref_li footer#bottom-nav li a, body.hover-effect.yellow footer#bottom-nav li i, body.post-type-archive-ref_li footer#bottom-nav li i, body.single-ref_li footer#bottom-nav li i {
	color: #ff0295;
}

body.hover-effect.black footer#bottom-nav, body.post-type-archive-ref_gli footer#bottom-nav, body.single-ref_gli footer#bottom-nav {
	background-color: #000;
}

body.hover-effect.black footer#bottom-nav li a, body.post-type-archive-ref_gli footer#bottom-nav li a, body.single-ref_gli footer#bottom-nav li a, body.hover-effect.black footer#bottom-nav li i, body.post-type-archive-ref_gli footer#bottom-nav li i, body.single-ref_gli footer#bottom-nav li i {
	color: #fff;
}

body.hover-effect.pink footer#bottom-nav, body.page-id-14 footer#bottom-nav {
	background-color: #ff00a8;
}

body.hover-effect.pink footer#bottom-nav ul#menu-footer-menu li a, body.page-id-14 footer#bottom-nav ul#menu-footer-menu li a, body.hover-effect.pink footer#bottom-nav ul#menu-footer-menu li i, body.page-id-14 footer#bottom-nav ul#menu-footer-menu li i {
	color: #005bf1;
}

body.post-type-archive-breaking_news footer#bottom-nav {
	background-color: #00ee1c;
}

body.post-type-archive-breaking_news footer#bottom-nav li a, body.post-type-archive-breaking_news footer#bottom-nav li i {
	color: #ff2400;
}

body.page-template-ungeduldige footer#bottom-nav {
	background-color: #ff2400;
}

body.page-template-ungeduldige footer#bottom-nav li a, body.page-template-ungeduldige footer#bottom-nav li i {
	color: #67ff0a;
}

.helper-link {
	visibility: hidden;
}

.relative {
	position: relative;
}

ul#menu-footer-menu {
	margin: 0;
	padding: 10px 0;
}

ul#menu-footer-menu li {
	display: block;
	list-style: none;
	margin-left: -10px;
}

.video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

ul#menu-footer-menu li a {
	color: #272727;
	text-transform: uppercase;
	font-family: 'oswald-bold';
	font-size: 1.1em;
	text-decoration: none;
	transition: .15s linear color;
}

body.touch-device.home.hover-effect ul#menu-footer-menu li a {
	transition-duration: 0s;
}

ul#menu-footer-menu li:hover a, ul#menu-footer-menu li:hover i{
	color: #474747;
}

ul#menu-footer-menu li i {
	position: relative;
	color: #272727;
	top: .15em;
	font-size: 1.8em;
	transition: .15s linear color;
}

ul#menu-footer-menu li i:before {
	margin-right: 0;
}

#rottenmaier-avatar {
	text-align: center;
}

#rottenmaier-avatar img {
	width: 74px;
}

h1, h2 {
	font-family: 'oswald-semi-bold';
	font-size: 1.1em;
	text-transform: uppercase;
}

h3 {
	font-family: 'oswald-semi-bold';
	text-transform: uppercase;
}

.hide-text-block {
	display: none;
}

#telescopic-text-wrap p:first-child {
	font-weight: bold;
}

#telescopic-text-wrap a {
	color: #000;
	text-decoration: underline;
}

#telescopic-text-wrap p:first-child a {
	animation: freaky-underline .7s infinite;
}

@keyframes freaky-underline {
	0% {
		text-decoration: underline;
	}
	50% {
		text-decoration: none;
	}
}

h1 {
	line-height: 1.1em;
	font-size: 2em;
}

h2 {
	font-size: 1.1em;
	line-height: 1em;
}

body.page-template-ungeduldige h2, body.blog h2, body.post-type-archive-breaking_news h2 {
	font-size: 1.1em;
	text-transform: none;
	letter-spacing: -0.02em;
	margin-top: 0;
}

#site-nav-btn-wrap a {
	text-align: center;
	display: block;
	color: #f2f2f2;
}

.icon-home_rm {
	font-size: 0.5em;
	line-height: 2em;
}

#site-nav-btn-wrap > div:first-child, #social-media-btn-wrap > a:first-child {
	margin-bottom: 3px;
}

#site-nav-btn-wrap > div, #social-media-btn-wrap > a {
	position: relative;
	font-size: 3.2em;
	color: #f2f2f2;
	background-color: #000;
	cursor: pointer;
	overflow: hidden;
	transition: 0.15s ease all;
	border: 1px solid #fff;
	text-align: center;
}

#site-nav-btn-wrap > div {
	padding: 0.05em 0.01em;
}

#social-media-btn-wrap > a {
	padding: .6em .4em;
	font-size: 1.6em;
}

#social-media-btn-wrap > a#sm-xing {
	background-color: rgba(0, 128, 128, 1.0);
	border: 1px solid rgba(0, 128, 128, 1.0);
}

#social-media-btn-wrap > a#sm-linkedin {
	background-color: rgba(72, 117, 180, 1.0);
	border: 1px solid rgba(72, 117, 180, 1.0);
}

#social-media-btn-wrap > a#sm-xing:hover  {
	background-color: #f2f2f2;
}

#social-media-btn-wrap > a#sm-linkedin:hover {
	background-color: #f2f2f2;
}

#social-media-btn-wrap > a#sm-xing:hover i {
	color: rgba(0, 128, 128, 1.0);
}

#social-media-btn-wrap > a#sm-linkedin:hover i {
	color: rgba(72, 117, 180, 1.0);
}

#site-nav-btn-wrap > div i:before {
	display: inline-block;
	position: relative;
	margin: 0;
	margin-left: 0px;
	margin-right: 5px;
}

#site-nav-btn-wrap > div:hover i:before, #social-media-btn-wrap > a:hover i:before {
	animation: freaky-arrow .15s;
}

body.blog #site-nav-btn-wrap > div {
	background-color: #fff;
}

body.blog #site-nav-btn-wrap > div i {
	color: #000;
}

body.post-type-archive-ref_gli #site-nav-btn-wrap > div, body.single-ref_gli #site-nav-btn-wrap > div {
	border: 1px solid #000;
}

body.post-type-archive-breaking_news #site-nav-btn-wrap > div {
	background-color: #00ee1c;
	border: 1px solid #00ee1c;
}

body.post-type-archive-breaking_news #site-nav-btn-wrap > div i {
	color: #ff2400;
}

body.post-type-archive-ref_rm #site-nav-btn-wrap > div, body.single-ref_rm #site-nav-btn-wrap > div {
	background-color: #fff;
	border: 1px solid #fff;
}

body.post-type-archive-ref_rm #site-nav-btn-wrap > div i, body.single-ref_rm #site-nav-btn-wrap > div i {
	color: #000;
}

body.post-type-archive-ref_li #site-nav-btn-wrap > div, body.single-ref_li #site-nav-btn-wrap > div {
	background-color: yellow;
	border: 1px solid yellow;
}

body.post-type-archive-ref_li #site-nav-btn-wrap > div i, body.single-ref_li #site-nav-btn-wrap > div i {
	color: #ff0295
}

body.page-id-14 #site-nav-btn-wrap > div {
	background-color: #ff00a8;
	border: 1px solid #ff00a8;
}

body.page-id-14 #site-nav-btn-wrap > div i {
	color: #005bf1;
}

body.page-template-ungeduldige #site-nav-btn-wrap > div {
	background-color: #ff2400;
	border: 1px solid #ff2400;
}

body.page-template-ungeduldige #site-nav-btn-wrap > div i {
	color: #67ff0a;
}

#site-nav-btn-wrap > div:hover {
	background-color: #f2f2f2;
	border: 1px solid #000;
}

#site-nav-btn-wrap > div:hover i {
	color: #000;
}

body.blog #site-nav-btn-wrap > div:hover, body.post-type-archive-ref_rm #site-nav-btn-wrap > div:hover, body.single-ref_rm #site-nav-btn-wrap > div:hover {
	background-color: #000;
	border: 1px solid #fff;
}

body.blog #site-nav-btn-wrap > div:hover i, body.post-type-archive-ref_rm #site-nav-btn-wrap > div:hover i, body.single-ref_rm #site-nav-btn-wrap > div:hover i {
	color: #fff;
}

body.page-id-14 #site-nav-btn-wrap > div:hover {
	background-color: #005bf1;
	border: 1px solid #ff00a8;
}

body.page-id-14 #site-nav-btn-wrap > div:hover i {
	color: #ff00a8;
}

body.post-type-archive-ref_li #site-nav-btn-wrap > div:hover, body.single-ref_li #site-nav-btn-wrap > div:hover {
	background-color: #ff0295;
	border: 1px solid yellow;
}

body.post-type-archive-ref_li #site-nav-btn-wrap > div:hover i, body.single-ref_li #site-nav-btn-wrap > div:hover i {
	color: yellow;
}

body.page-template-ungeduldige #site-nav-btn-wrap > div:hover {
	background-color: #67ff0a;
	border: 1px solid #ff2400;
}

body.page-template-ungeduldige #site-nav-btn-wrap > div:hover i {
	color: #ff2400;
}

body.post-type-archive-breaking_news #site-nav-btn-wrap > div:hover {
	background-color: #ff2400;
	border: 1px solid #00ee1c;
}

body.post-type-archive-breaking_news #site-nav-btn-wrap > div:hover i {
	color: #00ee1c;
}

ul#menu-footer-menu li:last-child a, ul#menu-footer-menu li:last-child i {
	animation: freaky-colors 6.5s infinite;
	display: inline-block;
	position: relative;
}

ul#menu-footer-menu li:last-child {
	display: inline-block;
	position: relative;
	transform: scale(1);
}

ul#menu-footer-menu li:last-child:hover {
	/*animation: freaky-show .3s infinite;*/
}

ul#menu-footer-menu li:last-child:hover a, ul#menu-footer-menu li:last-child:hover i {
	animation: freaky-colors 3.5s infinite;
}

body #site-nav-btn-wrap > div i:before {
	transition: 0.15s ease all;
	transform: translate3d(0, 0, 0) scale(1);
}

.carousel {
	margin-bottom: 30px;
}

.carousel-cell {
	position: relative;
	transition: 0.1s linear opacity;
	opacity: .5;
	margin: 0;
	padding: 0;
}

.carousel-cell.is-selected, #gallery-carousel.no-nav-items .carousel-cell {
	opacity: 1;
}

.carousel-cell img {
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#press-cpmmentaries-headline {
	display: block;
	width: 100%;
	border-top: 7px solid #f6ff00;
	border-bottom: 1px solid #f6ff00;
}

#introCollapse, #telescopic-text-wrap {
	margin-top: 10px;
}

.click-able {
	cursor: pointer;
}

h2.click-able:before {
	display: inline-block;
	transform: rotate(0deg);
	transition: .15s ease all;
}

h2.click-able:not(.collapsed):before {
	transform: rotate(90deg);
}

ul#quick-links {
	margin-left: 0;
	padding-left: 1em;
}

ul#quick-links li {
	list-style: none;
	font-family: 'oswald-bold';
	font-size: 2em;
	text-transform: uppercase;
	line-height: 1.2em;
}

ul#quick-links li a {
	color: #7100d1;
}

#quick-links li:before {
	left: -.5em;
	position: absolute;
	content: '\e801';
	color: #7100d1;
}

.audio-wrap {
	font-size: 0.7em;
}

.audio-wrap * {
	box-sizing: content-box;
}

#content {
	padding-bottom: 20px;
}

.carousel:not(.flickity-enabled) {
	width: 10000px;
}

.carousel:not(.flickity-enabled) > div {
	display: block;
	overflow: hidden;
	float: left;
}

.carousel-cell {
	height: 260px; /* height of carousel */
}

#preview-grid {
	margin-top: 40px;
}

#preview-grid img:not([src]) {
	visibility: hidden;
	opacity: 0;
}

#preview-grid img {
	max-width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: .3s linear all;
}

#preview-grid img.loaded {
	visibility: visible;
	opacity: 1;
}

#preview-grid.initial-not-visible {
	opacity: 0;
}

#sub-menu-wrap {
	font-size: 1.1em;
}

#sub-menu-wrap i:before {
	margin-right: 0;
}

#sub-menu-wrap a, #sub-menu-wrap span {
	color: #000;
	text-decoration: none;
	position: relative;
	display: inline-block;
	font-family: 'oswald-semi-bold';
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 0.02em;
}

.grid-item {
	text-align: center;
	margin-bottom: 30px;
}

.item-overlay-wrap {
	position: relative;
	display: inline-block;
}

.item-overlay-wrap .overlay-text {
	position: absolute;
	display: inline-block;
	text-align: left;
	padding: 4px 7px;
	top: 10px;
	left: 10px;
	max-width: calc(100% - 20px);
	color: #fff;
	background-color: #000;
	line-height: 1em;
	opacity: 0;
	transition: .15s linear opacity;
}

body.post-type-archive-ref_li .item-overlay-wrap .overlay-text {
	color: yellow;
}

.item-overlay-wrap .overlay-text-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .15s linear opacity;
	background-color: #afafaf;
}

.item-overlay-wrap .overlay-text-wrap .text-wrap {
	position: absolute;
	display: inline-block;
	text-align: left;
	top: 25px;
	left: 25px;
	max-width: calc(100% - 50px);
	line-height: 1em;
	color: #000;
	font-size: .8em;
}

.item-overlay-wrap .overlay-text-wrap .text-wrap * {
	text-transform: uppercase;
}

.item-overlay-wrap .overlay-text-wrap .text-wrap h3 {
	color: #000;
	margin: .3em 0 0 0;
	line-height: 1.2em;
	font-size: 1.8em;
	font-family: 'oswald-semi-bold';
	margin-top: .6em;
}

.grid-item.musik-video .item-overlay-wrap .overlay-text-wrap, body.post-type-archive-ref_gli .grid-item .item-overlay-wrap .overlay-text-wrap {
	background-color: #fff;
	border: none;
}

.grid-item.musik-video .item-overlay-wrap .overlay-text-wrap .text-wrap, .grid-item.musik-video .item-overlay-wrap .overlay-text-wrap .text-wrap h3, body.post-type-archive-ref_gli .grid-item .item-overlay-wrap .overlay-text-wrap h3 {
	color: #000;
}

.grid-item.drehbuch .item-overlay-wrap .overlay-text-wrap, .post-type-archive-ref_rm .item-overlay-wrap .overlay-text-wrap {
	background-color: #000;
	border: 3px solid #fff;
}

.grid-item.drehbuch .item-overlay-wrap .overlay-text-wrap .text-wrap, .grid-item .item-overlay-wrap .overlay-text-wrap .text-wrap, .grid-item .item-overlay-wrap .overlay-text-wrap .text-wrap h3 {
	color: #fff;
}

.post-type-archive-ref_rm .item-overlay-wrap .overlay-text-wrap .text-wrap, .post-type-archive-ref_rm .item-overlay-wrap .overlay-text-wrap .text-wrap, .post-type-archive-ref_rm  .item-overlay-wrap .overlay-text-wrap .text-wrap h3 {
	color: #fff;
}

.post-type-archive-ref_li .grid-item .item-overlay-wrap .overlay-text-wrap {
	background-color: yellow;
	border: none;
}

.post-type-archive-ref_li .grid-item .item-overlay-wrap .overlay-text-wrap .text-wrap, .post-type-archive-ref_li .grid-item .item-overlay-wrap .overlay-text-wrap .text-wrap h3 {
	color: #ff0295;
}

.grid-item .item-overlay-wrap:hover .overlay-text, .grid-item .item-overlay-wrap:hover .overlay-text-wrap {
	opacity: 1;
}

#introCollapse {
	margin-bottom: 50px;
}

.flickity-prev-next-button:disabled, #gallery-carousel.no-nav-items .flickity-prev-next-button {
	opacity: 0;
	visibility: hidden;
}

.post-item {
	margin-bottom: 2em;
}

.post-item span {
	font-size: .8em;
	display: inline-block;
	margin-bottom: 1em;
}

.post-item h3 {
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
}



.post-item p {
	margin-top: 0;
}

.flickity-prev-next-button {
	width: 3.5em;
	height: 3.5em;
}

.flickity-prev-next-button.next {
	right: 0;
}

.flickity-prev-next-button.previous {
	left: 0;
}

.flickity-prev-next-button svg {
	left: 28%;
	top: 28%;
	width: 46%;
	height: 46%;
}

.image-wrap img, img {
	max-width: 100%;
}

.carousel-cell > img {
	max-width: none;
}

@keyframes freaky-colors {
	0% {
		color: #ff2400;
	}
	10% {
		color: #ff0295;
	}
	30% {
		color: #005bf1;
	}
	50% {
		color: #67ff0a;
	}
	70% {
		color: #000;
	}
	90% {
		color: #005bf1;
	}
	100% {
		color: #ff2400;
	}
}

@keyframes freaky-show {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(0.99);
	}
	40% {
		transform: scale(0.98);
	}
	60% {
		transform: scale(.97);
	}
	80% {
		transform: scale(0.96);
	}
	100% {
		transform: scale(1.0);
	}
}

@keyframes freaky-arrow {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(-20px);
	}
	51% {
		transition: 0s linear all;
		transform: translateX(20px);
	}
	100% {
		transform: translateX(0px);
	}
}

@media (max-width: 480px) {


}

@media (max-width: 768px) {

	#initial-page-nav-lastname {
		padding-left: 23px;
	}

}


@media (max-width: 992px) {

	.grid-item {
		width: 100%;
		text-align: center;
	}


	#site-nav-btn-wrap > div {
		float: left;
	}

	#social-media-btn-wrap > a {
		float: right;
	}

	#site-nav-btn-wrap > div:first-child {
		width: calc(50% - 1px);
	}

	#site-nav-btn-wrap > div:last-child {
		width: calc(50% - 2px);
		margin-left: 3px;
	}

	#initial-page-nav-lastname {
		padding-left: 25px;
	}

}

@media (min-width: 480px) {

	ul#menu-footer-menu li i {
		font-size: 2em;
	}

}

@media (min-width: 768px) {


}

@media (min-width: 992px) {

	body {
		font-size: 1.1em;
	}

	.container {
		width: 870px;
	}

	h2.click-able {
		margin-left: 1.4em;
	}

	h2.click-able:before {
		font-size: 1.3em;
		top: -0.15em;
		left: -1.4em;
	}

	#initial-page-nav-wrap {
		margin-top: 100px;
	}

	ul#menu-footer-menu li {
		display: inline-block;
		margin-left: 20px;
	}

	.right-aligned {
		float: right;
	}

	.float-left {
		float: left;
	}

	#initial-page-nav-wrap > div span, h1 {
		font-size: 4em;
	}

	h1 {
		margin-top: 0.725em;
	}

	#site-nav-btn-wrap {

	}

	footer#bottom-nav {
		position: fixed;
		margin-top: 0;
	}

	html, body {
		padding-bottom: 50px;
	}

	ul#quick-links {
		padding-left: 1.5em;
	}

	ul#quick-links li {
		font-size: 3em;
	}

	h1 + h2 {
		margin-top: -1em;
		letter-spacing: 0.02em;
	}

	h2 {
		font-size: 1.4em;
		letter-spacing: 0.02em;
	}

	body.page-template-ungeduldige h2, body.blog h2, body.post-type-archive-breaking_news h2 {
		font-size: 2em;
	}

	#main-wrap {
		padding-top: 30px;
	}

	#page {
		padding-top: 0;
	}

	#site-nav-btn-wrap {
		margin-top: 2.9em;
		left: 0;
		top: auto;
		width: auto;
	}

	#social-media-btn-wrap {
		position: absolute;
		margin-top: 2.9em;
		right: 0;
		left: auto;
		top: auto;
		width: auto;
	}

	#social-media-btn-wrap a {
		display: block;
	}

	.carousel-cell {
		height: 400px; /* height of carousel */
	}

	h1 {
		font-style: 2em;
	}

	#sub-menu-wrap {
		margin-top: -1em;
		font-size: 1.4em;
	}

	#telescopic-text-wrap p {
		font-size: 1.5em;
		line-height: 1.45em;
	}

	#introCollapse, #telescopic-text-wrap, #preview-grid, #real-content {
		margin-top: 50px;
	}

	#main-wrap {
		padding-bottom: 80px;
	}

	#initial-page-nav-wrap > div span, h1 {
		letter-spacing: -0.04em;
	}

	.grid-item {
		padding: 35px;
	}

}

@media (min-width: 1092px) {

	.container {
		width: 970px;
	}

}

@media (min-width: 1200px) {

	.container {
		width: 1070px;
	}

	body {
		font-size: 1.2em;
	}

}

@media (min-width: 1300px) {

	.container {
		width: 1170px;
	}

}

@media (min-width: 1440px) {

	.container {
		width: 1280px;
	}

	body {
		font-size: 1.3em;
	}

	.carousel-cell {
		height: 540px; /* height of carousel */
	}

}

@media (min-width: 1600px) {

	.container {
		width: 1440px;
	}

}