@charset "utf-8";
/* CSS Document */
.page-node-14896 .alert {display: none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(2), .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) {width: 50%;float: left;clear: none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(4){clear: both;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(2) .paragraph .black, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph{height:335px;overflow: hidden; background-color: #000;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph{padding: 3rem 4rem;color:#fff;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph .field--label{font-weight: normal;font-size:0;margin: 0 0 8px;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph .field--label:before{content:"Bitte Land und Postleitzahl eingeben.";font-size:20px;text-transform: initial;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item .control-label{display: none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item.form-item-country{width: 45%; float: left;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item.form-item-country .select-wrapper{width: 100%;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item.form-item-zipcode{width:17%; float: left;margin: 0 2.5%;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item input, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item select{width: 100%;display: block;height: 45px;border-radius: 0;border:1px solid #fff;outline:none;box-shadow: none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item input:hover, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item select:hover, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item input:focus, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-item select:focus{border-color:#fff;box-shadow: none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph .view-empty{display: none;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph .view-content{background-color: #333;padding: 12px;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-actions{width: 33%; float: left;}
.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-actions button{width: 100%; display: block;margin: 0;height: 45px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background-color: #fff; color: #000;border-color: #fff;}

.adm-plz-serach-pg .email a{font-weight: normal;}

.region-navigation #edit-type {display:none;}


#navbar .form-submit{font-size: 0;background: none!important;border:0;margin: 0!important;    position: relative;
	z-index: 9;    padding:6px 0;}
#navbar .form-submit::before{content: '';width: 34px;height: 34px;display: block;background: url(https://yljdzl.com/static/default/za/v2/images/search.png)no-repeat center center/contain;}

#navbar .views-exposed-form .input-group input{transform:translateX(100%);transition: .5s;transform-origin: 0 -100%;visibility: hidden;}

#navbar .views-exposed-form{position: absolute;bottom: 0;right: 120px;z-index: 999;top: 28px;overflow: hidden;}
#navbar .views-exposed-form input{border:none!important;border-radius:0!important;position: relative; right: -30px;opacity: 0;transition:transform .5s;width:0!important;transform: scaleX(0);
	transform-origin: 100% 50%;background-image:url(https://yljdzl.com/static/default/za/v2/images/search1.png);
	background-position: left 10px center;padding-left: 35px!important;padding-right: 35px!important;background-repeat: no-repeat;background-size: 18px;}
#navbar .views-exposed-form form:hover input{transform: scaleX(1);opacity: 1;width:100%!important;}
#navbar .views-exposed-form form:hover .form-submit{opacity: 0;}


.view ul.pagination.js-pager__items{display: block;text-align: left;float: left;width: 100%;margin: 30px 0 20px;}
.view ul.pagination.js-pager__items li.pager__item{display: inline-block;float: left;}
.view ul.pagination.js-pager__items li.pager__item a{background:transparent;color: #000;font-weight: 400;text-decoration: underline;padding: 0 7px;border-right: 1px solid #000;}
.view ul.pagination.js-pager__items li.pager__item.active a{font-weight: bold;}
.view ul.pagination.js-pager__items li.pager__item:last-child a{border:none;}
.view ul.pagination.js-pager__items li.pager__item a:hover, .view ul.pagination.js-pager__items li.pager__item a:focus{text-decoration: none;}

.path-search .main-container{background-image: radial-gradient(circle at top left, #f2f2f2, #777);margin-top: 200px;padding: 15px;}
.path-search .main-container ol.breadcrumb{background:transparent;float: left;width: 100%;display: block;}
.result_pg_search {text-align: center;margin: 70px 0;float: left;width: 100%;}
.result_pg_search form .form-inline{position: relative;display: inline-block;}
.result_pg_search form .form-inline .form-item.js-form-item.form-type-search-api-autocomplete, .result_pg_search form .form-inline .form-item.js-form-item.form-type-search-api-autocomplete .input-group{width: 100%; display: block;}
.hd-srch.view-search.view-id-search .views-field.views-field-search-api-excerpt .field-content{text-align: justify;display: block;}
.result_pg_search form .form-inline .form-item input.form-text{width:100%;border:1px solid #000; font-size: 32px; color: #000;border-radius: 0;height: 45px;padding: 6px 75px 6px 12px;letter-spacing: 1px;background:transparent;font-weight: 300;}
.result_pg_search form .form-inline .form-actions{position: absolute;right: 0; top: 0; height: 45px;width: 45px;}
.result_pg_search form .form-inline .form-actions:before{content: ">";display: block;height: 35px;line-height: 31px;font-size: 30px; border: 1px solid #000;border-radius: 50%;width: 35px;top: 4px;position:absolute;right: 10px;}
.result_pg_search form .form-inline .form-actions button.button.form-submit{font-size: 0;height: 45px;margin: 0;    border: none;padding: 0;width: 39px;background: transparent;position: relative;right: 5px;}


.hd-srh-rw.views-row {float: left;display: block;width: 100%;}
.view-display-id-page_1 .view-content{
	/*
    display: block;
    float: left;

      width: calc(50% - 55px);
      margin-right: 10px;
      margin-left: 35px;
      border: 1px solid green;
      */

	display: block;
	float: left;
	clear: both;
	width: calc(50% - 55px);
	margin-right: 10px;
	margin-left: 35px;
}

.attachment-after{
	/*
    border: 1px solid red;


  clear: both;
  position: relative;
    float: left;
    left:50%;
    top:0;
    margin: 0 30px 0 0;
    width: calc(50% - 50px);

  */


	/* clear: both; */
	position: relative;
	float: left;
	/* left: 50%; */
	top: 0;
	margin: 0 30px 0 30px;
	width: calc(50% - 50px);
}

p:last-child.result-pdf{
	margin-bottom: 30px;

}


.attachment-after .view-content{

	display: block;
	width:100%;
	float: left;
	margin-left: 0px;

}

.hd-srch .pager-nav{
	margin-left: 30px;

	clear: both;
	position: absolute;
	bottom: 0;
	margin-bottom: 30px;
}


.hd-srch.view-search.view-id-search .views-field.views-field-title {margin:0 0 15px;}
.hd-srch.view-search.view-id-search .views-field.views-field-search-api-excerpt{margin:0 0 30px;}
.hd-srch.view-search.view-id-search .views-field.views-field-title .field-content a{font-size: 32px;color: #000;letter-spacing: 1px;line-height: 40px;font-weight: 300;}
.hd-srch.view-search.view-id-search .views-field .paragraphs-content-wrapper{width:100%; float: left;display: block;margin:0 0 15px;}
.hd-srch.view-search.view-id-search .views-field .paragraphs-content-wrapper:after{display: none;}
.hd-srch.view-search.view-id-search .views-field .paragraphs-content-wrapper, .hd-srch.view-search.view-id-search .views-field .paragraphs-content-wrapper .summary-content{height: 72px;}


#edit-type .form-radios{margin:40px 0 0;float:left;width:100%;display:block;text-align: left;}
#edit-type .form-radios .form-item.form-type-radio{position:relative;margin: 0 15px 0 0;}
#edit-type .form-radios .form-item.form-type-radio input[type="radio"].form-radio{margin: 0;width: 15px;height: 15px;position: relative;top: 4px;opacity: 0;z-index: 999;cursor: pointer;}
#edit-type .form-radios .form-item.form-type-radio input[type="radio"].form-radio:checked + label:before{background: #000;}
#edit-type .form-radios .form-item.form-type-radio label{position: relative;line-height: 24px;}
#edit-type .form-radios .form-item.form-type-radio label:before{content: " ";border: 1px solid #000;position: absolute;height: 15px;width: 15px;border-radius: 50%;left: -19px;top: 5px;}


ul.ct_bread_crubs{padding: 0;margin: 0 0 45px;list-style-type: none;float: left;width: 100%;display: block;clear: both;}
ul.ct_bread_crubs li {display: inline-block;float: left;margin-right: 5px;}

.views-field-search-api-excerpt a{font-weight: normal;}


/************ RESPONSIVE CSS STARTS HERE ********************/
@media (max-width:579px){
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph {padding:1rem !important;}
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph form.views-exposed-form .form-actions button{font-size: 14px;padding: 0;}
	/*.come-in .col-xs-12 {padding:2rem !important;}*/
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph .field--label::before {font-size: 16px;}
}
@media (max-width:767px){
	.hd-srch.view.view-search.view-id-search{width: 100%;padding-right: 0;margin: 0 0 40px;}
	#edit-type .form-radios{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content: center;flex-wrap: wrap;}
	#edit-type .form-radios .form-item.form-type-radio{margin: 0 5px;}
	#edit-type .form-radios .form-item.form-type-radio label{padding-left: 5px;}
}
@media (max-width:991px){
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(2), .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3){width: 100%;}
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(2) .paragraph .black, .page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph {height: auto;}
	/*.come-in .col-xs-12 {padding:3rem;}*/
	.page-node-14896 .landingpage .content > .field > .field--item:nth-child(3) .paragraph{padding:2rem;}
}

@media (min-width:992px) and (max-width:1199px){
	.come-in p.h5-fakeheadline{font-size: 16px;}
}

/************ RESPONSIVE CSS ENDS HERE ********************/
