/*--------------------------------------------------------------
>>> FPB starts here
----------------------------------------------------------------
/*
 * MAIN LAYOUT
 */
* {
  box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	margin-top: 0 !important;
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffd3c6;
	line-height: initial;
	color: initial;
	font-family: Roboto, sans-serif;
	margin-bottom: 0;
	height: 100%;
  margin: 0;
  padding: 0;
}
#page {
	display: flex;
	flex-direction: column;
	min-height: 100%;
  height: 100%;
}
div#content {
	display: flex;
  width: 100%;
	flex: 1 0 auto;
}
body.home div#content {
	background-image: url(/wp-content/uploads/FPB_Start_Figuren_unten.svg);
	background-repeat: no-repeat;
	background-position: 60%bottom;
}
aside#secondary {
	padding: 2em;
	padding-right: 0;
	order: 2;
	box-sizing: border-box;
	flex-shrink: 0;
	order: 1;
}
main#primary {
	order: 3;
	padding: 2em;
	xmax-width: 1200px;
	height:100%; /* flex problem */
  width: 100%; /* IE11 */
  flex-grow: 1;

	background-repeat: no-repeat;
	background-position: bottom;
}
.screen-reader-text {
  display: none;
}
/*
 * HEADER
 */
header#masthead {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 2em;
	padding-top: 5em;
	background-color: #fff3f0;
  flex: 0 0 auto;
}
body.home header#masthead {
	background-image: url(/wp-content/uploads/FPB_Start_Figuren_oben.svg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.custom-logo {
	width: 100%;
	max-width: 500px;
  xtransition: width height 0.25s;
}
.custom-logo:hover {
  xmax-width: 510px;
}
/*
 * TOP MENUE
 */
ul#primary-menu {
	display: flex;
	list-style: none;
}
#masthead #site-navigation {
	flex-grow: 0;
	flex-shrink: 0;
  flex-basis: auto;
	width: auto;
	align-self: flex-end;
}
#masthead .menu-item {
	padding: 0 1em;
}
#masthead .menu-item:last-child {
	padding-right: 0;
}
#masthead .menu-item a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: black;
}
.menu-item a:hover,
.current-menu-item a,
.current_page_item a {
	color: #f39200 !important;
	text-transform: uppercase;
	font-weight: bold;
}
#masthead .menu-item a img {
	display: none;
}
#masthead .menu-toggle {
  display: none;
}

/*
 * SIDEBAR MENU
 */
.widget {
	margin-bottom: 1em;
}
aside ul#menu-sidebar {
	padding: 1em;
	margin: 0;
	list-style: none;
	background-color: #fff3f0;
	position: relative;
	width: 100%;
	padding-top: calc(121.3% + 1em);;
  background-image: url(/wp-content/uploads/aktuell-mini2.jpg);
	background-repeat: no-repeat;	 background-position: 0 0;
	background-size: 100%;
}
aside #menu-sidebar li {
	padding: 0.25em;
}
aside #menu-sidebar li a {
	text-decoration: none;
	font-weight: bold;
	xfont-size:110%;
	color: black;
}
aside #menu-sidebar li a img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
}
aside #menu-sidebar li:hover a img,
aside #menu-sidebar li.current-menu-item a img,
aside #menu-sidebar li.current_page_item a img {
	display: block;
	z-index:1;
}
aside #menu-sidebar li:hover a img {
	display: block;
	z-index:10;
}

/*
 * SUCHE
 */
#search-5 {
	margin-bottom: 0em;
}
#search-5 .search-form {
	display: flex;
	background-color: #fff3f0;
}
#search-5 label {
	display: block;
	width: 100%;
}
#search-5 input.search-field {
	width: 100%;
	height:100%;
	padding-left: 1em;
	border: 0 none;
	border-radius: 0;
	background-color: transparent;
}
#search-5 .search-submit {
	width: auto;
	cursor: pointer;
	background-color: white;
	border: 0 none;
	padding: 0.25em;
	flex-grow: 0;
	border-radius: 0;
	background-color: transparent;
}
body.search-results .post-thumbnail {
	display: none;
}
body.search-results article {
 margin-bottom: 1em;
}
/*
 * CONTENT AREA
 */
.post,
.page {
	margin: 0;
}
x.em {
	font-family: Merriweather;
}
x.entry-content p > em {
	font-family: Roboto, sans-serif;
}
a {
	color: initial;
}
a:hover {
	color: #f39200 !important;
}
p a {
	color: black;
}
a:visited {
	color: inherit;
}
h1 {
  font-size: 2em;
}
.home .entry-content h1 {
	font-family: Roboto;
	font-weight: 900;
	font-size: 250%;
}
.hilite,
.highlight,
mark,
ins {
	background: #fff9c0;
	background: #fcc;
	text-decoration: none;
}
.page-content, .entry-content, .entry-summary {
	margin: 0;
}
img.alignleft {
  float: left;
	width: 240px;
  height: auto;
	margin: 0.15em 2em 2em 0;
	font-size: initial;
}

/*
 * TITEL
 */
.site-branding {
	flex-grow: 1;
	flex-shrink: 1;
  flex-basis: 50%;
  align-self: flex-end;
	max-width: 50%;
}
h1 {
	margin: 0;
	margin-bottom: 0.5em;
	clear: none;
}

h2, h3, h4, h5, h6 {
	clear: none;
	margin: 0;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
p {
	margin-top: 0;
  margin-bottom: 1em;
}
form p,
label {
	font-family: Roboto;
	font-style: normal;

}
.alignleft {
	margin: 0.15em 2em 2em 0;
}
.custom-logo-link {
	display: block;
}

/*
	HEFTE
*/

.post-type-archive .page-header {
	width: 100%;
}
.post-type-archive .page-header .archive-description {
	margin-bottom: 2em;
}
.post-type-archive .page-header h1 {
	xdisplay: none;
}
.post-type-archive .page-header .archive-description {
	font-family: Merriweather;
	font-style: italic;
}
.post-type-archive-heft article,
.post-type-archive-grafik article {
	display: flex;
	flex-direction: column;
	padding-right: 2em;
	margin-bottom: 2em;
}
.post-type-archive main img {
	width: 100%;
  height: auto;
	display: block;
	margin-bottom: 0.5em;
}
.post-type-archive .entry-header {
	display: block;
	text-decoration: none;
	color: inherit;
	xhyphens: auto;
}
.post-type-archive .entry-header:hover {
	text-transform: none;
	color: inherit;
}
.post-type-archive .entry-header h2 {
	font-size: 100%;
	text-align: center;
	margin: 0;
	margin-top: 0.5em;
}
.post-type-archive h3 {
	font-size: 100%;
	text-align: center;
	margin: 0;
	width: 0;
	min-width: 100%;
}

/*
	EINZELNES HEFT
*/
.single-heft .post-thumbnail {
	max-width: 35%;
  height: auto;
	padding-right: 2em;
	float: left;
	margin-bottom: 1em;
}
.single-heft .post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.single-heft h1 {
	margin-bottom: 0;
}
.single-heft h3 {
	font-size: 100%;
}
.site-main .post-navigation {
	xdisplay: none;
	clear:both;
	margin-top: 2em;
}
.post-navigation a {
	color: black;
	text-decoration: none;
}
.post-navigation .nav-subtitle {
	display: none;
}
.post-navigation .nav-previous {
	flex-basis: auto;
}
.post-navigation .nav-previous a::before {
	font-size: initial;
	content: ' ◀';
}
.post-navigation .nav-next::after {
	font-size: initial;
	content:' ▶';
}

a.bestellen,
a.download {
	display: block;
	margin-bottom: 1em;
	color: initial;
	font-weight: bold;
}

/*
	Fachdidaktisches
*/
.post-type-archive .page-header .archive-description {
	font-style: italic;
}

body.type-unterrichtsbeispiel main#primary,
body.type-fachdidaktisches main#primary,
.post-type-archive-unterrichtsbeispiel main#primary,
.post-type-archive-fachdidaktisches main#primary {
	display: block;
	flex-wrap: wrap;
	max-width: auto;
	width: 100%;
	padding-right: 2em;
}
.category article,
.post-type-archive-fachdidaktisches article,
.post-type-archive-unterrichtsbeispiel article {
	margin-bottom: 1em;
	width: auto;
}
.category article .entry-header,
.post-type-archive-fachdidaktisches .entry-header,
.post-type-archive-unterrichtsbeispiel .entry-header {
	text-decoration: underline;
	color: inherit;
  margin-bottom: 0.25em;
}
.category article .entry-header:hover,
.post-type-archive-fachdidaktisches .entry-header:hover,
.post-type-archive-unterrichtsbeispiele .entry-header:hover {
	xtext-transform: none;
	xcolor: inherit;
}
/* title */
.category article .entry-header h2,
.post-type-archive-fachdidaktisches .entry-header h2,
.post-type-archive-unterrichtsbeispiel .entry-header h2 {
	font-size: 120%;
  margin: 0;
	margin-bottom: 0.20em;
	text-align: left;
}
/* subtitle */

.category article h3,
.post-type-archive-fachdidaktisches h3,
.post-type-archive-unterrichtsbeispiel h3 {
	font-size: 100%;
	margin: 0;
	text-align: left;
}

/* autor */
.category article h4,
article.type-fachdidaktisches h4,
article.type-unterrichtsbeispiel h4 {
  margin: 0;
  margin-bottom: 0.2em;
}

/* Kategorien */
.type-fachdidaktisches .post-categories,
.type-unterrichtsbeispiel .post-categories {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.type-fachdidaktisches .post-categories li,
.type-unterrichtsbeispiel .post-categories li {
	display: inline;
}

/* heft  */
.type-fachdidaktisches .heft,
.type-unterrichtsbeispiel .heft {
	text-decoration: none;
	color: initial;
	font-size: smaller;
	margin-top: 0.25em;
}

/*
	FACHDIDAKTISCH SINGLE
*/
.single-fachdidaktisches h1,
.single-unterrichtsbeispiel h1 {
  margin: 0;
  xmargin-bottom: 0.25em;
}
.single-fachdidaktisches h2,
.single-unterrichtsbeispiel h2 {
  font-size: 120%;
  margin: 0;
	margin-bottom: 1em;
}
.single-fachdidaktisches h3,
.single-unterrichtsbeispiel h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
  margin-bottom: 0.5em;
	text-align: left;
}
.single-fachdidaktisches .heft,
.single-unterrichtsbeispiel .heft {
	font-size: smaller;
	margin: 1em 0;
}

/*
 * SORT UNTERICHTSBEISPIELE
 */
#archive-sortable {
	display: flex;
	flex-direction: column;
}
.searchContainer {
	display: flex;
	margin-bottom: 2em;
	order: -1;
	position: relative;
}
.searchContainer:after {
	content: "\f179";
	font-family: dashicons;
	font-family: dashicons;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
	text-rendering: auto;
	font-size: 20px;
	text-align: center;
	padding: 0.25em;
  position: absolute;
  right: 0;
}

.searchContainer > * {
	width: 100%;
	flex: 1 1 auto;
	min-width: 0;
}
.searchContainer > input,
.searchContainer > select {
	margin-right: -1px;
  height: 2em;
  display: block;
}
.searchContainer > input {
  padding-right: 2em;
}
.searchContainer > * {
	width: 100%;
	flex: 1 1 25%;
}

.post-type-archive-fachdidaktisches .sortSearchContainer {
	display: block;
	overflow: hidden;
	border-bottom:2px solid;
	width: 70%;
	margin-bottom: 2em;
}
.post-type-archive-fachdidaktisches .sort {
	color: initial;
	text-decoration: none;
	border-left:2px solid;
	padding-left: 1em;
	padding-bottom: 0.2em;
	float: left;
	font-weight: bold;
	padding-right: 4em;
}
/*
	GRAFIKEN
*/
.post-type-archive-grafik .grafik-container {
	padding-top: 141.167%;
	position: relative;
	overflow: hidden;
  margin-bottom: 0.5em;
}
.post-type-archive-grafik .grafik-container img {
	height: 100%;
  width: auto;
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: auto;
}
.single-grafik img {
  width: 100%;
  height: auto;
}

/*
 * SUCHE
 */
  .search-results h2 {
    font-size: initial;
  }
/*
 * BESTELLUNG
 */
form {
	margin: 0;
	padding: 0;
}
form > fieldset {
	margin: 0;
	padding: 0;
}
form > br {
	display: none;
}
form p {
  margin: 0;
}

#bestellung {
	border: 0 none;
	padding: 0;
	display: block;
	margin-bottom: 1em;
	display: flex;
	flex-direction: column;
	margin: 0;
	min-width: 0;
}
#bestellung label {
	border: 1px solid;
	padding: 0;
  margin: 0;
	margin-bottom: 1em;
	width: calc(50% - 1em);
	width: 100%;
	min-width: 0;
  padding: 0.25em;
}
#bestellung label > a {
  display: block;
	float: left;
  margin: -0.25em;
	margin-right: 0.5em;
}
#bestellung img {
	display: block;
	width: 70px;
	height: auto;
}
.bestellung-text {
	xdisplay: inline;
	xfloat: left;
	xpadding: 0.5em;
	xmargin-top: 0.5em;
	xflex: 1 1 auto;
	xmin-width: 15em;
	xmax-width: calc(100% - 60px - 9.0em);
	xline-height: 1em;
	xborder: 1px solid red;
	xmargin-left: calc(60px + 0.5em);
  display: block;
}
.bestellung-text a {
	text-decoration: none;
	display: inline-block;
	color: initial;
	font-weight: bold;
	white-space: nowrap;
	max-width: calc(100% - 60px - 4em);
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0.25em 0;
}

.bestellung-text span {
	display: block;
	xfont-size: 80%;
	padding-right: 0.5em;
}
.bestellung-qty {
	display: block;
  float: right;
	white-space: nowrap;
	margin: -0.25em;
	padding-bottom: 0;
  margin: calc(-0.25em);
}
.bestellung-qty span {
	display: none;
}
.bestellung-qty input {
  -moz-appearance: textfield;
	width: 3em;
  text-align: right;
  border: 1px solid;
  margin-right: -1px;
  margin-top: -1px;
  padding: 0.25em 0.5em;
}
fieldset.customer {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	border: 1px solid black;
  border: 0 none;
	margin-bottom: 1em;
}
fieldset.customer > label {
	flex-shrink: 1;
	flex-grow: 0;
	xmin-width: 15em;
	width: 33.33%;
}
fieldset.customer > label > span {
	margin-right: auto;
  display: block;
}

select,
input {
	width: 100%;
  height: 100%;
  font-size: initial;
  height: 2em;
  padding: 0.25em 0.5em;
  border: 1px solid;
}
input:invalid {
  border-color: red;
}
select,
select option {
  padding-left: 0.25em;
}
form span.wpcf7-list-item {
	margin: 0;
}
form input[type="checkbox"] {
	vertical-align: bottom;
	width: 1.15em;
	height: 1.15em;
	border: 1px solid black;
	background-color: white;
  cursor: pointer;
}
form input[type="submit"] {
	float: right;
  width: auto;
	margin-top: 1em;
	border: 2px solid;
	background-color: white;
	cursor: pointer;
	margin-bottom: 1em;
	font-weight: bold;
  padding: 0.25em 0.5em;
}
form input[type="submit"]:hover {
	border: 2px solid;
	color: #f39200 !important;
	cursor: pointer;
}
.wpcf7-not-valid {
	border: 1px solid red;
	background-color: #fee;
}
.wpcf7-not-valid-tip {
	position: absolute;
	background-color: white;
	border: 2px solid red;
	color: initial;
	z-index: 99;
	padding: 0.25em 0.5em;
	display: none;
	width: 100%;
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip {
	display: block;
}
form input[type="checkbox"] {
	margin: 0;
}
form .wpcf7-checkbox {
  display: block;
  padding: 0.5em 0;
}
form .wpcf7-checkbox .wpcf7-list-item-label {
  padding: 0.5em 0;
}
form .wpcf7-checkbox label {
  cursor: pointer;
}
x.form input[type="submit"],
.wpcf7 form .wpcf7-response-output {
	clear: both;
	margin: 0;
	border: 2px solid red !important;
	background-color: white;
	padding: 0.5em 1em;
}

/*
 * footer
 */
footer {
	display: none;
}
footer.site-footer {
	width: 100%;
	text-align: center;
	display: block;
	background-color: #ffa88e;
	color: white;
	padding: 2em;
  padding-bottom: 1em;
	position: relative;
  flex: 0 0 auto;
}
footer.site-footer .widget {
	margin-bottom: 0;
}
#footer-sidebar {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	xjustify-content: space-around;
}
#footer-sidebar > * {
	text-align: left;
	padding: 0em;
	padding-right: 2em;
	padding-bottom: 1em;
	flex-grow: 0;
	flex-shrink: 1;
}
#footer-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
x#footer-sidebar li br {
	display: none;
}
#footer-sidebar ul li {
	margin-bottom: 0.25em;
}
#footer-sidebar1 {
	flex-grow: 0;
}
#footer-sidebar3 {
	padding-right: 0;
}

footer ul li img {
  display: none;
	background-image: none;
}

footer.site-footer a {
	text-decoration: none;
	color: white;
}
footer.site-footer .current-menu-item a,
footer.site-footer .current_page_item a,
footer.site-footer a:hover {
	font-weight: bold;
	xfont-weight: normal;
	xtext-transform: none;
	color: inherit !important;
}
footer.site-footer .site-info {
	display: none;
}
#scroll-to-top {
	cursor: pointer;
	position: absolute;
	right: 2em;
	top: 2em;
	border: 1px solid;
	color: white !important;
	padding: 0;
	line-height: 0.8em;
	transform: scale(200%);
  font-size: initial;
  transform-origin: right top;
	background-color: transparent;
	border-radius: 0;
}
#scroll-to-top:hover {
	font-weight: bold;
	border: 2px solid;
	xcolor: #f39200 !important;
	right: calc(2em - 2px);
	top: calc(2em - 2px);
}

/*
 * adaptive
 */
#content {
  max-width: calc(240px * 5 + 6 * 2em); /* enter thumb width here */
}
#secondary {
  padding-left: 2em;
	order: 1;
	width: calc((100% - 2em) / 5);
}
.post-type-archive-heft article,
.post-type-archive-grafik article {
	width: calc((100%) / 4);
}
#footer-sidebar > * {
  width: calc((100% + 2em) / 5);
}
img.alignleft {
  width: calc((100% - 3 * 2em) / 4);
}

main#primary,
.post-type-archive main#primary {
	padding: 2em;
}
main#primary {
	order: 2;
}
.post-type-archive-heft main#primary,
.post-type-archive-grafik main#primary {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}
.post-type-archive-heft .page-header,
.post-type-archive-grafik .page-header {
  padding-right: 2em;
}
#footer-sidebar {
  max-width: calc(240px * 5 + 4 * 2em); /* enter thumb width here */
}


@media (max-width: 1200px) {
  #secondary {
    padding-left: 2em;
  	order: 1;
  	width: calc((100% - 2em) / 4);
  }
  .post-type-archive-heft article,
  .post-type-archive-grafik article {
  	width: calc((100%) / 3);
  }
  #footer-sidebar > * {
    width: calc((100% + 2em) / 4);
  }
  #footer-sidebar1 {
    flex-grow: 1;
  }
  img.alignleft {
    width: calc((100% - 3 * 2em) / 3);
  }

	#bestellung label {
		width: 100%;
	}
}
/* menu toggled */
@media (max-width: 800px) {

	main#primary {
		padding: 1em;
	}
	.post-type-archive-heft  main#primary,
  .post-type-archive-grafik main#primary {
		padding: 1em;
		padding-right: 0;
	}
	header#masthead {
		padding: 1em;
		padding-top: 3em;
	}
	#masthead .site-branding {
  }
	#masthead #site-navigation {
		flex-basis: auto;
		align-self: flex-start;
	}
	#masthead .menu-item {
    padding: 0.25em 1em 0.25em 0;
  }
	ul#primary-menu {
		display: none;
	}
  #masthead .menu-toggle {
    display: block;
		margin-left: 1em;
    cursor: pointer;
    border: 0 none;
    background-color: transparent;
    padding: 0;
    height: 6vw;
    width: 6vw;
    color: #777;
  }
  #masthead .menu-toggle:before {
    font-size: 5vw;
  }
	aside#secondary	{
		padding: 1em;
		width: calc((100% - 1 * 1em) / 3);
	}
	.post-type-archive .page-header {
		padding-right: 1em;
	}
  .post-type-archive .page-header .archive-description {
  	margin-bottom: 1em;
  }

  .post-type-archive-heft article,
  .post-type-archive-grafik article {
    width: 50%;
    margin-right: 0;
    padding-right: 1em;
    margin-bottom: 1em;
  }
	.widget {
		margin-bottom: 1em;
	}
	img.alignleft {
		margin-right: 1em;
		margin-bottom: 1em;
	}
  .single-heft .post-thumbnail {
    width: 100%;
    max-width: none;
    height: auto;
    float: none;
    padding-right: 0;
  }
	fieldset label div {
		width: 100%;
	}
	fieldset.customer > label {
		xmin-width: 15em;
		width: 50%;
	}
  footer.site-footer {
		padding: 1em;
    padding-right: 0;
	}
	#footer-sidebar > * {
		width: calc((100% + 0em) / 2);
		xmargin: 0.15em 2em 2em 0;
    padding-right: 1em;
    text-align: center !important;
	}
	#footer-sidebar1 {
		width: 100%;
    padding-right: 1em;
		text-align: center;
	}
	#footer-sidebar3 {
    padding-right: 1em;
	}

	header#masthead {
		xposition: relative;
		xflex-wrap: wrap;
	}
	.site-branding {
		xmax-width: none;
		xpadding-right: 0em;
		xalign-self: flex-end;
		xflex-basis: 100%;
		max-width: 100%;
	}
	.custom-logo {
		max-width: none;
	}
	div#content {
			flex-wrap: wrap;
	}
	aside#secondary {
		display: none;
		order: 1;
		width: 100%;
		padding: 0;
		padding-top: 1em;
	}
	aside#secondary.toggled {
	 display: block;
	}
	aside ul#menu-sidebar {
		padding: 1em;
		margin-top: 0;
		background-image: none !important;
		padding-bottom: 1em;
	}
	.widget {
		margin-bottom: 1em;
	}
	ul#menu-sidebar li {
		padding: 0.25em 1em 0.25em 0;
	}
	ul#menu-sidebar li a {
		display: block;
	}
	.menu-image {
		display: none !important;
	}
	img.alignleft {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 0.5em;
	}
  #scroll-to-top {
  	right: 1em;
  	top: 1em;
  }
	#scroll-to-top:hover {
		right: calc(1em - 2px);
		top: calc(1em - 2px);
	}	
}
@media (max-width: 400px) {
	fieldset.customer > label {
		width: 100%;
	}
  .post-type-archive .page-header {
	  padding-right: 1em;
  }
	.single-heft .post-thumbnail {
		max-width: 100%;
		padding-right: 0;
		float: none;
	}
	.post-navigation .nav-links {
		display: block;
	}
	.post-type-archive article {
		width: 100%;
		margin-right: 1em;
	}
	img.alignleft {
		float: none;
		width: 100%;
	}
}

/*--------------------------------------------------------------
>>> Fonts
----------------------------------------------------------------
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/merriweather-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/merriweather-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v30-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/merriweather-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/merriweather-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v30-latin-700italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}