@charset "UTF-8";
/*
Theme Name: roemhild
Theme URI: http://www.roemhild-buero.de
Description: Ein spezielles wordpress-Template f├╝r Fa. R├Âmhild in Paderbron.
Version: 1.0
Tags: fixed-layout, left-sidebar, responsive-layout, two-columns, valid HTML5, widgets
Author: Ralph Striewe
Author URI: http://www.truedesign.eu
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("style-org.css");
/*
** Definitionen
**
** Roemhild gruen = #04909b
** Verlauf oben/hellgruen = #2cb2bd
** Hintergrund Rot = #d62c47
** Verlauf rot oben = #e68091
**
** linear-gradient(to top, #04909b 60%, #68bcc3)
*/
/*
** Ab hier Einstellungen von Truedesign
*/
.default-responsive .header, .default-responsive #header-bg {
  background: none; }

.custom-responsive .header, .header {
  background: none; }

.logoheader {
  top: 15px; }
  .logoheader img {
    width: 60%;
    height: auto; }

body {
  background-color: #e7e7e7; }

.postcontent h1 {
  color: #d62c47;
  text-transform: none; }

.postcontent h2 {
  color: #037981;
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-transform: none; }

.blockcontent h2 {
  margin: 10px 0 0;
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-transform: none; }

.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited {
  font-size: 22px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-transform: none; }

.postcontent h3 {
  color: #037981;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

.blockcontent h3 {
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited {
  font-size: 20px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

.postcontent h4 {
  color: #03747C;
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

.blockcontent h4 {
  margin: 10px 0 0;
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited {
  font-size: 18px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-transform: none; }

#main {
  background-color: #e7e7e7;
  line-height: 1.3;
  color: #666; }

.sheet {
  box-shadow: 0 0 10px #C8C8C8; }

.nav {
  height: 72px;
  background: #04909b; }

.responsive .nav {
  height: auto; }

.post {
  padding: 15px;
  margin-top: 20px; }

.content-layout-row > .sidebar1 {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px; }

.layout-cell.content {
  padding-top: 5px; }

.blockheader {
  margin: 0 8px;
  background: #d62c47; }

.header > .widget {
  right: 0; }

.btn-katalog {
  float: right;
  margin-right: 15px; }
  .btn-katalog a:hover {
    opacity: 0.7; }
  .btn-katalog a:hover img {
    height: 130px;
    transition: height 0.1s ease-out; }
  .btn-katalog img {
    height: 110px;
    transition: height 0.1s ease-in;
    margin-top: -15px; }

.btn-service {
  float: right;
  margin-right: 25px; }
  .btn-service a:hover {
    opacity: 0.7; }
  .btn-service a:hover img {
    height: 130px;
    transition: height 0.1s ease-out; }
  .btn-service img {
    height: 110px;
    transition: height 0.1s ease-in;
    margin-top: -15px; }

.btn-webshop {
  margin-right: 15px;
  float: right; }
  .btn-webshop a:hover {
    opacity: 0.7; }
  .btn-webshop a:hover img {
    height: 150px;
    transition: height 0.1s ease-out; }
  .btn-webshop img {
    height: 110px;
    transition: height 0.1s ease-in;
    margin-top: -15px; }

.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover {
  color: #fff;
  font-size: 16px;
  text-transform: none;
  margin: 0 6px;
  text-align: center;
  padding: 6px 0 3px; }

.hmenu-extra2 {
  width: 650px;
  margin-bottom: -67px; }

#bcn_widget-2 {
  margin: 0; }

.post {
  margin-top: -20px; }

img.warenkorb {
  margin: 7px 5px -5px 0 !important; }

img.warenkorb2 {
  margin: 0px 0px -5px 0 !important; }

/*
** Menue-Eintraege
*/
.umrandung {
  border: 2px solid #04909b;
  padding: 8px; }

.desktop .hmenu ul li:hover > a {
  color: #000; }

.desktop ul.hmenu > li > ul {
  padding: 11px 31px 31px 31px;
  margin: -11px 0 0 -31px; }

.hmenu > li > a, .hmenu > li > a:link, .hmenu > li > a:visited, .hmenu > li > a.active, .hmenu > li > a:hover {
  font-weight: 400;
  padding: 0 25px; }

.hmenu ul a:link, .hmenu ul a:visited, .hmenu ul a.active, .hmenu ul a:hover {
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 3px 6px 5px;
  background: #d62c47; }

ul.hmenu ul:before {
  border: none;
  background: none; }

ul.hmenu li:hover {
  z-index: 10000;
  white-space: normal; }

ul.hmenu ul li a:hover, .desktop ul.hmenu ul li:hover > a {
  background: none; }

ul.hmenu > li > a.active {
  padding: 0 25px;
  background: #d62c47; }

ul.vmenu > li > a.active {
  background: #d62c47;
  padding: 6px 0px 3px; }

ul.hmenu > li > a:hover, .desktop ul.hmenu > li:hover > a {
  padding: 0 25px; }

ul.hmenu li li {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  background: #d62c47; }

.desktop ul.hmenu li ul > li:last-child {
  border-bottom: none; }

ul.hmenu > li > a {
  height: 72px;
  line-height: 72px; }

ul.hmenu > li > a:hover, .desktop ul.hmenu > li:hover > a {
  background: #d62c47; }

#menu-kopf-oben, #menu-kopf-unten {
  display: flex;
  float: right;
  padding: 3px; }
  #menu-kopf-oben li, #menu-kopf-unten li {
    background: #d62c47;
    padding: 5px 8px;
    width: 117px;
    text-align: center;
    border-left: 3px solid #fff; }
  #menu-kopf-oben li:hover, #menu-kopf-unten li:hover {
    background: #d62c47; }
  #menu-kopf-oben a, #menu-kopf-oben a:active, #menu-kopf-oben a:link, #menu-kopf-unten a, #menu-kopf-unten a:active, #menu-kopf-unten a:link {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px; }
  #menu-kopf-oben a:hover, #menu-kopf-unten a:hover {
    color: #000; }

#text-2 .widget-title {
  font-size: 16px;
  font-weight: bold;
  padding: 0; }

#text-2 .widget-content {
  font-size: 14px; }

/*
#text-2.widget_text {
	width: 255px;
	float: left;
	margin-top: 40px;
}
*/
.header {
  height: 170px; }

#nav_menu-4 {
  bottom: 0; }

#nav_menu-4::after {
  content: '';
  clear: both; }

#text-7 {
  padding: 0; }

div#text-3 {
  top: 20px;
  margin-bottom: 30px; }

/*
** Seitenmenue
*/
.vmenublock {
  background: #d62c47;
  margin: 3px 8px; }

ul.vmenu > li:after, ul.vmenu > li > ul:after {
  border-bottom: 2px solid #ededed; }

ul.vmenu > li > a {
  padding: 6px 0 3px;
  margin: 0 auto;
  font-size: 16px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  min-height: 30px;
  line-height: 30px;
  text-align: center; }

ul.vmenu li li a, ul.vmenu li li a:link {
  min-height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #2cb2bd;
  border-bottom: 1px dotted #04A3AE; }

ul.vmenu li li a:hover, ul.vmenu li li a.active, ul.vmenu li li a.active:hover {
  min-height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #d62c47;
  border-bottom: 1px dotted #04A3AE; }

ul.vmenu > li > a:before, ul.vmenu > li > a.active:before, ul.vmenu > li > a:hover:before, ul.vmenu > li > a.active:hover:before, ul.vmenu > li:hover > a:before, ul.vmenu > li:hover > a.active:before {
  content: ''; }

ul.vmenu > li > a:hover, ul.vmenu > li > a.active:hover {
  background: #d62c47;
  color: #000;
  padding: 6px 0 3px;
  margin: 0 auto; }

/*
** Sonstiges
*/
.postheader a:visited, .postheader a.visited, .postheader a, .postheader a:link {
  color: #04909b; }

.postheader {
  color: #04909b; }

.postcontent h3 {
  color: #04909b; }

.pager > * {
  background: #04909b;
  color: #fff; }

.pager {
  padding-left: 13px; }

.pager .active {
  background: #d62c47; }

.pager a:link, .pager a:visited, .pager .active {
  color: #fff; }

.pager a:hover {
  background: #2cb2bd; }

#search-3 {
  padding-right: 19px; }

.article img, img.article, .block img, .footer-text img {
  margin: 0; }

a.post.post-page {
  padding: 15px 0; }

.footer-text a, .footer-text a:link, .footer-text a:visited, .footer-text a:hover, .footer-text td, .footer-text th, .footer-text caption {
  color: #FFFFFF;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 175%; }

.footLeft, .toLeft {
  float: left; }

.footRight, .toRight {
  float: right; }

.spalte1-2, .spalte2-2 {
  width: 100%; }

.spalter1-2, .spalter2-2 {
  width: 100%;
  padding-right: 10px; }

.spalten, .spalte1-3 {
  width: 23%;
  text-align: right; }
  .spalten img, .spalte1-3 img {
    padding-bottom: 20px; }

.spalte1-33, .spalten3, .spalte2-33 {
  width: 32%; }

.spalten3 {
  margin-right: 20px; }

.row {
  clear: both; }

.spalte1-3 {
  margin-right: 5px;
  display: none; }

.spalte2-3 {
  width: 50%; }

.more-link, .more-link:hover {
  background: #eee;
  background: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaeaea));
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 150px;
  display: block;
  text-transform: none; }

.postcontent a, .postcontent a:link, .postcontent a:visited {
  color: #04909b;
  text-decoration: none; }
.postcontent a:hover {
  color: #d62c47; }
.postcontent li {
  line-height: 1.5;
  color: #666; }

/*
** Startseite mit 4 W├╝rfeln volle Breite


div[class^="cube-"] {
	position: relative;
	background: $roemGruen;
	width: 277px;
	height: 270px;
	float: left;
	margin-right: 31px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top:20px;
}

.cubeinner {
	text-align:center;
	text-decoration: none;
	font-size:24px;
	font-weight:700;
	color: #096969;
	margin-top: -271px;
	pointer-events: none;
}


div[class^="cube-"]:last-child {
	margin-right: -15px;
	margin-left: -3px;
	float: right;
}

div[class^="cube-"]:first-child {
	margin-left: -15px;
}
*/
/*
** Startseite mit 4 W├╝rfeln zwei Spalten
*/
.cube-1 img {
  width: 100%; }

div[class^="cube-"] {
  position: relative;
  background: #04909b;
  width: 215px;
  height: 210px;
  float: left;
  margin-right: 23px;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 20px; }

.cubeinner {
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  color: #096969;
  margin-top: -219px;
  pointer-events: none; }

div[class^="cube-"]:last-child {
  margin-right: 0;
  margin-left: -3px;
  float: right; }

/*
** Inhaltsseite mit 4 W├╝rfeln und Text
*/
div[class^="cubus-"] {
  position: relative;
  width: 215px;
  height: 210px;
  float: left;
  margin-right: 23px;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 20px; }
  div[class^="cubus-"] img {
    margin-top: -47px;
    width: 100%; }
  div[class^="cubus-"] p {
    text-align: center;
    line-height: 1.3;
    color: #666; }

.cubusinner {
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #096969;
  pointer-events: none; }

div[class^="cubus-"]:last-child {
  margin-left: -3px;
  margin-right: 0;
  float: right; }

/*
** Slider-Anpassung
*/
#slider1_container .reslidebutton {
  border: none !important; }

/*
** Andere Breiten
*/
@media (max-width: 499px) {
  .default-responsive .header, .default-responsive #header-bg {
    background-size: 50%;
    background-position: left bottom; } }
@media (max-width: 768px) {
  .spalten, .spalte1-3 {
    width: 100%;
    text-align: center; }
    .spalten img, .spalte1-3 img {
      padding-bottom: 20px; }

  .spalte1-3 {
    margin-right: 0; }

  .spalte2-3 {
    width: 100%;
    margin-bottom: 10px; }

  img {
    max-width: 100%; }

  .btn-katalog, .btn-webshop, .btn-service {
    margin: 0; }
    .btn-katalog img, .btn-webshop img, .btn-service img {
      height: 70px; }

  .hmenu-extra2 {
    width: 350px;
    margin: 0; } }
@media (min-width: 1200px) {
  .btn-katalog {
    float: right;
    margin-right: 15px;
    margin-bottom: 0; }

  div#text-3 {
    right: 2px;
    top: 2px; }

  .logoheader {
    position: relative;
    top: -15px;
    right: 753px; }
    .logoheader img {
      height: 140px;
      width: auto; }

  #text-2 .widget-title {
    font-size: 16px;
    font-weight: bold;
    padding: 0; }

  #text-2 .widget-content {
    font-size: 14px; }

  /*
  #text-2.widget_text {
  	width: 255px;
  	float: left;
  	margin-top: 40px;
  }
  */
  #nav_menu-4 {
    bottom: 0; }

  #nav_menu-4::after {
    content: '';
    clear: both; }

  div#text-10 {
    clear: both;
    top: 30px; }

  #text-7 {
    padding: 0; } }
@media (min-width: 768px) {
  .spalte1-2, .spalte2-2 {
    width: 47%; }

  .spalter1-2, .spalter2-2 {
    width: 47%; }

  .spalter1-2 {
    padding-left: 20px; }

  .spalte1-2 {
    padding-left: 20px; }

  .spalte1-3 {
    display: block; } }
@media (max-width: 1199px) {
  div[class^="cube-"]:first-child {
    margin-left: 0px; }

  div[class^="cube-"]:last-child {
    margin-right: 0px;
    float: left; }

  div[class^="cubus-"]:last-child {
    float: left; } }

/*# sourceMappingURL=style.css.map */