@charset "UTF-8";

/*
Author: Carolin Schwank
Author URI: http://www.carolinschwank.de
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
/* mulish-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/mulish-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mulish-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mulish-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/mulish-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mulish-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/mulish-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

   
/* --- Clearfix --- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
   

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body {
	background: url('../bg-signet-maria-lanfranco.png') no-repeat -150px -100px #eadad7;
	border: 20px solid #fff;
	color: #573232;
	font-family: 'Mulish', serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.625;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #6e4040;
	font-family: 'Mulish', serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 1em 0 0.6em;
	padding: 0;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2.2em; font-weight: 300; text-transform: uppercase }
h3 { font-size: 1.5em; }

p { margin: 0 0 1em; }
ul { margin-left: 0;padding-left:20px}

a { outline: 0; }

a:link { color: #573232; text-decoration: none; }
a:hover { color: #0f3052; text-decoration: underline; }
a:visited { color: #6D4040;  text-decoration: none; }


.header .container {
	margin: 0 auto;
	padding: 0 30px 0 30px;
	max-width: 880px;
	text-align: center;
	position: relative;
	vertical-align: middle;
}


.header .container h1 {
	display: block;
	background: url('../logo-maria-lanfranco-naturheilpraxis.png') no-repeat;
	background-size: contain;
	height: 280px;
	width: 280px;
	margin: 1.0em auto 0 auto;
	text-indent: -10000px;
}

.section-1 {
	background-color: rgba(255,255,255,0.6);
	padding: 3em 0 3em 0;
	margin-top: -40px;
}

.section-1 .inside {
	margin: 0 auto;
	padding: 0 30px;
	max-width: 880px;
	text-align: center;
}


.section-2 .inside {	
	margin: 0 auto;
	max-width: 880px;
	padding: 3em 30px 2em 30px;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 25px;
}


@media screen and (min-width: 50em) {
	
	.section-1 .quali { text-align: center;font-size: 1.8em;font-weight:300; color: #fff; margin-top: 1em; }
	.right { text-align: right; }
}

@media screen and (max-width: 720px) {
  
  .section-2 .inside {	
  	display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 25px;
}
  
}
	
	
/*	
	.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 { float: left; }

	.large-12 { width: 100%; }
	.large-11 { width: 91.66666667%; }
	.large-10 { width: 83.33333333%; }
	.large-9  { width: 75%; }
	.large-8  { width: 66.66666667%; }
	.large-7  { width: 58.33333333%; }
	.large-6  { width: 50%; }
	.large-5  { width: 41.66666667%; }
	.large-4  { width: 33.33333333%; }
	.large-3  { width: 25%; }
	.large-2  { width: 16.66666667%; }
	.large-1  { width: 8.33333333%; }

}

*/