/**
 * @Author: Andreas Prietzel <andreasprietzel>
 * @Date:   2018-12-08T11:06:44+01:00
 * @Filename: DropperPlugins.css
 * @Last modified by:   andreasprietzel
 * @Last modified time: 2018-12-08T11:36:32+01:00
 */



.HabenSieFragenBox
{
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	padding: 30px;
	position: relative;
	margin: 15px 0;
}

.HabenSieFragenBox h3
{	
	margin-top: 0;
}

.HabenSieFragenBox .fas
{
	color       : #f50f86;
	font-size   : 18px;
	margin-right: 15px;
}

.HabenSieFragenBox .fas.fa-phone
{
	margin-right: 12px;
}

.HabenSieFragenBox .MarginLeft
{
	margin-left: 34px;
}

.HabenSieFragenBox img.KontaktBild
{
	position         : absolute;
	right            : 15px;
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform   : translateY(-50%);
	-ms-transform    : translateY(-50%);
	-o-transform     : translateY(-50%);
	transform        : translateY(-50%);
}

.PluginContainer .GrayText
{
	color: #858585;
}

.KundenKauftenAuchBox,
.KundenKauftenAuchBox .product-cell
{
	/*background-color: #bbe7ee;*/
	padding-top   : 10px;
	padding-left  : 20px;
	padding-right : 20px;
	margin-bottom : 30px;
}

.KundenKauftenAuchBox h3
{
	color: #1baec5;
	font-weight: 700;
}

.KundenKauftenAuchBox .footnote-reference
{
	color: black;
}





.HabenSieFragenBox .fas
{
	font-size: 14px;
}
.HabenSieFragenBox img.KontaktBild
{
	width: 100px;
	height: auto;
}


/*
    Tablet landscape
    960px = 0.5%
    Bootsrap geht bis 992px statt 960px...
*/
@media (min-width : 992px) AND (max-width: 1199px)
{
	.HabenSieFragenBox
	{
		font-size: 10px;
	}

	.HabenSieFragenBox h3
	{
		font-size: 14px;
	}

	.HabenSieFragenBox .fas
	{
		font-size: 12px;
	}
	.HabenSieFragenBox img.KontaktBild
	{
		width: 90px;
		height: auto;
	}
}

/*
    Tablet portrait
    720px = 0.375%
    Bootsrap geht bis 991px statt 959px...
*/
@media (min-width : 720px) AND (max-width: 991px)
{
	.HabenSieFragenBox
	{
		font-size: 10px;
	}

	.HabenSieFragenBox h3
	{
		font-size: 14px;
	}

	.HabenSieFragenBox .fas
	{
		font-size: 12px;
	}
	.HabenSieFragenBox img.KontaktBild
	{
		width: 90px;
		height: auto;
	}
}

/*
    Tablet small, Smartphone big;
    480px = 0.25%
*/
@media (min-width : 480px) AND (max-width: 719px)
{
	.HabenSieFragenBox
	{
		font-size: 10px;
	}

	.HabenSieFragenBox h3
	{
		font-size: 14px;
	}

	.HabenSieFragenBox .fas
	{
		font-size: 12px;
	}
	.HabenSieFragenBox img.KontaktBild
	{
		width: 90px;
		height: auto;
	}
}

/*
    Smartphone
    240px = 0.125%
*/
@media (min-width : 0px) AND (max-width: 479px)
{
	.HideOnSmartphoneSmall
	{
		display: none;
	}

	.HabenSieFragenBox
	{
		font-size: 11px;
	}

	.HabenSieFragenBox h3
	{
		font-size: 13px;
	}

	.HabenSieFragenBox .fas
	{
		font-size: 12px;
	}

	.HabenSieFragenBox img.KontaktBild
	{
		width: 90px;
		height: auto;
	}

	.HabenSieFragenBox .MarginLeft
	{
		margin-left: 0px;
	}

}