/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.drop-cap {
    color: var(--primary);
    padding: 0 .3rem;
    margin: -13px .3rem -17px -10px;
    font-weight: 300;
    font-style: normal;
    font-size: 2.5em;
    float: left;
    line-height: 1;
}

.img-border {  outline: 1px solid white;
  outline-offset: -16px;}


/* Custom Buttons */
.btn {
	line-height: 50px;
	height: 50px;
	text-align: center;
	padding: 0 30px;
	cursor: pointer;
}

.btn-one-white {
	color: var(--white);
	transition: all 0.3s;
	position: relative;
}
.btn-one-white span {
	transition: all 0.3s;
}
.btn-one-white::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: var(--white-trans-60);
	border-bottom-color: var(--white-trans-60);
	transform: scale(0.1, 1);
}
.btn-one-white:hover  {
	letter-spacing: 2px;
  color: var(--white);
}
.btn-one-white:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
.btn-one-white::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s;
	background-color: var(--white-trans-10);
}
.btn-one-white:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}

.btn-three {
	color: var(--primary-dark);
	transition: all 0.5s;
	position: relative;
}
.btn-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--primary-trans-30);
	transition: all 0.3s;
}
.btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid var(--primary-trans-50);
	transform: scale(1.2,1.2);
}
.btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}

.show-mobile-menu .bricks-mobile-menu-toggle::before {
  width:50px;
}

.preistabelle {
  width: 100%;
  border-collapse: collapse;
  font-family: inherit;
}

.preistabelle th {
  text-align: left;
  padding: 12px 16px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary-dark);
  border-bottom: 2px solid #e5e5e5;
}

.preistabelle td {
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}

.preistabelle tbody tr:last-child td {
  border-bottom: none;
}

.preistabelle td strong {
  display: block;
  font-size: 1rem;
}

.preistabelle td span {
  display: block;
  font-size: 0.85rem;
  color: #999;
  margin-top: 2px;
}

.preistabelle td:nth-child(2) {
  font-size: 1.1rem;
  font-weight: 600;
}

.preistabelle td:nth-child(3) {
  color: #666;
  font-size: 0.9rem;
}