/* global */
* {
  /* override skeleton style
  letter-spacing: 0 ! important; */
}
body {
  background-color: rgb(225, 241, 242);
}
h1, h2, h3, h4, h5, h6 {
  color: rgb(8,111,126);
}
h3 a {
  color: rgb(8,111,126);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
h3 a:hover {
  color: rgb(205,164,59);
}
img {
  height: auto;
}
/*
p {
margin-bottom: 1rem;
}
*/
.content ul {
  list-style-position: outside;
  margin-left: 2rem;
}
.content a,
section p a,
section.gallery a,
section.shopCategories a,
.catalogue a,
aside article li a {
  color: rgb(8,111,126);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
section.gallery a {
  text-decoration: none;
  position: relative;
  display: block;
}
.content a:hover,
section p a:hover,
section.gallery a:hover,
section.shopCategories a:hover,
.catalogue a:hover,
aside article li a:hover {
  color: rgb(205,164,59);
}
a.magnific,
a.refExtLink {
  position: relative; 
  display: block;
}
a.magnific img,
a.refExtLink img {
  width: 100%;
}
section.gallery a span,
a.magnific span {
  display: block;
  width: 25px;
  height: 25px;
  background-color: rgba(8,111,126,0.7);
  position: absolute;
  background-image: url('/shared/img/Zoom-In2x.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}
section.gallery a span,
a.magnific span {
  right: 0;
  bottom: 1.6rem;
}
a.magnific span {
  bottom: 0.6rem;
}

/* Header */
header {
  margin-bottom: 3rem;/* 1.5rem*/
}
body.home header {
  margin-bottom: 1.5rem;
}

/* Header > Logo */
div.logo {
  text-align: center;
}
img.logo {
  height: auto;
  margin: -5px 0 0 0;
}
div.logo p {
  text-align: center;
  font-size: 1.5rem;
  color: #444;
  background-color: rgb(205,164,59);
  padding: 0 5px;
  margin: 0;
  letter-spacing: -0.5px;
}

/* Header > Kontakt */
div.contact p {
  text-align: center;
  font-size: 1.5rem;
  color: white;
  margin: 1rem 0 1.3rem 0;
  background-color: rgb(205,164,59);
  padding: 0 5px;
  letter-spacing: 1px;
}
div.contact p a {
  color: white;
  text-decoration: none;
}
div.contact p.u-pull-right {
  float: none!important;
  text-align: center;
}

/* Header > Navigation */
.metaNav ul {
  margin: 0 0 0.2rem 0;
}
.mainNav ul {
  margin-bottom: 0;
}
nav li {
  list-style-type: none;
  float: left;
  margin-bottom: 0;
}
nav li a:after,
nav li a:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

nav .mainNav li a {
  padding: 0 0 4px;
}

nav .mainNav li a:after {
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgb(205, 164, 59);
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  transform: translateY(-4px);
}

nav .mainNav li a:hover:after,
nav .mainNav li a:focus:after,
nav .mainNav li.active a:after {
  height: 3px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

nav .mainNav li.active a {
  font-weight: 600;
}
.u-pull-right a.active{
	font-weight:600;
}
nav li:last-of-type a  {
  margin-right: 0;
}
.metaNav a  {
  margin-right: 2em;
  font-size: 1.5rem;
  color: rgb(86,86,86);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.metaNav a:hover,
.metaNav a.active{
  color: rgb(205, 164, 59);
}
.mainNav a {
  margin-right: 1em;
  font-size: 2.4rem;
  color: rgb(8,111,126);
}

/* Header > Claim */
header p.usp {
  clear:left;
  text-align: left;
  font-size: 1.5rem;
  color: white;
  margin: 0;
  background-color: rgb(8,111,126);
  padding: 0 5px;
  letter-spacing: 1px;
}

/* "Header" > Hero */
div.hero {
  margin-bottom: 2.5rem;
}

/* Home > Categories (Boxes) */
.categorie a {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.categorie p {
  font-size: 1.3rem;
}
.categorie a p span {
  display: none;
}
.categorie a p {
  /* position: absolute; */
  margin-top: -8px;
  background: rgba(8,111,126,1);
  bottom: 0;
  margin-bottom: 0.6rem;
  width: 100%;
  padding: 0.5rem;
  font-size: 2.4rem;
  color: white;
  line-height: 2.4rem;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.categorie a:hover p {
  background-color: rgba(205,164,59,0.9);
}

/* Termine */
.main aside article {
  margin-bottom: 1rem;
}
.main article.highlight,
.main aside article.highlight  {
  padding: 0 10px;
  /*border: 2px solid rgb(8,111,126);*/
  margin-bottom: 2rem;
}
.main article.highlight header,
.main aside article.highlight header {
  /*background-color: rgb(8,111,126);*/
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.main article:first-of-type header,
.main aside article:first-of-type header {
  margin-top: 0px;
}
.main article header {
  margin-bottom: 1rem;
}
.main article header .date {
  font-size: 1.8rem;
  color: rgb(8,111,126);
  margin: 0;
}
.main aside article header .date {
  font-size: 1.5rem;
  color: black;
}
.main article header h2,
.main aside article header h4 {
  margin: 0;
}
.main aside article header h4 {
  font-size: 1.6rem;
}
.main article header h2 a,
.main aside article header h4 a {
  color: rgb(8,111,126);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.main article.highlight header h2 a,
.main aside article.highlight header h4 a {
  color: rgb(8, 111, 126)
    -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.main article.highlight header h2 a {
  color: rgb(8, 111, 126)
}
.main article header h2 a:hover,
.main aside article header h4 a:hover {
  color: rgb(205,164,59);
}
.main aside article.highlight header h4 a:hover,
.main article.highlight header h2 a:hover {
  color: rgb(205,164,59);
}
.main article header .address {
  font-size: 1.5rem;
  color: rgb(8,111,126);
  margin: 0;
}
.main aside article header .address {
  font-size: 1.2rem;
  color: rgb(8,111,126);
}
.main article.highlight header .date,
.main article.highlight header h2,
.main aside article.highlight header h4,
.main article.highlight header .address {
  color: rgb(3, 45, 51);
}
.main aside article.active {
  box-shadow: 5px 5px 0px silver;  
}
.main article header hr {
  margin: 1rem 0;
  border-color: rgb(3, 45, 51);
}

/* Termin hervorhebung: adp */
.main article.adp header,
.main aside article.adp header {
  background-color: rgb(195,229,229);
  border-color: rgb(85,172,171);
}

.main article.adp,
.main aside article.adp{
  border-color: rgb(85,172,171);
}


/* Termin hervorhebung: rbg */
.main article.rbg header,
.main aside article.rbg header {
  background-color: rgb(252,238,202);
  border-color: rgb(254,219,129);
}

.main article.rbg,
.main aside article.rbg {
  border-color: rgb(254,219,129);
}

/* Termin hervorhebung: hhv*/
.main article.hhv header,
.main aside article.hhv header {
  background-color: rgb(242,225,227);
  border-color: rgb(234,136,145);
}

.main article.hhv,
.main aside article.hhv{
  border-color: rgb(234,136,145);
}  

/* Termin hervorhebung: post */
.main article.post header,
.main aside article.post header {
  background-color: rgb(229,229,229);
  border-color: rgb(198,198,198);
}

.main article.post,
.main aside article.post{
  border-color: rgb(198,198,198);
}

/* Termin hervorhebung allgemein */
.main article.highlight header,
.main aside article.highlight header {
  border-left-width: 10px;
  border-left-style: solid;
}
.main article.highlight,
.main aside article.highlight {
  border-width: 0;
  border-style: solid;
}

/* Kataloge */

article.auctionCatalogues {
  margin-bottom: 1rem;
}
article.auctionCatalogues div {
  width: 48%;
  margin-left: 2%;
  box-sizing: border-box;
  float: left;
}
article.auctionCatalogues div.preview {
  width: 96%;
  margin-left: 2%;
}
article.auctionCatalogues div:nth-of-type(1),
article.auctionCatalogues div:nth-of-type(3) {
  margin-left: 0;
}
article.auctionCatalogues header {
  margin-bottom: 1rem;
}

/* Referenzen Highlight Toggle Menü */
.toggleTitle {
  cursor: pointer;
  font-size: 18px;
  margin-top: -20px;
  display:inline-block;
}
.toggleTitle:hover {
  color:#086F7E;;
}

/* Objekt der Woche */
/*
.objectOWeek img{
float:left;
width:35%;
margin:6px 10px 0 0;
} */

.objectOWeek h4{
  margin-bottom:2px;
}

.objectOWeek {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom:20px;
}

.objectOWeek img.u-pull-left {
  margin-right: 10px;
}

/* Referenzen (Start) */
div.referenzen {
  margin-bottom: 2rem;
}
div.row.referenzen p {
  margin-bottom: 0;
}
/* Kontent allg./Standard-Template */

.contentSlideshow {
  margin-bottom: 2.5em;
}
.contentSlideshow ul {
  margin-left: 0;
}
.contentSlideshow div.bx-caption {
  background-color: rgba(8, 111, 126, 0.8);
}
section.gallery div.row {
  margin-bottom: 2rem;
}
section.gallery div.row a p  {
  margin-bottom: 0;
}
.floatImgLeft {
  width: 100%;
  height: auto;
  float: none;
  margin-right: 0;
  margin-bottom: 1rem;
}
.floatImgRight {
  width: 100%;
  height: auto;
  float: none;
  margin-left: 0;
  margin-bottom: 1rem;
}
.floatImgLeft img,
.floatImgRight img {
  width: 100%; 
}

/* Shop */
div.shopItem {
 border-bottom: 1px solid rgb(8,111,119);
 margin-bottom: 1rem;
}
.row.shop {
  margin-bottom: 2rem; 
  font-size: 1.2rem;
}
.row.shop p {
  margin-bottom: 0.5rem;
}
section.shopCategories div.row {
  margin-bottom: 2rem;
}
.shopForm {
  background: #fff none repeat scroll 0 0;
  margin: 40px auto;
  max-width: 650px;
  padding: 20px 30px;
  position: relative;
  text-align: left;
}

/* Temp: Home > Color-Picker */
section.colorPicker {
  display: none;
  position: fixed;
  top: 1rem;
  left: 1rem;
}
#bgColor a {
  display: block;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid black;
  color: black;
  font-weight: thin;
  text-decoration: none;
  text-align: center;
}
#tor1 {
  background-color: rgb(250,248,237);
}
#tor2 {
  background-color: rgb(247,243,220);
}
#tor3 {
  background-color: rgb(242,249,250);
}
#tor4 {
  background-color: rgb(235,246,247);
}
#tor5 {
  background-color: rgb(225,241,242);
}
#tor6 {
  background-color: rgb(225,242,240);
}
#tor7 {
  background-color: rgb(218,242,239);
}
#tor8 {
  background-color: rgb(184,218,225);
}
#tor9 {
  background-color: rgb(255,255,255);
}

/* Footer allg. */
footer {
  background-color: rgb(8,111,119);
  color: white;
  padding: .75rem 1%;
  margin-bottom: 1rem;
}
/* Footer > Content */
footer h3 {
  color: white;
  font-size: 2.4rem;
  border-bottom: 1px solid white;
  margin-top: 1rem;
}
footer p.date {
  width: 30%;
  float: left;
}
footer h4,
footer p.address {
  margin-left: 33%;
}
footer h4 {
  font-size: 2rem;
}
footer a {
  color: white;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  /* text-decoration: none; */
}
footer a:hover {
  color: rgb(205, 164, 59);
}
footer section p a {
  color: white;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
footer section p a:hover {
  color: rgb(205, 164, 59);
}

footer section h1 {
  color:#fff;
  font-size: 2.4rem;
  margin-top: 1rem;
  border-bottom: 1px solid white;
  line-height: 1.3;
}
footer section h1 a {
  text-decoration: none; 
}
footer img {
 margin-bottom: .75rem; 
}

/* Footer > Nav */
.footerNav li {
  float: left;
  list-style-type: none;
  margin-left: 2rem;
}
.footerNav li a {
  color: black;
}

/* aside */
aside h1 {
  border-bottom: 2px solid  rgb(8, 111, 126);
  font-size: 2.5rem;
}
aside h1 a {
  color: rgb(8, 111, 126);
  text-decoration: none;
  font-size: 2.5rem;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
aside h1 a:hover {
  color: rgb(205, 164, 59);
}
ul#subNavi {
  list-style-type: none;
  margin-left: 2rem;
  margin-bottom: 4rem;
}
ul#subNavi a {
  color: rgb(8, 111, 126);
  text-decoration: none;
  font-size: 2rem;
  position: relative;
  display: inline-block;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
ul#subNavi a:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  background: rgb(205, 164, 59);
  content: '';
  opacity: 0;
  -webkit-transition: width 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -moz-transition: width 0.5s, opacity 0.5s, -moz-transform 0.5s;
  transition: width 0.5s, opacity 0.5s, transform 0.5s;
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  transform: translateX(-4px);
}
ul#subNavi a:hover:after,
ul#subNavi a:focus:after,
ul#subNavi li.active a:after {
  height: 2px;
  width: 100%;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

ul#subNavi a:hover {
  color: rgb(205, 164, 59);
}
ul#subNavi li.active {
}

/* bx slider custom and overwrite */
section.slider {
  margin-bottom: 2rem;
}
section.contentSlideshow .bx-wrapper {
  margin-bottom: 1rem;
}
div.bx-wrapper {
  border: none;
  box-shadow: none;
}
.slider li h1 {
  display: none; /* erst bei größeren Displays */
  position: absolute;
  background-color: rgba(8,111,126,0.8);
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  padding: 1rem;
  font-size: 1.4rem;
  color: white;
  font-weight: 400;
}

/* mobile Navigation */
.mobileNav {
  position: fixed;
  z-index: 9999999;
  width:100%;
  background-color:#086F77;
  top:0;
  overflow:auto;
  
}

.mobileNav img{
  float:left;
}

.mobileNav img.mobileLogo{
  margin: 11px 10px;
  width: 74px;
}


.mobileNav img.navToggler{
  margin: 12px 12px;
  width: 32px;
  float:right;
}


.togContent{
  clear: both;
}

.togContent ul{
  float:none;
}

.togContent ul li{
  display:inline-block;
  text-align:center;
  width:100%;
  text-transform:uppercase;
  border-bottom:1px solid #dedede;
  
  color:#fff;
}

.togContent ul:last-of-type li:last-of-type{
  border:0;
}

.togContent ul li a{
  color:#fff;
  display: inherit;  
  padding-bottom:5px;
  padding-top:7px; 
}


.togContent ul li a:hover, .togContent ul li a:focus, .togContent ul li a.active{
  background-color:#565655;
}

/* Google Maps */
.googleMaps{
  width:100%;
  height:340px;
}
/**** MD 24.03.2016*/
.daten input, .daten select  {
	width:98%;
}
.one {
	padding-right:4%;
}
.two, .one {
	width:48%;
	float:left;
}
.bForm input[type="checkbox"] {
	margin-top:-3px!important;
	vertical-align:middle;
}
fieldset .offer {
	margin-bottom:0;
}
.offer div {
	width:100%;
}
.offer div:first-of-type input{
	margin-right:5px;
}
.offer div input {
	margin-right:10px;
}
.bedingungen input[type="checkbox"] {
	margin:0;
}
#KatalogNr, #Betrag {
	width:116px;
}
#Bezeichnung {
	width:330px;
}
div.katalognr, div.betrag {
	float:left;
	width:20%;
}
checkbox:focus:invalid {
border:1px solid rgb(85,172,171);
}/*
input:focus:invalid {
	border:1px solid red;
}*/
input:focus:invalid, select:focus:invalid{
	border-color:rgb(85,172,171);/*hsl(0, 50%, 50%);*/
	background:/*hsl(0, 50%, 90%);*/rgb(195,229,229);
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder{
	color: rgb(8, 111, 126);
	font-weight: 600;
}
button {
	color: rgb(8, 111, 126);
	font-weight: 600;
}
.remove_field {
background-color:rgb(242,225,227);
padding:0 11px;
}
.add_field_button {
background-color:rgb(195,229,229);
}
    /* Kontaktabo Formular (bzw. alle K-Formulare) */

.kForm,
.kForm fieldset {
  width: 100%;
}
.kForm input,
.kForm select,
.kForm textarea {
  width: 100%;
  border-color: #d1d1d1;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.kForm input:focus,
.kForm select:focus,
.kForm textarea:focus {
  border-color: rgb(8,111,126);
}
.kForm input[type="checkbox"] {
  width: auto;
  margin-bottom: 0;
}
.kForm textarea {
  height: 200px;
}
.kForm button,
button#more {
  background-color: rgb(8,111,126);
  color: white;
  border-color: rgb(3, 45, 51);
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
button#more {
  margin-bottom: 3rem;
}
.kForm button:hover,
button#more:hover {
  background-color: rgb(3, 45, 51);
}

label, legend {
  font-weight: 600;
  color: rgb(8,111,126);
}
label.error {
 color: red; 
}

/* 400px */
@media (min-width: 400px) {
}

/* max-width: 550px */
@media (max-width: 550px){
  .googleMaps {
    height:200px;
}
footer img.u-full-width {
 width:96%;
 margin-left: 2%;
 margin-right: 2%;
}
}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .mainNav a { font-size: 2rem; }
.categorie a p { font-size: 2rem;  line-height: 2.0rem;}
.slider li h1 { font-size: 2rem; display: block; }
}

/* Larger than tablet */
@media (min-width: 750px) {
  section.colorPicker { display: block; }
.mainNav a { font-size: 2.4rem; }
.categorie a p { font-size: 2.4rem; line-height: 2.4rem;}
.slider li h1 { font-size: 2.4rem; }
article.auctionCatalogues div {
  width: 23%;
  margin-left: 2.666%;
  box-sizing: border-box;
  float: left;
}
article.auctionCatalogues div.preview {
  width: 48%;
  margin-left: 2%;
}
article.auctionCatalogues div:nth-of-type(1) {
  margin-left: 0;
}
article.auctionCatalogues div:nth-of-type(3) {
  margin-left: 2.666%;
}
.floatImgLeft {
  width: 48%;
  height: auto;
  float: left;
  margin-right: 4%;
}
.floatImgRight {
  width: 48%;
  height: auto;
  float: right;
  margin-left: 4%;
}
.floatImgLeft img,
.floatImgRight img {
  width: 100%;
}
.row.shop p {
  margin-left: 52%;
}
div.shopItem {
 border-bottom: none;
 margin-bottom: 0;
}
    .kForm fieldset {
        width: 48%;
        float: left;
    }
   .kForm fieldset:nth-of-type(2) {
      margin-left: 4%;
    }
		.kForm fieldset:nth-of-type(2) {
      margin-left: 3%;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
  div.contact  p.u-pull-right { text-align: right; }
div.logo { text-align: left; margin-bottom:1rem; }
.metaNav ul { margin: 35px 0 5px 0; }
.mobileNav{
  display:none;
}
.navToggler{
  display:none;
}
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
  .mainNav a { font-size: 2.6rem; }
}

/*************************************
***MD für WD Nachricht beim Formular**
***verschicken***12.08.15*************
**************************************/

p.positiv {
   margin-top: 0;
   padding: 10px;
   border-radius: 4px;
   border: 3px solid rgb(8, 111, 126);
	 display: inline-flex;
}
p.negativ {
   margin-top: 0;
   padding: 10px;
   border-radius: 4px;
   border: 3px solid rgb(205, 164, 59);
	 display: inline-flex;
}
@media (max-width: 1180px) {
div.katalognr, div.betrag {
	width: 46%;
}
div.katalognr {
	margin-right:2%;
}
#KatalogNr, #Betrag {
	width:88%;
}
#Bezeichnung {
	width:88%;
}
}
/* smaller than desktop */
@media (max-width: 1000px) {
  .deskNav{
    display:none;
}
body{
  padding-top:60px;
}
}
@media (max-width: 750px) {
.two, .one {
	width:100%;
}
div.katalognr, div.betrag {
	width: 100%;
}
.offer label {
	display:none;
}
}