@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500');


/*! bg-primary - background color primary */
/*! 
	#ac9e87 - hell braun - c25m31y41k10
	#abe0bd - pastell grün - c33m12y26k0
	#e8e6d6 - pastell beige - c9m10y16k0
	#6c757d - 
	#4b5e5e - blau grau - c56m45y45k33
	#668da1 - helles blau grau - c55m38y29k11
	
	font-family:'Barlow Condensed';
	font-family: 'Trade Gothic Pro Bold Condensed No.20';
	
*/


/*! .bg-primary{background-color:#ac9e87 !important} */

.bg-primary{background-color:#ac9e87 !important}

.bg-secondary{background-color:#4b5e5e !important}

.bg-light{background-color:#e8e6d6 !important}

.bg-dark{background-color:#343a40 !important}


h1,.h1 {font-size:1.8rem;}
h2,.h2 {font-size:1rem;}
h3,.h3 {font-size:1rem;}
h4,.h4 {font-size:1rem;}
h5,.h5 {font-size:1rem;}
h6,.h6 {font-size:1rem;}
p {font-size:0.8rem;}
a {font-size:1rem;}


Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  h1,.h1 {font-size:2.5rem;} 
	h2,.h2 {font-size:1.5rem;}
	h3,.h3 {font-size:1.2rem;}
	h4,.h4 {font-size:1rem;}
	h5,.h5 {font-size:1rem;}
	h6,.h6 {font-size:1rem;}
  p {font-size:0.9rem;}
	a {font-size:1.2rem;}
  
}

/* Medium devices (TABLETS, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  h1,.h1 {font-size:3.5rem;}
  h2,.h2 {font-size:1.8rem;}
	h3,.h3 {font-size:1.3rem;}
	h4,.h4 {font-size:1rem;}
	h5,.h5 {font-size:1rem;}
	h6,.h6 {font-size:1rem;} 
	p {font-size:1.2rem;}
	a {font-size:1.3rem;}
}

/* Large devices (DESKTOPS, 992px and up) */
@media (min-width: 992px) { 
  h1,.h1 {font-size:4.5rem;}
  h2,.h2 {font-size:2.0rem;}
	h3,.h3 {font-size:1.4rem;}
	h4,.h4 {font-size:1rem;}
	h5,.h5 {font-size:1rem;}
	h6,.h6 {font-size:1rem;} 
}

/* Extra large devices (LARGE DESKTOPS, 1200px and up) */
@media (min-width: 1200px) {  
  h1,.h1 {font-size:5.5rem;}
  h2,.h2 {font-size:2.5rem;}
	h3,.h3 {font-size:1.5rem;}
	h4,.h4 {font-size:1rem;}
	h5,.h5 {font-size:1rem;}
	h6,.h6 {font-size:1rem;}  
}




h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	margin-bottom:.5rem;
	font-family:'Barlow Condensed';
	font-weight:500;
	line-height:1.2;
	color:inherit
	}