@charset "UTF-8";
/*
Theme Name: kochbuch
Theme URI: http://www.daskochbuch.at
Author: Sabina Kargl, Studio für Multimedia und Webdesign
Author URI: http://www.sabinakargl.at
Description: Entwickelt für die Küchenfee.online
*/
/* CSS Document */
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/raleway-v34-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* raleway-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: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url("fonts/raleway-v34-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* raleway-600 - 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: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/raleway-v34-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* raleway-600italic - 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: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url("fonts/raleway-v34-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/*Fonts and Colors */
body {
  background-color: #ffffff;
  font-family: "Raleway", Helvetica, sans;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5em; }

/* Überschriften */
h1 {
  font-weight: 600;
  font-size: 42px;
  color: #000000;
  text-align: center;
  margin-bottom: 40px; }

h2 {
  font-size: 24px;
  color: #323232;
  font-weight: 700; }

a {
  color: #697F10; }

.form_list_cookbooks span {
  font-size: 16px; }

legend, label, .modal .loginform input[type="submit"], .button_div, .nav-window a, .form-box button[type="submit"], ul.list_recipes .box a figcaption h2 {
  font-size: 24px; }

input[type="text"], input[type="password"] {
  font-size: 24px;
  font-weight: 400; }

p.subheadline, .modal .loginform legend, ul.list_cookbooks li a h2, .page.page-template-new_cookbook-php h1 {
  font-size: 36px; }

h3 {
  font-weight: 400;
  font-size: 24px; }

.btn {
  font-size: 24px;
  font-weight: 700; }

nav.nav-footer a {
  font-size: 20px; }

button {
  font-size: 14px;
  font-weight: 400; }

.innerbox label {
  font-weight: 400;
  font-size: 14px; }

@media screen and (min-width: 992px) {
  body, input[type="text"], input[type="password"], .button_div {
    font-size: 16px; } }
legend,
textarea,
.page-template-new_cookbook h1,
.subnav input[type="text"],
ul.list_recipes .box a figcaption h2,
body,
.subnav select {
  color: #323232; }

.btn.but-login:hover,
.nav-window a,
.nav-window,
form#presets #community_container ul li,
ul.list_recipes .box a:hover figcaption h2 {
  color: #ffffff; }

h1.start {
  color: #578d29; }

.but-login, .login-window .modal-dialog {
  background-color: #8ec89a; }

.modal input[type="text"], .modal input[type="password"], .form-box input[type="text"], .form-box textarea, #search_container input[type="text"] {
  border: none;
  background-color: #ffffff; }

.modal input[type="submit"], .form-box button[type="submit"] {
  background-color: #323232;
  color: #ffffff; }

.btn.but-login:hover, #thumbnail-preview-color-win, #thumbnail-preview-imagecolor-win, #thumbnail-preview-image-win {
  background-color: #323232; }

button.thumbnail-color {
  background-color: #ffffff; }

/* Borders */
form#presets #community_container ul li {
  border-bottom: solid 1px #ffffff; }

/* Effekte */
.btn.but-login {
  -webkit-transition: background-color 1s, color 1s;
  /* Safari */
  transition: background-color 1s, color 1s; }

/* Überschriften */
p.subheadline {
  font-weight: 400; }

legend, label, .modal .loginform input[type="submit"], .modal .loginform legend, ul.list_cookbooks li a h2, .form-box button[type="submit"], ul.list_recipes .box a figcaption h2 {
  font-weight: 700; }

ul.list_cookbooks li a h2 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

ul.list_cookbooks li a:hover, .nav-window a:hover {
  text-decoration: none; }

ul.list_cookbooks li a h3, ul.list_cookbooks li a p, #search_container input[type="text"], .menuitem input[type="email"] {
  color: #323232; }

ul.list_cookbooks li a:hover h3,
#thumbnail-preview-color-win h3,
#thumbnail-preview-imagecolor-win h3,
#thumbnail-preview-image-win h3,
.menuitem legend
 {
  color: #ffffff; }

.nav-window a:hover {
  color: #8ec89a; }

.menuitem ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #323232;
  opacity: 1;
  /* Firefox */ }

.menuitem :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #323232; }

.menuitem ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #323232; }

.color1,
#thumbnail-preview-color-win .thumbnail-color.color1,
#thumbnail_preview.color1,
#choose_bgcolor.color1,
ul.list_recipes li:nth-child(5n+0) .box,
ul.list_recipes li:nth-child(5n+0) .box .opacity {
  background-color: #fba223; }

.color2,
#thumbnail-preview-color-win .thumbnail-color.color2,
#thumbnail_preview.color2, .page-template-new_cookbook,
ul.list_recipes li:nth-child(5n+1) .box,
ul.list_recipes li:nth-child(5n+1) .box .opacity {
  background-color: #c1d964; }

.color3,
#thumbnail-preview-color-win .thumbnail-color.color3,
#thumbnail_preview.color3,
ul.list_recipes li:nth-child(5n+2) .box,
ul.list_recipes li:nth-child(5n+2) .box .opacity {
  background-color: #4ed0f0; }

.color4,
#thumbnail-preview-color-win .thumbnail-color.color4,
#thumbnail_preview.color4,
ul.list_recipes li:nth-child(5n+3) .box,
ul.list_recipes li:nth-child(5n+3) .box .opacity {
  background-color: #f26528; }

.color5,
#thumbnail-preview-color-win .thumbnail-color.color5,
#thumbnail_preview.color5,
ul.list_recipes li:nth-child(5n+4) .box,
ul.list_recipes li:nth-child(5n+4) .box .opacity {
  background-color: #f5ed0c; }

.thumbnail_feature .feature-but, #thumbnail_preview, .subnav input[type="text"] {
  background-color: #ffffff; }

#choose_imagecolor.color1, .bgimg-color.color1, svg .color1 {
  background-color: #f0e8ac; }

.bgimg-color.color2, svg .color2 {
  background-color: #f6dfbc; }

svg .color1, use.color1 {
  fill: #f0e8ac; }

svg .color2, use.color2 {
  fill: #f6dfbc; }

form#presets #community_container ul li {
  background-color: #323232; }

.opacity {
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0.85;
  filter: alpha(opacity=85);
  /* For IE8 and earlier */ }

.list_cookbooks .opacity, #thumbnail_preview .opacity {
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0.45;
  filter: alpha(opacity=45);
  /* For IE8 and earlier */ }

/* Border */
.menuitem legend {
  border: none; }

legend {
  text-align: center; }

.menuitem legend {
  text-align: left; }

.page.page-template-new_cookbook-php h1, .modal legend, input[type="submit"], .form-box button[type="submit"] {
  text-transform: uppercase; }

li {
  list-style: none; }

.circle_box {
  /* circle_box löschen */
  position: absolute;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  width: 85px;
  height: 85px;
  top: -20px;
  left: -20px; }

.page h1 {
  margin-bottom: 40px; }

/* Buttons */
.btn {
  display: inline-block;
  /*padding: 6px 12px;*/
  margin-bottom: 0;
  color: #323232;
  line-height: 1.42857143;
  border-radius: 0px; }

/* Modalwindows*/
.modal-header {
  padding: 15px;
  border-bottom: 0; }

.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: 0;
  padding: 0 20px 20px 20px; }

html, div.container-fluid {
  height: 100%; }

.container-fluid {
  padding: 0; }

main {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  /*transform:translate(280px);*/ }

/* Windows */
#search_container, #filter_container, #new-entry-container, #edit-entry-container, #share-entry-container, #thumbnail-preview-color-win, #thumbnail-preview-imagecolor-win, #thumbnail-preview-image-win {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

#search_container, #filter_container, #thumbnail-preview-color-win, #thumbnail-preview-imagecolor-win, #thumbnail-preview-image-win {
  top: 0; }

#new-entry-container, #edit-entry-container, #share-entry-container {
  bottom: 0; }

#search_container {
  z-index: 100; }

#thumbnail-preview-color-win, #thumbnail-preview-imagecolor-win, #thumbnail-preview-image-win {
  z-index: 200; }

#thumbnail-preview-color-win, #thumbnail-preview-imagecolor-win, #thumbnail-preview-image-win {
  display: none; }

.feature-win h3 {
  text-align: center; }

/* Suche */
#search_container {
  padding-left: 80px;
  display: none;
  background-color: #323232;
  padding-top: 10px; }

#search_container .ui-widget-content, #search_container .ui-menu-item, #search_container .ui-menu-item-wrapper {
  background-color: #ffffff; }

#search_container .ui-widget-content {
  width: 300px; }

/* Filter */
#filter_container {
  padding: 0 80px;
  display: none;
  background-color: #323232;
  z-index: 100;
  padding-top: 10px; }

#filter_container ul, #share-entry-container ul {
  position: relative;
  color: #ffffff; }

#filter_container li, #share-entry-container li {
  display: block;
  width: 100%; }

#filter_container ul.subnav, #share-entry-container ul.subnav {
  margin-left: -9999px;
  position: absolute;
  left: 0;
  width: 100%; }

#filter_container ul.subnav {
  top: -50px; }

#share-entry-container ul.subnav {
  top: -30px; }

#filter_container li.active ul.subnav, #share-entry-container li.active ul.subnav {
  margin-left: 0px; }

/* Neuer Eintrag, Eintrag bearbeiten, Eintrag teilen */
#new-entry-container, #edit-entry-container, #share-entry-container {
  padding: 0 80px;
  display: none;
  background-color: #323232;
  z-index: 100;
  padding-top: 10px; }

#filter_container ul, #new-entry-container ul, #edit-entry-container ul, #share-entry-container ul {
  margin: 30px 0 0 0;
  padding: 0; }

/*#filter_container li:first-child, #new-entry-container li:first-child, #edit-entry-container li:first-child, #share-entry-container li:first-child {
    border-top:solid #ffffff 1px;
}*/
#filter_container li, #new-entry-container li, #edit-entry-container li, #share-entry-container li {
  /*border-bottom:solid #ffffff 1px;
  margin:0;*/
  padding: 5px 0; }

.innerbox {
  padding: 40px 20px 20px 20px;
  position: relative; }

.innerbox ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #eceee3; }

.innerbox ::-moz-placeholder {
  /* Firefox 19+ */
  color: #eceee3; }

.innerbox :-ms-input-placeholder {
  /* IE 10+ */
  color: #eceee3; }

.innerbox :-moz-placeholder {
  /* Firefox 18- */
  color: #eceee3; }

.innerbox .white ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #323232; }

.innerbox .white ::-moz-placeholder {
  /* Firefox 19+ */
  color: #323232; }

.innerbox .white :-ms-input-placeholder {
  /* IE 10+ */
  color: #323232; }

.innerbox .white :-moz-placeholder {
  /* Firefox 18- */
  color: #323232; }

.innerbox textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #323232; }

.innerbox textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #323232; }

.innerbox textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: #323232; }

.innerbox textarea :-moz-placeholder {
  /* Firefox 18- */
  color: #323232; }

.blue, .blue .circle_box {
  /*.blue löschen */
  /* circle_box löschen */
  background-color: #2baaa5; }

.pink, .pink .circle_box {
  /* circle_box löschen */
  /* pink löschen */
  background-color: #d364b5; }

.white {
  background-color: #eceee3; }

/*.karotte {
    background-image: url(images/karotte.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}
.donuts {
    background-image: url(images/donuts.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}
.hendl {
    background-image: url(images/hendl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}*/
/* Login Form und Button */
.but-login, .modal .loginform input[type="submit"], .form-box button[type="submit"] {
  padding-top: 15px;
  padding-bottom: 15px; }

.but-login, .modal .loginform input[type="submit"] {
  width: 180px; }

.form-box button[type="submit"] {
  width: auto;
  padding: 15px; }

.but-login {
  display: inline-block; }

.modal .loginform input[type="submit"], .form-box button[type="submit"] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: block; }

.login-buttons {
  text-align: center;
  margin-top: 60px; }

.loginform {
  width: 80%;
  margin: 20px auto; }

.loginform label {
  display: block; }

.loginform input[type="text"], .loginform input[type="password"], .form-box input[type="text"] {
  width: 100%;
  display: block;
  margin-bottom: 10px; }

.loginform .button_div {
  margin-top: 40px; }

@media screen and (min-width: 992px) {
  .modal .loginform input[type="submit"] {
    margin-left: 20px;
    margin-right: 0;
    margin-top: 0;
    display: inline-block; } }
html, body, body > main.container-fluid {
  height: 100%; }

main > .row {
  margin-left: 0px;
  margin-right: 0px; }

.box {
  width: 100%;
  margin: 0 auto 80px auto; }

.box:first-child {
  margin-bottom: 50px; }

.ingredientlist li {
  display: inline; }

@media screen and (min-width: 992px) {
  .box {
    width: 550px;
    margin: 0 auto 80px auto; } }
/* Menü */
#menu-mainmenu, #menu-metamenue {
  margin: 0;
  padding: 0; }

#menu-metamenue {
  margin-top: 40px; }

ul.sub-menu {
  margin: 10px 0px;
  padding: 0px; }

.subnav input[type="text"], .subnav label {
  width: 200px; }

/* Footer Menu */
.nav-footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -80px;
  width: 170px; }

nav.nav-footer {
  background-color: transparent; }

nav.nav-footer a {
  background-color: #323232;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
  color: #ffffff; }

nav.nav-footer li {
  display: inline-block;
  margin-left: 6px; }

nav.nav-footer li:first-child {
  margin-left: 0px; }

nav.nav-footer ul {
  margin: 0;
  padding: 0; }

.nav-footer li a {
  display: inline-block;
  width: 50px;
  height: 50px; }

.nav-window #delete_question2 {
  display: none; }

/* Buttons */
button.filter, button.back {
  position: absolute;
  top: 10px;
  height: 50px;
  color: #ffffff;
  background-color: #323232; }

button.filter, button.back {
  width: 50px; }

button.filter {
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 50px;
  color: #ffffff;
  background-color: #323232; }

button.close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #ffffff !important;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100); }

.filter-header button.back, .share-entry-header button.back {
  position: absolute;
  left: 15px;
  top: 15px;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  display: none; }

/* Suche */
form.gsc-search-box {
  width: 300px !important; }

/* Formulare */
input[type="text"] {
  background-color: transparent;
  border: solid 2px #323232;
  padding: 9px; }

.white input[type="text"] {
  background-color: #ffffff;
  border: none;
  padding: 9px; }

input[type="password"] {
  padding: 9px; }

input[type="checkbox"] {
  width: 20px;
  height: 20px; }

.modal input[type="submit"], .form-box button[type="submit"] {
  border: none; }

input[type="submit"], .form-box button[type="submit"] {
  border-radius: 0; }

.internal-recipes-search input[type="text"] {
  width: 100%; }

.internal-recipes-search .form-group {
  width: 80%; }

.form-group, textarea, #safe-bookmark.internal-recipes-search .form-group {
  width: 100%; }

.white {
  padding-top: 20px;
  padding-bottom: 20px; }

.white fieldset, .white p, .white li, .white h2 {
  padding-right: 20px;
  padding-left: 20px; }

.innerbox .white ul, .ingredientlist, .ingredientlist li {
  margin: 0;
  padding: 0; }

button {
  color: #323232;
  background-color: #eceee3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background-image: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  text-transform: uppercase; }

.innerbox .white label {
  color: #323232; }

#safe-bookmark.internal-recipes-search .white .ingredientlist label {
  color: #323232;
  width: 15%; }

#safe-bookmark.internal-recipes-search .white .ingredientlist input[type="text"] {
  width: 20%; }

.modal legend, input[type="submit"], .form-box button[type="submit"] {
  border-bottom: 0; }

/* Formular Voreinstellungen */
form#presets .form-group label, form#presets .form-group input {
  width: 100%; }

form#presets #community_container ul {
  margin: 0;
  padding: 0; }

form#presets #community_container ul li {
  padding: 9px; }

/* *** Seiten *** */
/* Safe Recipe*/
input.mess, input.unit {
  width: 50px; }

.show_recipe_image {
  width: 300px;
  height: auto; }

#safe-bookmark img {
  width: 100%;
  height: auto; }

/* List Cookbooks*/
ul.list_cookbooks, ul.list_recipes {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.list_cookbooks li, ul.list_recipes li {
  padding: 7px;
  display: inline-block; }

ul.list_cookbooks .box, ul.list_recipes .box, ul.list_cookbooks figure {
  position: relative;
  width: 100%;
  height: 250px;
  text-align: center;
  display: inline-block;
  overflow: hidden; }

ul.list_cookbooks figure.thumbnail {
  padding: 0;
  margin-bottom: 0;
  /*line-height: 1.42857143;*/
  border: none;
  border-radius: 0;
  /*-webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;*/ }

ul.list_cookbooks .box:first-child, ul.list_recipes .box:first-child {
  margin-bottom: 0; }

ul.list_cookbooks .box figcaption h2 {
  margin-bottom: 0;
  margin-top: 0; }

ul.list_recipes .box figcaption {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0;
  height: 50%; }

@media screen and (min-width: 992px) {
  ul.list_cookbooks figure, ul.list_cookbooks .box, ul.list_recipes .box {
    height: 200px; } }
/* List Recipe*/
.list_recipes img {
  width: 100%;
  height: auto; }

ul.list_recipes .box figcaption > div {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5px; }

ul.list_recipes .box figcaption {
  padding: -15px 15px 15px 15px; }

ul.list_recipes .box figcaption h2 {
  position: relative;
  z-index: 1;
  margin: 0; }

@media screen and (min-width: 992px) {
  /*.list_recipes img {
      width: auto;
      height: 100%;
  }*/ }
/* Recipe */
.show_recipe img {
  width: 100%; }

/* New Cookbook*/
#thumbnail-preview-color-win ul.colors, #thumbnail-preview-image-win ul.colors {
  width: 300px;
  padding: 0;
  margin: 60px auto 0 auto; }

#thumbnail-preview-imagecolor-win ul.colors {
  width: 120px;
  padding: 0;
  margin: 60px auto 0 auto; }

ul.colors li {
  float: left;
  height: 60px;
  width: 60px; }

ul.colors li div {
  position: relative; }

button.thumbnail-color, button.bgimg-color {
  position: absolute;
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  margin-right: 5px;
  -webkit-transition: width 0.3s, height 0.3s;
  /* Safari */
  transition: width 0.3s, height 0.3s; }

button.thumbnail-color:hover, button.thumbnail-color:focus, button.bgimg-color:hover, button.bgimg-color:focus {
  width: 50px;
  height: 50px; }

button.thumbnail-color.color2 {
  border: solid 2px #ffffff; }

.thumbnail_builder {
  margin-top: 60px; }

#thumbnail_preview, .thumbnail_feature {
  width: 300px; }

.thumbnail_feature {
  margin: 40px auto 0 auto;
  padding: 0; }

.thumbnail_feature li {
  float: left;
  width: 33%; }

.thumbnail_feature li > div > p {
  text-align: center; }

#thumbnail_preview {
  height: 225px;
  margin: 40px auto 0 auto;
  position: relative; }

#thumbnail_preview_svg, ul.list_cookbooks .thumbnail_svg {
  width: 100%;
  height: 100%; }

#thumbnail_preview #thumbnail_preview_svg svg, ul.list_cookbooks .thumbnail_svg svg {
  position: absolute;
  bottom: 10%;
  right: 20%;
  /*-webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);*/ }

#thumbnail_preview figcaption, ul.list_cookbooks figcaption {
  min-height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0; }

#thumbnail_preview figcaption h2,
ul.list_cookbooks figcaption h2 {
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 2; }

.thumbnail_feature .feature-but {
  width: 85px;
  height: 85px;
  border-radius: 43px;
  -moz-border-radius: 43px;
  -webkit-border-radius: 43px;
  margin: 0 auto;
  display: block; }

.thumbnail_feature .feature-but svg {
  width: 90%;
  height: 90%; }

/* New Recipe */
.form_list_cookbooks {
  margin: 0;
  padding: 0; }

@media screen and (min-width: 992px) {
  #thumbnail-preview-color-win ul.colors, #thumbnail-preview-image-win ul.colors {
    width: 550px; }

  #thumbnail-preview-imagecolor-win ul.colors {
    width: 220px; }

  ul.colors li {
    height: 110px;
    width: 110px; }

  button.thumbnail-color, button.bgimg-color {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    margin-right: 10px; }

  button.thumbnail-color:hover, button.thumbnail-color:focus, button.bgimg-color:hover, button.bgimg-color:focus {
    width: 110px;
    height: 110px; }

  #thumbnail_preview, .thumbnail_feature {
    width: 480px; }

  #thumbnail_preview {
    height: 360px; }

  .thumbnail_feature .feature-but {
    width: 125px;
    height: 125px;
    border-radius: 63px;
    -moz-border-radius: 63px;
    -webkit-border-radius: 63px; } }
/* Recipe Print */
@media print {
  nav.nav-header, header.main_header, footer {
    display: none; } }
.main_header {
  padding-top: 10px;
  position: relative;
  min-height: 30px;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .main_header {
      min-height: 60px;
      margin-bottom: 60px; } }
  .main_header.logged_in > div {
    flex-basis: 33%; }
  .main_header.logged_out > div {
    flex-basis: 33%; }

h1.logo {
  background-image: url("images/logo_daskochbuch_claim.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 240px;
  margin: 0 auto; }
  h1.logo span {
    margin-left: -9999px !important; }

.logo-container {
  text-align: center; }

header button {
  color: #323232; }

button.back, button.close {
  font-size: 28px; }

button.search {
  font-size: 30px;
  background-color: transparent;
  display: inline-block;
  height: 40px;
  width: 40px; }

nav .nav a:hover {
  text-decoration: none; }
nav .nav a {
  color: #ffffff;
  font-weight: 400; }
nav .nav .current-menu-item a, nav .nav a:hover {
  color: #a1c517; }

nav.nav-header {
  height: 100%;
  color: #ffffff;
  width: 280px;
  padding: 20px 10px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: -280px;
  background-color: #000000; }
  nav.nav-header li {
    padding-top: 5px;
    padding-bottom: 5px; }
  nav.nav-header a {
    color: #ffffff;
    font-size: 18px; }

button#toggle_menu {
  background-color: transparent; }
  button#toggle_menu .icon-bar {
    display: block;
    width: 35px;
    height: 5px;
    margin-top: 5px;
    background-color: #000000; }
    button#toggle_menu .icon-bar:nth-child(2) {
      margin-top: 0px; }
  button#toggle_menu.active {
    height: 37px; }
    button#toggle_menu.active .icon-bar:nth-child(2) {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      margin-top: 0px; }
    button#toggle_menu.active .icon-bar:nth-child(3) {
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      margin-top: -5px; }
    button#toggle_menu.active .icon-bar:nth-child(4) {
      display: none; }

.home h1 {
  text-align: center; }
.home .page-header {
  margin-left: auto;
  margin-right: auto;
  float: none; }

.page-header {
  border-bottom: none; }

.content-image {
  width: 400px;
  height: auto; }

article.blog-post h2 {
  text-align: center; }
  article.blog-post h2 a {
    color: #000000; }
    article.blog-post h2 a:hover {
      color: #697F10;
      text-decoration: none; }
article.blog-post .blog-image {
  padding-bottom: 20px; }
  article.blog-post .blog-image img {
    width: 100%;
    height: auto; }
article.blog-post .posted-on {
  font-size: 14px; }

article.category-blog {
  margin-left: auto;
  margin-right: auto;
  float: none; }
  @media screen and (min-width: 992px) {
    article.category-blog {
      width: 750px; } }
  @media screen and (min-width: 1200px) {
    article.category-blog {
      width: 750px; } }
  @media screen and (min-width: 1400px) {
    article.category-blog {
      width: 750px; } }