.respimgbox {
    margin-left:5px;
}
.respimgbox img {
    height: auto;
}
.respimgboxGallerie a {
    margin-left:5px;
}
.smGallery {
}
.respimgboxGallerie a img {
    height: auto;
}
.respimg {
    margin-left:5px;
    margin-bottom: 10px;
}
.respimg {
    height: auto;
}
.display-4 {
	font-size: 2.0rem;
	color: #C8001D;
	font-family: Times, "Times New Roman", Georgia, serif;
	text-align: left !important;
}
.containerHartung {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.col {
	padding-left: 0px !important;
}
.boxlayoutHartungRight {
	margin-left: auto; 
margin-right: 0;
}
h3 {
	font-size: 1.5rem;
}
body {
	background: #e3e3e1;
	
}
container-fluid
{
border: 5px solid #FFF;
}
header {
	border-bottom: 3px solid #C8001D;
}
.field .field__item {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 400px) {
    .respimg {
        width: 100px;
    }
    .respimgbox img {
        width: 100px;
    }
    .respimgboxGallerie a img {
        width: 70px;
    }
    .display-4 {
		font-size: 1.0rem;
	}
	.smGallery {
		width:auto !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media screen and (max-width: 600px) {
    .respimg {
       width: 200px;
    }
    .respimgbox img {
       width: 200px;
    }
    .respimgboxGallerie a img {
        width: 120px;
    }
    .display-4 {
		font-size: 1.5rem;
	}
	.smGallery {
		width:auto !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media screen and (min-width: 601px) {
    .respimg {
       width: 320px;
    }
    .respimgbox img {
       width: 320px;
    }
     .respimgboxGallerie a img {
        width: 140px;
    }
    .smGallery {
		width:100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (min-width: 800px) {
    .respimg {
       width: 320px;
    }
    .respimgbox img {
       width: 320px;
    }
     .respimgboxGallerie a img {
        width: 280px;
    }
    .smGallery {
		width:100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}
.nav-link:before {
	content: url("../images/dot.png");
	margin-right: 1px;
	
}
.dropdown-menu.show
{
	min-width: 200px;
}
figcaption {
  font-style: italic;
  font-size: 0.75rem;
}
/*
 * Sample CSS to add Superfish CSS to themes.
 *
 * Instructions:
 *
 * 1. Change the #block-mainnavigation (below) to the ID of your Superfish block.
 *
 * 2. Add the CSS to your theme, either as a separate CSS file or as a part of
 *    the main CSS file.
 *
 * 3. Note that by removing the .sf-style-none, the style will be applied to
 *    the menu regardless of the "Style" selected in the Superfish block
 *    configuration.
 *
 */

#block-mainnavigation .sf-style-none {
  float: left;
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none span.sf-description {
	display:block; 
	width:auto !important; 
	white-space:no-wrap; 
	background: red !important;
	} 
#block-mainnavigation .sf-style-none.sf-navbar {
  width: 100%;
}
#block-mainnavigation .sf-style-none ul {
  padding-left: 0;
}
#block-mainnavigation .sf-style-none a,
#block-mainnavigation .sf-style-none span.nolink {
  color: #000;
  padding: 0.75em 1em;
}
#block-mainnavigation .sf-style-none a.sf-with-ul,
#block-mainnavigation .sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-mainnavigation .sf-style-none.rtl a.sf-with-ul,
#block-mainnavigation .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-mainnavigation .sf-style-none span.sf-description {
  color: #000;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-mainnavigation .sf-style-none a:before {
content: url("../images/dot.png");
margin-right: 1px;
	vertical-align: center;
}
#block-mainnavigation .sf-style-none span.nolink:before {
	content: url("../images/dot.png");
	margin-right: 2px;
	vertical-align: center;
	
}
#block-mainnavigation .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-mainnavigation .sf-style-none li,
#block-mainnavigation .sf-style-none.sf-navbar {
  background: #f0f0f0;
}
#block-mainnavigation .sf-style-none li li {
  background: #e0e0e0;
}
#block-mainnavigation .sf-style-none li li li {
  background: #d0d0d0;
}
#block-mainnavigation .sf-style-none li:hover,
#block-mainnavigation .sf-style-none li.sfHover,
#block-mainnavigation .sf-style-none a:focus,
#block-mainnavigation .sf-style-none a:hover,
#block-mainnavigation .sf-style-none a:active,
#block-mainnavigation .sf-style-none span.nolink:hover {
  background: #c0c0c0;
  outline: 0;
}
#block-mainnavigation .sf-style-none li:hover > ul,
#block-mainnavigation .sf-style-none li.sfHover > ul {
  top: 40px;
}
#block-mainnavigation .sf-sub-indicator:after {
  content: "▼";
}
#block-mainnavigation ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical .sf-sub-indicator:after {
  content: "►";
}
#block-mainnavigation .sf-navbar ul .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
}
#block-mainnavigation .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
}
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons li.sf-expanded > .sf-accordion-button:after {
  content: "▲";
}
#block-mainnavigation .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical.rtl .sf-sub-indicator:after,
#block-mainnavigation .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a {
  background: #f0f0f0;
  color: #000;
  padding: 1em;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded {
  background: #c0c0c0;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > a,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-mainnavigation .sf-style-none.sf-accordion li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper a.menuparent,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper {
  background: #c0c0c0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper li {
  background: transparent;
}