/* Extra small devices */
/* No media query since this is the default in Bootstrap */

/* Small devices */
@media (max-width: 767px) {
	.foto {
		margin-left: 0px;
	    padding-left: 15px;
	    width: 100%;
	    padding-right: 15px;
	}
	.foto, .foto .wrapper {
		height: auto !important;
	}
	.recent-posts_li .featured-thumbnail {
	    float: none;
	}
	.foto img:hover {
		opacity: 1 !important;
	}

	.foto .lupe {
		display: none !important;
	}

	/* Responsive Navi */
	ul.sp-menu {
		background-color: #64686B;
		height: 100%;
		box-shadow: 0px 1px 5px #888;
	}
	ul.drop-down {
		width: 112%;
		left: -6% !important;
		border-top: 0;
		margin-top: 1px;
		top: 100%;
		/* Damit die Inputs überdeckt werden */
		z-index: 1;
	}
	#back-top-wrapper {
		right: 15px;
	}
	.sp-menu > li.active {
		background-color: #bec051;
	}
	.scroll {overflow: scroll;}
	.drop-down a, .drop-down li:first-of-type a {
		line-height: 29px;
		text-align: center;
	}
	#topnav li.visible-phone {
		height: 100%;
	}
	.sub-menu.drop-down li:hover {
		/*background-color: #54585b;*/
		background-color: transparent;
	}
	.sub-menu.drop-down li:active, .sub-menu.drop-down li:focus {
		background-color: #54585b;
	}
	.sp-menu li:hover ul {
		margin-top: 1px;
	}
	.sp-menu li > a, .sp-menu > li.active > a {
		background: transparent !important;
	}
	.sp-menu > li, .drop-down ul {
		display: none;
	}
	.sp-menu > li, .drop-down > li {
		background-color: #64686B;
		width: 100%;
		height: 29px;
		border-bottom: 1px solid #73777A;
	}
	.sp-menu > li:first-of-type {
		display: block;
		background: url('../images/buttons/navi-down.png') no-repeat scroll 95% 50% transparent;
	}
	.sp-menu > li.navi-open:first-of-type {
		background: url('../images/buttons/navi-up.png') no-repeat scroll 95% 50% transparent;
	}
	.sp-menu > li.dir2 {
		background: url('../images/buttons/fa-forward.png') no-repeat scroll 95% 50% transparent;
	}
	.sp-menu > li.navi-open.dir2 {
		background: url('../images/buttons/fa-backwards.png') no-repeat scroll 5% 50% transparent;
	}
	.sp-menu > li > a:hover {
		background-color: transparent !important;
	}
	.sp-menu > li > a {
		font-size: 14px;
		padding: 6px 0 0;
	}
	.sp-menu > li > a > b.caret {
		display: none;
	}
	.header .row-3 {
		padding: 0;
	}
	.content-holder {
		margin-top: 16px;
	}
	#topnav .row-fluid [class*="span"] {
		float: left;
		min-height: 0;
	}
	#topnav .row-fluid .span2 {
		width: 14.8936%;
	}
	#topnav .row-fluid .offset2:first-child {
		margin-left: 17.0213%;
	}
	#topnav .row-fluid .span4 {
		width: 31.9149%;
	}
	#topnav .row-fluid .span8 {
		width: 65.9574%;
	}
	#topnav .row-fluid .span6 {
		width: 48.9362%;
	}
	#topnav .row-fluid [class*="span"] a {
		color: #fff;
		text-decoration: none;
		position: static;
		line-height: 30px;
	}
	#topnav .row-fluid .span4 a:hover {
		color: #bec051;
	}
	#topnav .search-form:first-of-type {
		padding: 18px 0 8px;
	}
	#topnav .search-form {
		padding-bottom: 18px;
	}
	#topnav .follow-us {
		padding-top: 5px;
	}
	#topnav .row-fluid .offset1:first-child {
	    margin-left: 8.51064%;
	}
	#topnav .row-fluid [class*="span"] .switch {
		color: #B1B2B4 ;
	}
	.addthis_sharing_toolbox {
	    margin: 10px -5px 30px;
	}
	/* Sachen verstecken für Mobile */
	.leaderboard, .anzeige {
		display: none;
	}
	.featured-article .excerpt {
		display: none;
	}
	#topnav .search-form {
		margin: auto;
		width: 280px;
	}

	/* Abstände verringern */
	body, .main-holder, body.home .content-holder, .camera_caption {
		padding: 0;
	}
	body .header .row-2, .slider {
		margin: 0;
		padding: 0;
		border: 0;
	}
	header .logo-wrap {
		margin: 10px;
	}
	.camera_caption > div {
		padding: 5px;
	}
	.camera_caption p {
		margin: 0 0 3px;
		display: none;
	}
	.page > .artikelliste {
		padding: 15px;
	}
	.recent-posts_li {
		margin: 0;
	}
	.row.article.vortragstermin {
		padding-left: 15px;
		padding-right: 15px;
	}
	.row.article.vortragstermin .teaser, .row.article.vortragsthema .teaser, .row.article.article-awards .teaser {
		margin-left: 0;
	}
	.row.article.article-awards .teaser {
		padding-left: 15px;
		padding-right: 15px;
	}
	.teaser-small .featured-article {
		margin-left: 10px;
	}
	/* Startseite: Slider für Mobile anpassen */
	.camera_next, .camera_prev {
		top: 100px;
		height: 20px;
		width: 20px;
		opacity: 1 !important;
	}
	/* Wochenhits: Abstand nach rechts */
	.posts-list h2 a {
		padding-right: 10px;
	}

	/* "Eigene Sonnenerfahrung" */
	.teaser {
		margin-top: 5px;
	}

	/* Global: Trennlinie */
	h2.horizontal-rule {
		font-size: 13px;
	}

	/* "Vortragstermine" */
	.vortragstermin div .thumb img {
		margin-bottom: 15px;
	}

	/* Global: Seitenbreite begrenzen */
	#motopress-main {
		overflow: hidden;
	}

	/* Global: Top Navigation */
	.top-navi > .span2:first-child > ul, header .language-switcher, .top-navi .follow-us {
		display: none;
	}

	/* Global: Anzeige oben */
	.leaderboard {
		width: 751px;
	}

	/* Global: Anzeige rechts */
	.large-rectangle {
		height: 280px;
		width: 336px;
	}

	.large-rectangle img {
		height: 280px;
		width: 336px;
	}

	/* Startseite: "Vorträge mit Franz Alt" rechts */
	.gray-box p > img {
		/* margin-left: 0px; */
	}

	/* Startseite: Teaser rechts */
	header .post-header p {
		font-size: 13px;
	}
	.post-title {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 0 0;
	}
	.sp-menu > li.current-menu-item > a, .sp-menu > li > a, .sub-menu a, .nav.nav-tabs li a {
		font-size: 14px;
	}

	/* "Medienpartner der Sonnenseite" */
	.medienpartner {
		margin-bottom: 28px;
	}
	#carouselNext {
		left: auto;
		right: 0;
	}
	#carouselPrev {
		left: auto;
		right: 30px;
	}

	/* padding */
	.featured-article h4 {
		padding-right: 15px;
	}
	.p15, #searchResults {
		padding: 0 15px;
	}
	.p15 .artikelliste, .p15 .p15 {
		padding-left: 0;
		padding-right: 0;
	}

	/* Global: Footer */
	.Eli li {
		float: left;
	}
/*
	.widget-footer .menu-navigation-container ul li {
		display: inline;
	}*/
	.footer-widgets .row > div {
		width: 100% !important;
	}
	.footer-widgets .row > div:nth-child(1) {
		width: 179px;
	}
	.footer-widgets .row > div:nth-child(2) {
		width: 317px;
	}
	.footer-widgets .row > div:nth-child(3) {
		width: 184px;
	}
	.footer-widgets .row > div:nth-child(4) {
		width: 251px;
	}

	/* Kleine Teaser */
	.teaser-small {
		margin-bottom: 15px;
		margin-top: 0px;
		/*max-width: 336px;*/
	}
	.teaser-small .featured-article:first-child {
		margin-top: -21px;
	}
	.artikelliste .recent-posts_li .featured-thumbnail {
		margin-right: 10px;
	}

	/* Detail: Bedienelemente/Buttons */
	.back_link2 {
		top: -16px;
	}
	.teilen_text {
		margin-bottom: 5px;
	}
	.button-icon {
		margin-bottom: 10px;
	}
	.sp_copyright {
		padding-left: 15px;
	}
	#topnav .iphone-fix-closed {
		height: 0 !important;
	}
	#skyscraper {
		display: none;
	}
}

/* Medium devices */
@media (min-width: 768px) and (max-width: 979px) {
/*	#skyscraper {
		margin-left: 802px;
		display: none;
	}*/
	.posts-list .post__holder {
		height: auto;
	}
	.artikelliste .span4.gross {
		height: 300px;
	}
	/* Newsletter-Felder kleiner, damit sie nicht verspringen */
	input.newsletter-name[type="text"], input.newsletter-mail[type="text"] {
		width: 78px;
	}
	/* Footer: Erste 2 Einträge verstecken */
	.footer-widgets .row > div {
		margin-left: 30px;
	}
	.sp_copyright {
		padding-left: 15px;
	}
	.footer-widgets .row > div:nth-child(1), .footer-widgets .row > div:nth-child(2) {
		display: none;
	}
	.footer-widgets .row > div:nth-child(3), .footer-widgets .row > div:nth-child(6) {
		width: 10%;
	}
	.footer-widgets .row > div:nth-child(4) {
		width: 30%;
	}
	.footer-widgets .row > div:nth-child(5) {
		width: 25%;
	}
	.footer-widgets .row > div:nth-child(6) {
		width: 15%;
	}
	.teaser-small .span2 {
		width: 90%;
		margin-bottom: 0;
	}
	.sp-menu li:hover ul, .sp-menu li.sfHover ul, .sp-menu li ul {
		position: absolute;
		left: -168px !important;
	}
	/* Startseite: Teaser rechts */
	.sp-menu > li.current-menu-item > a, .sp-menu > li > a, .sub-menu a, .nav.nav-tabs li a {
		font-size: 13px;
		padding: 10px 5px 10px 7px;
	}
	.sub-menu a {
		padding: 5px 5px 6px 7px;
	}
	.sub-menu li:first-of-type a {
		padding: 7px 5px 6px 7px;
	}
	.post__holder figure a img {
		height: 52px !important;
		width: 100px !important;
	}

	/* Startseite: kleine Teaser */
	.teaser-small .featured-article h4 a, .teaser-small .featured-article time, .teaser-small .featured-article span {
		font-size: 13px;
	}
	.teaser-small .featured-article {
		margin-top: -3px;
		margin-bottom: 15px;
		margin-left: 21px;
	}

	/* Global: Top Navigation */
	.nav-justified > li > a {
		font-size: 10px;
	}
	.top-navi > .span2:first-child > ul {
		margin-left: -142px;
	}
	header .language-switcher {
		padding-left: 0px;
		margin-left: -85px;
	}
	.logo-wrap .logo_h img {
		width: 85%;
		margin-top: 10px;
	}
	.newsletter-wrapper input.newsletter-name[type="text"], .newsletter-wrapper input.newsletter-mail[type="text"] {
		width: 70px;
		height: 12px;
	}
	.hidden-phone {
		margin-bottom: 2px;
	}

	/* Global: Top Navigation --> Visitenkarte */
	.Visitenkarte .thumbnail {
		margin: 23px 0 0 20px;
		width: 300px;
	}
	.Visitenkarte .article img {
		margin-left: 14px;
		margin-right: 10px;
		height: 60px;
		width: 118px;
	}
	.Visitenkarte .article {
		margin-bottom: 0;
		padding: 0 0 10px 17px;
	}
	.Visitenkarte .articles {
		margin: 3px 0 0 65px;
	}
	.Visitenkarte p {
		line-height: 15px;
	}
	.drop-down a, .sub-menu > li:first-of-type > a {
		line-height: 22px;
	}
	/*
	.sub-menu li {
		width: 190px;
	}
	*/

	/* Startseite: Next u. Prev Buttons unten */
	#carouselPrev {
		left: 666px;
	}
	#carouselNext {
		left: 695px;
	}

	/* Global: Anzeige rechts */
	.large-rectangle {
		height: 280px;
		width: 336px;
	}

.large-rectangle img {
		height: 280px;
		width: 336px;
	}
	
	.gray-box p > img {
		max-width: 228px;
	}

	/* Global: Footer */
	.footer-widgets .widget-title {
		font-size: 14px;
	}
	.footer-widgets ul li, .Vortrli p, .Vortrli a, .votragsanfrage p, .footer-widgets .sitemap-newsletter p, .footer-widgets .row > div:nth-child(6) p, .footer-widgets .row > div:nth-child(6) p a {
		font-size: 12px;
	} /*
	.footer-widgets .row > div:nth-child(1), .footer-widgets .row > div:nth-child(3) {
		width: 70px;
	}
	.footer-widgets .row > div:nth-child(2) {
		width: 150px;
	}
	.footer-widgets .row > div:nth-child(4) {
		width: 156px;
	}
	.footer-widgets .row > div:nth-child(5) {
		width: 114px;
	}
	.footer-widgets .row > div:nth-child(6) {
		width: 103px;
	}
	.footer input[type="text"] {
		width: 120px;
		font-size: 11px;
	}
	*/
	/* Startseite: Slider */
	.camera_caption p {
		font-size: 12px;
	}
	.camera_caption h2 {
		font-size: 14px;
	}

	/* Detailseite: Buttons */
	.teilen_text {
		margin-top: 18px;
	}
	.button-icon {
		margin-bottom: 5px;
	}

	/* Detailseite: kleine Teaser */
	.artikelliste .teaser-small {
		margin-right: 0px;
		min-height: 200px;
	}
	.camera_prev, .camera_next {
		top: 130px;
	}
	#container {
		width: 922px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
/*	#skyscraper {
		margin-left: 1010px;
		display: none;
	}*/
	.sp_copyright {
		padding-left: 15px;
	}
	.artikelliste .span4.gross {
		height: 300px;
	}
	input.newsletter-name[type="text"], input.newsletter-mail[type="text"] {
		width: 78px;
	}
	.teaser-small {
		width: 295px;
		min-height: 245px;
	}
	.teaser-small img {
		max-height: unset;
	}
	.teaser-small .span2 {
		width: 70%;
		margin-bottom: 0;
	}

	/* Abstände verringern */
	.nav.nav-tabs li a {
		padding-left: 7px;
		padding-right: 7px;
	}
	.sp-menu > li > a {
		padding-left: 5px;
		padding-right: 6px;
	}
	.sp-menu li ul, .sp-menu li:hover ul {
		left: -142px;
	}
	.Visitenkarte .thumbnail {
		width: 300px;
		margin: 23px 0 0 23px;
	}
	.Visitenkarte .articles {
		margin-left: 10px;
		width: 340px;
	}
	.gray-box p > img {
		max-width: 300px;
	}
	.footer-widgets .row > div:nth-child(1) {
   		width: 90px;
	}
	.footer-widgets .row > div:nth-child(2) {
	    width: 140px;
	}
	.footer-widgets .row > div:nth-child(3) {
	    width: 80px;
	}
	.footer-widgets .row > div:nth-child(4) {
	    width: 220px;
	}
	.footer-widgets .row > div:nth-child(5) {
	    width: 190px;
	}
	.footer-widgets .row > div:nth-child(6) {
	    width: 120px;
	}

	.camera_prev, .camera_next {
		top: 180px;
	}

	/* Suchfelder verkleinern, damit sie nebeneinander passen */
	.header input[type="text"].search-form_it {
	    width: 160px;
	}
	/* Meta-Navi ganz oben verschieben, damit sie passt */
	header .language-switcher {
		padding-left: 50px;
	}

	/* Folgen Sie uns verstecken */
	.F-S-U {
		display: none !important;
	}
	#container {
		width: 1130px;
	}
}

/* Large devices */
@media (min-width: 1200px) {
.foto:nth-of-type(4n+1) {
    margin-left: 30px;
    margin-right: 1px;
}
	/* Skyscraper */
	#container {
		width: 1360px;
   	padding: 0px 20px;
	}
/*	#skyscraper {
	    margin-top: 122px;
	}*/
	/*
	.skyscraper-wrapper, .skyscraper-inner {
	    width: 120px;
	    height: 600px;

	}
	.skyscraper-wrapper {
	    position: relative;
	    float: right;
	}
	.skyscraper-inner {
		top: 20px;
		position: fixed;
	    background-color: #EFEFEF;
	}*/
}
@media (max-width: 1439px) {
	#skyscraper {
		display: none;
	}
}