/*
Theme Name: Hydrogen
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Default Gantry 5 theme. Provides a simple, clean and fast design to get you started on developing your own theme or setting up a quick new site
Version: 5.4.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


#g-showcase {
	padding: 0;
}

#g-navigation {
    margin-bottom: 15px;
}

#g-navigation .g-main-nav {
	margin: -1.563rem;
	/*position: absolute;*/
	bottom: 2.17rem;
	/*padding-left: 5rem;*/
}

#g-navigation .g-content {
    margin: 0.625rem;
    /*padding: 0 0.938rem;*/
	padding: 10px 0 0 0;
}

#g-navigation .g-main-nav .g-toplevel > li.active:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) {
    border-bottom-color: #d1ac49;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

#g-navigation .g-main-nav .g-toplevel > li.active.g-selected:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) {
	background:rgba(209, 172, 73, 0.5);
    border-bottom-color: #d1ac49;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
	border-bottom-color: #d1ac49;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	background:rgba(209, 172, 73, 0.25);
}

#g-feature {
	text-align: center;
	/*margin: 10px;
	margin-top: 30px;*/
}

#g-feature div.g-container {
	text-align: center;
	/*margin: 10px;
	margin-top: 30px;*/
}

#g-feature .g-block{
	min-width:	240px;
	min-height:	196px;
	height:	196px;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
}

#g-feature .div-feature-text{
	height:	80px;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
}

#g-feature .feature-box {
	padding: 45px 20px 20px 20px;
	background: #f8f8f8;
	border: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
}

#g-feature .feature-box-outer {
	display: table;
	height: 100%;
	width: 100%;
}

#g-feature .feature-box-middle {
	display: table-cell;
	vertical-align: middle;
}

#g-feature .roundBackground {
	position: absolute;
	margin-top: -75px;
	margin-left: -25px;
	font-size: 30px;	
	width: 50px;
	height: 50px;
	color:	white;
	background: #d1ac49;
	border: #d1ac49;
	border-radius: 100px
}

#g-feature .feature-text {
	margin-bottom: 5px;
	margin-top: -10px;
	margin-left: auto;
	margin-right:	auto;
}

.fa-check-square-o:before {
	position: absolute;
	margin-left: -12.5px;
	margin-top: 10px;
}

.fa-eur:before {
	position: absolute;
	margin-left: -10px;
	margin-top: 10px;
}

.fa-music:before {
	position: absolute;
	margin-left: -15px;
	margin-top: 7.5px;
}

.fa-star:before {
	position: absolute;
	margin-left: -15px;
	margin-top: 10px;
}

#bocking-button {
	text-align: center;
	background: #d1ac49;
	border: #d1ac49;
	border-wigth: 2px;
	border-style: solid;
	border-radius: 10px;
	margin: 0 20px;
	cursor: pointer;
}

#bocking-button .g-content {
	padding: 0px;
}

#bocking-button h4{
	font-size: 30px;
	font-weight: bold;
	color: white;
	margin: 0px;
}

#bocking-button:hover {
	text-align: center;
	background: white;
	border: #d1ac49;
	border-wigth: 2px;
	border-style: solid;
	border-radius: 10px;
}

#bocking-button:hover h4{
	font-size: 30px;
	font-weight: bold;
	color: #d1ac49;
	margin: 0px;
}


@media (max-width: 48rem) {
  /* CSS that should be displayed if width is equal to or less than 800px goes here */
	#g-feature .g-grid {
		width: 25rem;
	}

}


/* CSS - Preise und Leistungen - BEGIN*/
/* Pricing-Table */
.pricingtable {
    float: center;
    padding: 8px;
	border: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
}

/* Style pricing-list */
.pricingtable .details {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.pricingtable:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing title */
.pricingtable .details .title {
    background: #d1ac49;
    color: white;
    font-size: 25px;
	font-weight: bolder;
	border-width: 0px;
	border-style: solid;
	margin: -8px;
	border-top-left-radius: 7.5px;
	border-top-right-radius: 7.5px;
}

.pricingtable .details .pricing {
	font-size: 40px;
	font-weight: bolder;
	margin: -15px;
	padding: 20px;
}

/* List items */
.pricingtable .details li {
   /* border-bottom: 1px solid #eee;*/
    padding: 10px;
    text-align: center;
}

/* List features */
.pricingtable .details .features{
	border-top: 2px solid #eee;
	font-weight: bold;
}

/* List button-bereich*/
.pricingtable .details .booking {
	font-size: 20px;
	border-top: 2px solid #eee;
	margin-bottom: -8px;
}

/* "Jetzt buchen" */
.pricingtable .details .button {
    background-color: #d1ac49;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	border: #d1ac49;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px
}
/* "Jetzt buchen" */
.pricingtable .details .button:hover {
    background: white;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	color: #d1ac49;
	border: #d1ac49;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px
}

/* Pricing-Table B-Day*/
.pricingtablebday {
    float: center;
    padding: 8px;
	border: grey;
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
}

/* Style pricing-list */
.pricingtablebday .details {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.pricingtablebday:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing title */
.pricingtablebday .details .title {
    background: #32cd32;
    color: white;
    font-size: 25px;
	font-weight: bolder;
	border-width: 0px;
	border-style: solid;
	margin: -8px;
	border-top-left-radius: 7.5px;
	border-top-right-radius: 7.5px;
}

.pricingtablebday .details .pricing {
	font-size: 40px;
	font-weight: bolder;
	margin: -15px;
	padding: 20px;
}

/* List items */
.pricingtablebday .details li {
   /* border-bottom: 1px solid #eee;*/
    padding: 10px;
    text-align: center;
}

/* List features */
.pricingtablebday .details .features{
	border-top: 2px solid #eee;
	font-weight: bold;
}

/* List button-bereich*/
.pricingtablebday .details .booking {
	font-size: 20px;
	border-top: 2px solid #eee;
	margin-bottom: -8px;
}

/* "Jetzt buchen" */
.pricingtablebday .details .button {
    background-color: #32cd32;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	border: #32cd32;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px
}
/* "Jetzt buchen" */
.pricingtablebday .details .button:hover {
    background: white;
    border: none;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	color: #32cd32;
	border: #32cd32;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px
}


.morethanhundred {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

.morethanhundred .button {
	background-color: #d1ac49;
	border: none;
	color: white;
	padding: 5px 25px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: #d1ac49;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px;
	margin-left: 10px;
}

.morethanhundred .button:hover {
	background: white;
	border: none;
	color: white;
	padding: 5px 25px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #d1ac49;
	border: #d1ac49;
	border-wigth: 0.5px;
	border-style: solid;
	border-radius: 5px
}
/* CSS - Preise und Leistungen - END*/
 
.min-width-column {
	min-width: 300px;
	margin-left: 32px;
	margin-right: 32px;
	flex-basis: auto;
	}

.min-width-columns {
	flex-wrap: wrap;
}

@media (min-width: 1200px) {
.min-width-columns {
	min-width: 900px;
	flex-wrap: nowrap;
}}

.wordpresscontent .g-content {
	margin: 0 0.625rem 0.625rem 0.625rem;
    padding: 0 1rem 1rem 1rem;
}