/*
Willkommen bei Custom CSS

Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
*/
/*---------------------------------------------------------
 Links (_scaffolding.scss)
-------------------------------------------------------- */
h6 {
	font-family: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #396f7c;
	font-size: 17px;
	border-color: #eeeeee;
	background: #eeeeee;
	border-left: #893b8e 6px solid;
	position: relative;
	padding: 20px;
}

a {
	color: #4a989b;
	font-weight: normal;
	text-decoration: underline;
}

.menu-toggle {
	margin: 22px 0 0;
	margin: 2.2rem 0 0;
	padding: 10px 14px;
	padding: 1rem 1.4rem;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background-color: #4a989b;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}

/*---------------------------------------------------------
 Buttons and inputs (_forms.scss)
-------------------------------------------------------- */
.ttfmake-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 10px 14px;
	padding: 1rem 1.4rem;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background: #4a989b;
	font-size: 14px;
	font-size: 1.3rem;
	text-decoration: none;
	font-family: "Lato";
	letter-spacing: .1em;
	cursor: pointer;
}

.ttfmake-button:hover,
.ttfmake-button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	text-decoration: none;
}

.ttfmake-button.color-primary-background,
button.color-primary-background,
input[type="button"].color-primary-background,
input[type="reset"].color-primary-background,
input[type="submit"].color-primary-background {
	background-color: #3070d1;
}

.ttfmake-button.color-secondary-background,
button.color-secondary-background,
input[type="button"].color-secondary-background,
input[type="reset"].color-secondary-background,
input[type="submit"].color-secondary-background {
	background-color: #eaecee;
}

.ttfmake-button.ttfmake-success,
button.ttfmake-success,
input[type="button"].ttfmake-success,
input[type="reset"].ttfmake-success,
input[type="submit"].ttfmake-success {
	background-color: #339d56;
}

.ttfmake-button.ttfmake-error,
button.ttfmake-error,
input[type="button"].ttfmake-error,
input[type="reset"].ttfmake-error,
input[type="submit"].ttfmake-error {
	background-color: #d04242;
}

.ttfmake-button.ttfmake-important,
button.ttfmake-important,
input[type="button"].ttfmake-important,
input[type="reset"].ttfmake-important,
input[type="submit"].ttfmake-important {
	background-color: #f89e01;
}

.ttfmake-button.ttfmake-download:after,
button.ttfmake-download:after,
input[type="button"].ttfmake-download:after,
input[type="reset"].ttfmake-download:after,
input[type="submit"].ttfmake-download:after {
	padding-left: 6px;
	padding-left: .6rem;
	font-family: FontAwesome;
	content: "\f0ab";
}

input[type="checkbox"],
input[type="radio"] {
	margin-left: 2px;
	margin-left: .2rem;
	padding: 0;
}

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}