/* =Kunde: 	Löwenzart Natalina Muri
-----------------------------------------------------------------------------*/

/* =Imports
-----------------------------------------------------------------------------*/

@import url("https://use.typekit.net/zdq6nen.css");

/* =General
-----------------------------------------------------------------------------*/

html  {
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 3 */
	background: rgba(255,255,255,1);
	color: rgba(84,84,88,1);
	font: bold 19px "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
}
body  {
	text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}
header, section, footer {
	display: block;
	clear: both;
	float: none;
}


/* =Helper
-----------------------------------------------------------------------------*/


/* =Links
-----------------------------------------------------------------------------*/

a, .uk-link {
  color: rgba(122,105,82,1);
  text-decoration: none;
  cursor: pointer;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}
a:hover, a:focus, a:hover, .uk-link:hover {
  color: rgba(0,0,0,1);
  text-decoration: none;
	-webkit-transition: all .15s ease-in-out;
	   -moz-transition: all .15s ease-in-out;
	     -o-transition: all .15s ease-in-out;
	        transition: all .15s ease-in-out;
}
::-moz-selection { 
	background: rgba(110,95,65,1); color: #fff; text-shadow:none; 
}
::selection { 
	background: rgba(110,95,65,1); color: #fff; text-shadow:none; 
}



/* =Typography
-----------------------------------------------------------------------------*/

* + h1, * + .uk-h1, * + h2, * + .uk-h2, * + h3, * + .uk-h3, * + h4, * + .uk-h4, * + h5, * + .uk-h5, * + h6, * + .uk-h6 {
    margin-top: 0px;
}
h1 {
	font: normal normal 8rem/1.3em "voluta-script-pro", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 20px;
	padding-bottom: 0;
	color: rgba(122,105,82,1);
}
h2, .uk-h2 {
	font: 700 1.8em/1.4em "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	margin-top: 30px;
	color: rgba(122,105,82,1);
}
h3, .uk-h3 {
	font: 700 1.3em/1.2em "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	margin-top: 30px;
	color: rgba(110,95,65,1);
}
h4, .uk-h4 {
	font: 700 1em/1.45em "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
	margin-top: 6px;
	color: rgba(122,105,82,1);
}
strong, .uk-strong {
	font: 700 1em/1.45em "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
}
p {
	font: 1em/1.45em "source-sans-pro", Arial, Helvetica, Geneva, sans-serif;
	hyphens: auto;
}
ul {
	 margin: 0 0 0 15px;
	 padding: 0;
}



/* =Color
-----------------------------------------------------------------------------*/
.uk-primary {
	background-color: rgba(122,105,82,1);
	color: rgba(255,255,255,1);
}
.uk-secondary {
	background-color: rgba(110,95,65,1);
	color: rgba(255,255,255,1);
}
.hellgrau {
	background-color: rgba(233,231,227,.8);
}
.weiss {
	background-color: rgba(255,255,255,1);
}

/* = Logo / Adresse
-----------------------------------------------------------------------------*/
header.logo {
}
header.logo img {
	width: 300px;
	float: right;
	padding-top: 30px;
}
.uk-container {
	padding-right: 80px;
	padding-left: 80px;
}

.colophon{
	display:block;
	position:fixed;
	bottom:25px;
	left:25px;
	width:25px;
	height:25px;
	background:url(img/Designheit-Bildmarke.svg) no-repeat right bottom;
	opacity: 0.05;
	filter: alpha(opacity=5);
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.colophon:hover{
	opacity:1;
	filter: alpha(opacity=100);
}
.box {
	padding-bottom: 80px;
}
.uk-card-header,
.uk-card-body,
.uk-card-footer {
    padding: 25px 30px;
}
.uk-card-default .uk-card-body p {
	hyphens: auto;
}
.uk-card-default .uk-card-header {
    border-bottom: 0px solid #e5e5e5;
	min-height: 155px;
}
.uk-card-default .uk-card-footer {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0px;
	left: 0px;
	right: 0px;
}

.element {
	position: fixed;
	width: 100%;
	left: -50px;
	bottom: -50px;
	z-index: -1;
}
footer {
	margin-bottom: 60px;
}


/* @l – Laptop / Tablet Landscape */

@media (max-width: 1200px) {

.colophon{
	display:none;
}

}
/* @m – Tablet Portrait */

@media (max-width: 960px) {

.uk-container {
	padding-right: 40px;
	padding-left: 40px;
}
.uk-card-default .uk-card-header {
    border-bottom: 0px solid #e5e5e5;
	min-height: auto;
}
.colophon{
	display:none;
}

}

/* @s – Phone Portrait */
@media (max-width: 640px) {
.uk-container {
	padding-right: 0px;
	padding-left: 0px;
}
h2 {
	line-height: 1.2em;
}
header.logo {
	background-color: rgba(233,231,227,.8);
	
}
header.logo img {
    width: 200px;
    padding-right: 30px;
}
section.uk-margin-large-top {
	margin-top: 0px !important;
}
.uk-padding {
	padding: 20px;
}
footer {
	padding: 20px;
}
  
  }