@charset "utf-8";
/* CSS Document */

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.header_phrase{
		display:none;
	}
	.navigation{
		right:-15px !important;
	}
	.hideOnDesktop{
		display: block;
	}
	.hideOnMobile{
		display: none;
	}
	.header_logo img{
		max-width:70%;
		height:auto;
	}
	.calc_full_height{
		min-height:calc(100vh - 86px) !important;
	}
	.calc_full_height_desktop_only{
		min-height: auto;
	}
	.quote{
		font-size:20px;
		font-weight: 600;
		letter-spacing: 3px;
		margin-top:20vh;
		/*color:#fff;*/
		color:#1c3b50;
	    width:100%;
		text-align: left;
	}
	.quote.blue{
		color:#1c3b50 !important;
	}
	.quote span{
		font-size:10px;
	}
	.bigBox.homeBottom{
		background-image: url('../images/home/loesch_start_fade.jpg') !important;

	}
	.circle_quote{
		width:100%;
		background-color:rgba(255,0,0,0);
		margin:auto;
		padding-left:50px;
		padding-right:50px;
		text-align:center;
	}
	.main_headline_container_single_line{
		margin-top:22vh;
	}
	.main_headline_container_double_line{
		margin-top:22vh;
	}
	.main_headline_container_tripple_line{
		margin-top:18vh;
	}
	.main_headline{
		line-height: 1.4em;
		text-align: center;
	}
	.kontaktcontainer{
		background-image: url('../images/bg_kontakt_mobile.svg') !important;;
	}
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	.header_logo img{
		max-width:100%;
		height:auto;
	}
	.header_phrase{
		display:block;
	}
	.navigation{
		right:0px !important;
		width:332px;
	}
	.nav_item{
		font-size:25px;
		margin-bottom: 30px;
	}
	.hideOnDesktop{
		display: none;
	}
	.hideOnMobile{
		display: block;
	}
	.calc_full_height{
		min-height:calc(100vh - 172px) !important;
	}
	.calc_full_height_desktop_only{
		min-height:calc(100vh - 172px) !important;
	}
	.quote{
		font-size:30px;
		font-weight: 600;
		letter-spacing: 3px;
		margin-top:20vh;
		color:#1c3b50;
	    width:65%;
		text-align: inherit;
	}
	.quote span{
		font-size:15px;
	}
	.quote.home_start_quote span{
		font-size:inherit;
	}

	.bigBox.homeBottom{
		/*background-image: url('../images/home/12_loesch_start_1.jpg') !important;*/
		background-image: url('../images/home/loesch_start_fade.jpg') !important;
	}
	.circle_quote{
		/*width:calc(100vh - 172px);*/
		width:calc(100vh - 250px);
		background-color:rgba(255,0,0,0);
		margin:auto;
		padding-left:150px;
		padding-right:150px;
		text-align:center;
	}
	.main_headline_container_single_line{
		margin-top:32vh;
	}
	.main_headline_container_double_line{
		margin-top:24.5vh;
	}
	.main_headline_container_tripple_line{
		margin-top:18vh;
	}
	.circle_quote{
		/*width:calc(100% - 30px);*/
		background-color:rgba(255,0,0,0);
		text-align:center;
		margin: 0 auto;
	}
	.main_headline{
		line-height: 1.4em;
		text-align:center;
	}
	.kontaktcontainer{
		background-image: url('../images/bg_kontakt.svg') !important;;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.bigBox.homeBottom{
		background-image: url('../images/home/12_loesch_start_1.jpg') !important;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.main_content_padding{
		padding-left:100px;
		padding-right:100px;
	}
}



/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (max-width: 576px) {

}
