/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (max-width: 767px) {
.collapsing li, .collapse.in li {
    padding-left: 20px;
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/*================ My Classes ==================*/
body {
  background-color: #EEEAEE;
  font-size: 16px;
}

.background-top {
    /*background-image: url("images/placeholder.gif");*/
  background-color:#E3B0BC;
    background-size: 100% 100%;
    background-repeat: repeat;
    background-size: auto auto;
}

.info-box-top {
  box-shadow: 0 8px 25px 2px rgba(0, 0, 0, 0.3);
  background-color: rgba(133, 71, 85, 1);
  border-radius: 9px;
  padding: 20px;
  margin: 15px 0 10px;
  color: #ffffff;
}

.info-box-top h3 {
  color: #ffffff;
  font-size:16px;
}


#infobox_bg {
    background-image: url("/addons/shared_addons/themes/demo/img/infobox-img.jpg");
    border-radius: 9px;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
}

.info-box-top p {
  margin-bottom:10px;
}

.info-box-top a {
  color:#f5ceda;
  text-decoration:underline;
}

.info-box-top-img {
  padding-right:0px;
}

.nav-row {
  padding-top:10px;
}

.nav-add {
  background-color: #EEEAEE;
  border-bottom-left-radius:0px !important;
  border-bottom-right-radius:0px !important;
  border-bottom-color:#EEEAEE !important;
  border-bottom-width:2px !important;
  border-top-width:0px !important;
}

.navbar-default {
  font-weight: bold;  
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active, 
.navbar-default .navbar-nav > li > a.active:hover, 
.navbar-default .navbar-nav > li > a.active:focus {
  text-decoration: underline;

  /*border-bottom: 4px solid black;*/
}

.navbar-collapse {
	padding-left:0px !important; 
}

.main-content {
  padding-left:40px;
}

.infoblock {
  background-color: rgba(184, 170, 184, 1);
  border-radius: 10px 0 0 10px;
  min-height: 350px;
  position: relative;
  padding:5px 20px;
}

.infoblock hr {
	border-color:#eeeeee !important;
}

.infoblock a {
	color:#ffffff;
	text-decoration:underline;
}

.footer {
  background-color: #90818C;
  padding:20px; 
}

.footer, .footer a {
  color: #ffffff;	
  text-decoration: underline;  
}

.main-content hr {
	border-color:rgba(184, 170, 184, 1); 
}

.noleftpadding {
	padding-left:0px !important;
}

.main-content h2 {
	margin-bottom:20px !important;
}

a.tel {
	text-decoration: none;  
}

.contactform {
	margin-top:13px;
	margin-right:-15px;
}

.geschenkideen {
	margin-bottom:15px;
}
