/*
 Theme Name:     monika-sommerhalder
 Theme URI:      https://peppernet.ch
 Description:    xxx
 Author:         xxx
 Author URI:     http://xxx.com
 Template:       xxx
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* A L L G E M E I N E  D E K L A R A T I O N E N -------*/
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    font-size: 100%;
}
html, body {
    height: 100%;
}
body {
	background-color: #F1642c;
	color:#fff;
}

/* H E A D E R------------------------------------------*/



/* N A V I G A T I O N ----------------------------------------*/



/* H O M E  ----------------------------------------------------*/

#main {
	margin:50px;
}
.name p, .address p {
	line-height: 1.4em;
	font-family:"BasicCommercialW01-Bold";
	/* font-weight: 600; */
	font-size:120%;
	letter-spacing: 0.05em;
}

#main .name p span {
	margin-right:1.5em;
}
#main p a {
	text-decoration: none;
	margin-right:1.5em;
	color:#fff;
	letter-spacing: 0.1em;
}
#main p a:hover {
	text-decoration: underline;
}
#main .address {
	margin-top: 20px;
}
footer {
	position:absolute;
	bottom:0;
	width:100%;
}
footer p{
	margin:50px;
	font-family:"BasicCommercialW01-Bold", sans-serif;
	/* font-weight: 600; */
	font-size:110%;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}

/*
        This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  http://www.fontshop.com
        */


/* K O N T A K T  ----------------------------------------------------*/



/* F O O T E R  ----------------------------------------------------*/



/*-------------------------------M E D I A Q U E R i ES ----------------- -------------------------------------------------------------------------
------------------------------------------------------------------------*/



/* RESPONSIVE ALLE MOBILE GERÄTE ----------------------------*/
@media only screen and (max-width:980px) {
	.name p, .address p {
		font-size: 180%;
	}
	footer p{
	font-size:140%;
	}
}
/*-----------------------------------------------------------------------
 R E S P O N S I V E - HANDY SMALL
 ---------------------------------------------------------------------- */
@media only screen and (max-width:479px) {
	.name p, .address p {
		font-size: 180%;
	}
	footer p{
		font-size:140%;
	}
}

/*-------------------------------------------------------------------------
R E S P O N S I V E --- HANDY -------------------------------------------------------------------------*/
@media only screen and (max-width:767px) {

.name p, .address p{
font-size: 180%;
	}
	footer p{
		font-size:140%;
	}	
}

/*--------------------------------------------------------------------------
R E S P O N S I V E  --- TABLET UND DESKTOP SCHMAL ---------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:980px) {

}

/* ------------------------------------------------------------------------
R E S P O N S I V E --- DESKTOP
--------------------------------------------------------------------------*/
@media only screen and (min-width:981px) {
}