@font-face {

    src:url('../fonts/Conduit_ITC.ttf') format('ttf'),

    	url('../fonts/Conduit_ITC.woff2') format('woff2'),

        url('../fonts/Conduit_ITC.woff') format('woff');



    font-family: 'Conduit';

}

@font-face {

    src:url('../fonts/Conduit_ITC_Medium.ttf') format('ttf'),

    	url('../fonts/Conduit_ITC_Medium.woff2') format('woff2'),

        url('../fonts/Conduit_ITC_Medium.woff') format('woff');



    font-family: 'Conduit-Medium';

}



@font-face {

    src:url('../fonts/Conduit_ITC_Bold.ttf') format('ttf'),

    	url('../fonts/Conduit_ITC_Bold.woff2') format('woff2'),

        url('../fonts/Conduit_ITC_Bold.woff') format('woff');



    font-family: 'Conduit-Bold';

}



.tx-juralith-form-wrapper , .tx-juralith-form-wrapper form,

.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first,

.tx-juralith-form-wrapper form .tx-bottom-content,

.tx-juralith-form-wrapper form .productauswahl-row{

    float: left;

    width: 100%;

    position: relative;

    font-family: 'Conduit';

}

.tx-juralith-form-wrapper form .tx-sfg-bg{

	margin-bottom: 50px;

}

.tx-sfg-bg .tx-half-width,.tx-sfg-bg .tx-full-width{

	background-color: #f3eedc;

	padding: 30px 0;

}

.form-juralith-verbrachsrechner-first,

.tx-juralith-verbrachsrechner h1{

	float: left;

	width: 100%;

	position: relative;

}

.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first h4{

	float: left;

	width: 100%;

	color: #000;

	padding: 10px 0;

	margin-top: 30px;

	text-align: center;

	font-family: 'Conduit-Medium';

	background-color: #febd00;

}

.tx-sfg-bg .tx-half-width{

	float: left;

	width: 50%;

	position: relative;

}

.tx-sfg-bg .tx-full-width{

	float: left;

	width: 100%;

	position: relative;

}

.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first .form-group{

	width: 110px;

	margin: 0 auto;

	text-align: center;

}

.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first .form-group label{

	font-family: 'Conduit';

	color: #000;

	font-size: 18px;

}

.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first .form-group input {

    width: 70px;

    text-align: center;

	margin: 0 auto;

	border: 1px solid #a0a1a8;

	border-radius: 0;

	box-shadow: inset 1px 1px 2px #000;

	color: #000;

	font-size: 18px;

	padding: 0;

	height: 35px;

	font-family: 'Conduit-medium';

}

.tx-juralith-form-wrapper form .tx-sfg-bg.tx-m2-div input {

    width: 100px;

}

.tx-juralith-form-wrapper form .productauswahl-row {

    background-color: #febd00;

    margin-bottom: 40px;

    padding: 15px 0;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details {

    float: left;

    width: 100%;

    position: relative;

    margin-top: 15px;

}

.tx-juralith-form-wrapper form .productauswahl-row .tx-produktauswahl {

    float: left;

    max-width: 33%;

}

.tx-juralith-form-wrapper form .productauswahl-row  h4{

    padding: 8px 0 0;

    font-family: 'Conduit-Medium';

    color: #000;

    font-size: 24px;

    width: auto;

    text-align: center;

}

.tx-juralith-form-wrapper form .productauswahl-row select#productauswahl {

    padding: 7px 15px 5px 50px ;

    margin: 0;

    width: 97%;

    border: 1px solid #a0a1a8;

	border-radius: 0;

	box-shadow: inset 1px 1px 2px #000;

	font-family: 'conduit';

    font-size: 20px;

    background-image: url('../image/select.jpg');

	display: inline-block;

	background-repeat: no-repeat;

	background-position: 98% 50%;

	background-size: 3%;

}

.tx-juralith-form-wrapper form .productauswahl-row select {

  /* for Firefox */

  	-moz-appearance: none;

  /* for Chrome */

  -webkit-appearance: none;

}



/* For IE10 */

::-ms-expand {     display: none; }

.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail {

    float: left;

    width: 100%;

    position: relative;

}

.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p,

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p {

    padding: 0;

    text-align: left;

    color: #000;

    font-family: 'Conduit_ITC';

    font-size: 17px;

    line-height: 24px;

    margin: 0;

}

.tx-juralith-form-wrapper form .tx-bottom-content {

    margin-bottom: 80px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p strong,

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

	font-family: 'Conduit-Bold';

	float: left;

    width: 55%;

}

.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p span {

    float: left;

    width: 45%;

    word-break: break-all;

    font-family: 'Conduit';

}
.c-danger {
	color: red;
}
.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p span span.c-danger {
	width: 100%
}

.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p strong sup,

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-detail p strong sup{

	font-family: 'Conduit';

	font-size: 16px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-bnis-title {

    float: left;

    width: 100%;

    position: relative;

    background-color: #000;

    margin-bottom: 20px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-bnis-title h3 {

    color: #fff;

    font-size: 22px;

    padding: 10px 0;

    text-align: center;

    font-family: 'Conduit-Bold';

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-srctions{

	float: left;

	width: 100%;

	position: relative;

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-buttons-section{

	float: left;

	width: 100%;

	position: relative;

	padding: 0 15px;

}

form .tx-bottom-content .tx-sections{

	float: left;

	width: 100%;

	position: relative;

}

form .tx-bottom-content .tx-sections .tx-col-texts {

    float: left;

    text-align: center;

    background: #f3eedc;

    font-family: 'Conduit';

	padding: 15px;

	width: 100%;

	margin-bottom: 30px;

}

form .tx-bottom-content .tx-sections .tx-col-texts .head-title{

	font-size: 14px;

}

form .tx-bottom-content .tx-sections .tx-col-texts .cotent-ergebins {

    float: left;

    width: 100%;

    text-align: center;

    background: #febd00;

    color: #000;

    font-family: 'Conduit-Bold';

    font-size: 18px;

    padding: 2px 0;

    margin-top: 10px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-click-button {

    background: #e1d5a7;

    color: #000;

    float: left;

    width: 100%;

    margin-bottom: 15px;

    text-align: center;	

    padding: 5px 0;

}

.tx-bottom-content-left{

	float: left;

	width: 44%;

	padding: 0 15px;

	position: relative;

}

.tx-bottom-content-right{

	float: left;

	width: 56%;

	padding: 0 15px;

	position: relative;

}

form .tx-bottom-content .tx-sections .col-md-4.Ergebnis-one {

    padding-right: 10px;

}

form .tx-bottom-content .tx-sections .col-md-4.Ergebnis-two {

    padding: 0 10px 0 0;

}

form .tx-bottom-content .tx-sections .col-md-4.Ergebnis-three {

    padding: 0 15px 0 0;

}

.tx-juralith-form-wrapper form .tx-bottom-content .tx-click-button input[type="submit"],

a#Anfragen-open-form {

	color: #000;

	font-family: 'Conduit-Bold';

	font-size: 20px;

	background: transparent;

}

form input[type="submit"]:hover,

a#Anfragen-open-form:hover{

	text-decoration: none !important;

}

.anfragen-form .form-group{

	margin-bottom: 15px;

	float: left;

	width: 100%;

}

.anfragen-form{display: none;}

.anfragen-form input[type="text"],

.anfragen-form textarea {

	margin: 0 auto;

    border: 1px solid #a0a1a8;

    border-radius: 0;

    box-shadow: inset 1px 1px 2px #000;

    color: #000;

    font-size: 18px;

    padding: 0 20px;

    height: 35px;

    font-family: 'Conduit-medium';

    float: left;

    width: 100%;

}

.anfragen-form textarea {

	height: 115px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p:first-child {

    font-size: 15px;

    font-family: 'Conduit';

    margin-bottom: 30px;

    float: left;

    width: 100%;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p{

	font-size: 20px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

	width: auto;

	float: none;

	font-size: 15px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details h5{

	margin: 30px 0 20px;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details h5 strong{

	float: left;

    font-size: 18px;

    width: 100%;

    margin: 0;

    text-align: left;

    font-family: 'Conduit-Medium';

    color: #000;

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details ul {

    text-align: left;

    list-style: disc !important;

    padding: 0;

    margin: 0;

    margin-left: 15px;

    color: #000;

	margin-bottom: 10px;

    float: left;

    width: 100%;    

}

.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details ul li{

	list-style: disc;

}

#juralithProductsData_wrapper #juralithProductsData_filter input[type=search]{

	border: 1px solid;

}

ul.typo3-messages {

    padding: 0;

}

.typo3-messages li.alert.alert-success {

    list-style: none;

    border-radius: 0;

}



@media only screen and ( max-width: 1199px ) and ( min-width: 998px ){

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p strong,

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

		width: 100%;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p ,

	form .tx-bottom-content .tx-sections .tx-col-texts .head-title{

	    font-size: 18px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p span{

		margin-bottom: 10px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p:first-child,

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

		font-size: 18px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details ul li{

		font-size: 16px;

	}

}

@media only screen and ( max-width: 1199px ) and ( min-width: 768px ){

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p{

		font-size: 14px;

	}

	form .tx-bottom-content .tx-bottom-content-right .col-md-4 {

	    max-width: 100%;

	    flex: 0 0 100%;

	    padding: 0 15px !important;

	}

}

@media only screen and ( max-width: 998px ) and ( min-width: 768px ){

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p,

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p,

	form .tx-bottom-content .tx-sections .tx-col-texts .head-title{

		font-size: 16px;

	}

	.tx-bottom-content-right,

	.tx-bottom-content-left{

		width: 50%;

	}	

}

@media only screen and ( max-width: 998px ){



	.tx-juralith-form-wrapper form .tx-bottom-content .col-md-6 {

	    float: left;

	    max-width: 100%;

	    flex: 0 0 100%; 

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details h5{

		float: left;

		width: 100%;

	}

}

@media only screen and ( max-width: 767px ){



	form .tx-bottom-content .tx-bottom-content-right .col-md-4 {

	    max-width: 100%;

	    flex: 0 0 100%;

	    padding: 0 15px !important;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p strong,

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

		margin-bottom: 3px;

		width: 100%;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p{

		font-size: 18px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p span{

		margin-bottom: 10px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p:first-child,

	form .tx-bottom-content .tx-sections .tx-col-texts .head-title{

		font-size: 16px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p strong{

		font-size: 18px;

		float: left;

		margin: 15px 0;

	}

	.tx-bottom-content-right,

	.tx-bottom-content-left{

		width: 100%;

	}

	.tx-juralith-form-wrapper form .tx-sfg-bg {

	    margin-bottom: 0;

	}

	.tx-juralith-form-wrapper form .form-juralith-verbrachsrechner-first h4,

	.tx-juralith-form-wrapper form .productauswahl-row{

		margin-top: 20px;

	}

	.tx-juralith-form-wrapper form .productauswahl-row .col {

	    float: left;

	    max-width: 100%;

	    flex: 0 0 100%;

	    padding: 0 30px;

	}

	.tx-juralith-form-wrapper form .productauswahl-row h4{

		font-size: 22px;

	}

	.tx-juralith-form-wrapper form .productauswahl-row select#productauswahl{

		margin: 0 auto;

		width: 100%;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details p:first-child{

		margin-bottom: 0;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details ul li{

		font-size: 18px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .juralith-details h5{

		margin: 20px 0 0px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .tx-bnis-title{

		margin-top: 20px;

	}

	.tx-juralith-form-wrapper form .tx-bottom-content .empfohlene-detail p strong sup{

		font-size: 10px;

	}

}