/*  ==================================================================
	HIER KOMMEN DEINE AUSGELAGERTEN CSS BEFEHLE REIN =================
	==================================================================  */
	
/************************ FILTER ***************************/	
/************************ FILTER ***************************/	
/************************ FILTER ***************************/	


.filter .et_pb_section {
	background-color: transparent;
}	

.filter .et_pb_module {
	margin-bottom: 8px !important;
}

.filter,
.filter .et_pb_section {
	padding: 0 !important;
}

.filter .et_pb_row{
	padding: 15px !important;
	width: 100% !important;
}
	
.filter-titel {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.filter label {
	color: #fff;
}


.filter .filter-button,
.filter-loeschen-button	{
	padding: 10px 15px !important;
	color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 3px;
  font-size: 19px;
  background-color: #FB6216;
}
	
.form-control {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 20px;
}

.form-control + .form-control {
  margin-top: 1em;
}

.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: #FB6216;
  width: 25px;
  height: 25px;
  border: 1px solid #FB6216;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  background-color: #FB6216;

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: #fff;
}

input[type="checkbox"]:checked::before {
  transform: scale(1.2);
}
/*
input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
*/  
  
  input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}
  
  
 /************************ FILTER ***************************/	
 /************************ FILTER ***************************/	 
  
 /************************ FILTER ***************************/	 	
	
	
	
	
	
	
	
	

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 999;
    width: 300px;
  top: -5px;
  right: 105%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


.pointer {
	cursor: pointer !important;
}






 








/*********************BLOG********************/
/*********************BLOG********************/
/*********************BLOG********************/
/*********************BLOG********************/

 .dd-blog-07 .et_pb_post a.entry-featured-image-url img {
    float: left;
    width: 48%;
    height: 264px;
    object-fit: cover;
    padding-right: 35px;
  }
  
  
  .dd-blog-07 .et_pb_post .entry-featured-image-url {
	display: inline;
	position: relative;
	margin-bottom: 30px;
}
  
  .dd-blog-07 .et_pb_post {
    padding: 32px;
    background: #f2f2f2; 
  }
  
  .dd-blog-07 .et_pb_post .post-content a.more-link {
    position: absolute;
    right: 12px;
    bottom: 12px;
    text-transform: capitalize;
  }
  
  .dd-blog-07 .et_pb_post .post-content-inner p {
    margin-bottom: 24px;
   
  }
  
  .dd-blog-07 .et_pb_post .post-meta,
  .dd-blog-07 .et_pb_post  .entry-title,
  .dd-blog-07 .et_pb_post .post-content-inner p {
 margin-left: 48%;
}



 .dd-blog-07 .et_pb_post .post-meta {
	 font-size: 14px;
 }

  @media (max-width: 980px) {
    .dd-blog-07 .et_pb_post a.entry-featured-image-url img {
      float: inherit;
      margin: 0;
      width: 100% !important;
    }
    
    .dd-blog-07 .et_pb_post {
      padding: 24px !important;
    }
  }

.dd-blog-16 article.et_pb_post {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 32px;
    background: #f2f2f2;
    transition: .3s all;
  }
  
  .dd-blog-16 article.et_pb_post:hover {
    transform: scale(1.05);
  }
  
  .dd-blog-16 .et_pb_post .entry-featured-image-url {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0 !important;
  }

  .dd-blog-16 .et_pb_post .entry-title {
    width: 48%;
  }

  .dd-blog-16 .et_pb_post .post-meta {
    margin-top: 12px;
    width: 48%;
  }

  @media (max-width: 767px) {
    
    .dd-blog-16 article.et_pb_post {
      padding: 24px !important;
    }
    .dd-blog-16 .entry-featured-image-url,
    .dd-blog-16 .entry-title {
      width: 100% !important;
    }
    
    .dd-blog-16 .entry-featured-image-url {
      margin-right: 0 !important;
    }
    
    .dd-blog-16 .entry-title {
      margin-top: 12px !important;
    }
  }
  
  
  
  
  
  
  
  
  
  
  
/*********************HOME BLOG********************/  
/*********************HOME BLOG********************/  
/*********************HOME BLOG********************/  
/*********************HOME BLOG********************/



.free-blog-list-2 .column.size-1of1 {
    width: 100%!important;
}
.free-blog-list-2 .post-content>* {
    display: none!important;
}
.free-blog-list-2 .et_pb_post .post-content:after, .free-blog-list-2.free-blog-border .et_pb_post:after {
  background: inherit;
    content: '';
    display: block;
    position: absolute!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: none;
}
.free-blog-list-2 .et_pb_post {
    position: relative;
    height: 300px;
    overflow: hidden!important;
    padding: 35px 40px!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.et_pb_gutters1 .free-blog-list-2 .et_pb_post {
    margin: 0!important;
}
.free-blog-list-2 .et_pb_post>* {
    z-index: 10;
  position: relative;
}
.free-blog-list-2 .et_pb_image_container, .free-blog-list-2 .entry-featured-image-url {
    position: absolute!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0!important;
    z-index: 0!important;
}
.free-blog-list-2.free-hover .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1)!important;
}

.free-blog-list-2.free-blog-border .et_pb_post {
    padding: 35px!important;
}
.free-blog-list-2.free-blog-border .et_pb_post:after {
    outline: 4px double rgba(255, 255, 255, 0.76);
    outline-offset: -20px;
  z-index: 10!important;
  position: relative;
background: none!important;
}
@media only screen and (min-width: 768px) {
  .free-blog-list-2.free-blog-big .et_pb_post {
      height: 600px!important;
  }
  .free-blog-list-2.free-blog-medium .et_pb_post {
      height: 500px!important;
  }
  .free-blog-list-2.free-blog-border .et_pb_post:after {
      outline-offset: -25px!important;
  }
  .free-blog-list-2.free-blog-border .et_pb_post {
      padding: 50px!important;
  }
}
.free-blog-list-2.free-blog-all-center .et_pb_post {
    justify-content: center!important;
    text-align: center!important;
}
.free-blog-list-2.free-blog-title-center .entry-title {
    position: absolute!important;
    transform: translate(-50%, -50%)!important;
    left: 50%!important;
    top: 50%!important;
    bottom: auto!important;
    right: auto!important;
    text-align: center;
    width: 100%!important;
    max-width: 520px!important;
padding-left: inherit;
    padding-right: inherit;
}
.free-blog-list-2.free-blog-title-center .post-meta {
    text-align: center;
}









.free-blog-list-3 .et_pb_image_container {
    float: left!important;
    margin-right: 16px!important;
  margin-left: 0!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
}
.free-blog-list-3 .et_pb_image_container>a {
    margin-bottom: 0!important;
  margin-right: 0!important;
}
.free-blog-list-3 .et_pb_post {
    margin-bottom: 0!important;
    padding: 12px 0!important;
}

.free-blog-list-3 .et_pb_post:first-child  {
  margin-bottom: 0 !important;
  padding: 12px 0 !important;
  padding-top: 0!important;
}

.free-blog-list-3 .column:first-child .et_pb_post:first-child {
    padding-top: 0!important;
}

.free-blog-list-3 .column {
    width: 100%!important;
margin-bottom: 0!important;
}
.free-blog-list-3 .et_main_video_container {
    object-fit: cover;
    width: 60px!important;
    height: 50px!important;
    min-width: 0!important;
    pointer-events: none!important;
    float: left;
    margin: 0 15px 0 0!important;
}
.free-blog-list-3.free-medium .et_main_video_container {
    width: 110px!important;
    height: 73px!important;
}
.free-blog-list-3 .et_main_video_container .et_pb_video_overlay_hover {
    display: none!important;
}



  
  
  


.et_pb_blog_1 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1)!important;
    overflow: hidden;
}
  
  
 .free-blog-list-2 .post-meta, .et_pb_column_2 {
  	margin-bottom: 0!important
  }

  .free-blog-list-2 .et_pb_post, .free-blog-list-2 .et_pb_post .post-content *, .free-blog-list-2 .et_pb_post .entry-title a, .free-blog-list-2 .not-found-title {
  	color: #FFFFFF!important
  }
  .free-blog-list-2 .et_pb_post .entry-title, .free-blog-list-2 .not-found-title {
  	font-size: 28px!important;
  	line-height: 1.2em!important
  }
  .free-blog-list-2 .et_pb_post .post-meta, .free-blog-list-2 .et_pb_post .post-meta a, #left-area .free-blog-list-2 .et_pb_post .post-meta, #left-area .free-blog-list-2 .et_pb_post .post-meta a {
  	font-weight: 700;
  	font-size: 11px;
  	color: #FFFFFF!important;
  	line-height: 1.69em
  }
  .free-blog-list-2 {
  	background-color: RGBA(0, 0, 0, 0);
  	margin-bottom: -42px!important
  }
  .free-blog-list-2 .entry-title {
  	padding-bottom: 12px!important
  }
  .free-blog-list-2 .post-content {
  	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 1%, rgba(0, 0, 0, 0.51) 78%, rgba(0, 0, 0, 0.8) 100%);
  	position: static!important;
  	z-index: 1!important
  }
  .free-blog-list-2 .entry-featured-image-url img {
  	height: 100%!important;
  	object-fit: cover!important;
  	transition: all 0.3s ease
  }




  .et_pb_blog_1 .et_pb_post .entry-title, .et_pb_blog_1 .not-found-title,
  .et_pb_blog_2 .et_pb_post .entry-title, .et_pb_blog_1 .not-found-title {
  	font-size: 20px!important;
  	line-height: 1.3em!important;
  	font-weight: normal;
  }
  .et_pb_blog_2 .et_pb_post .post-meta, .et_pb_blog_2 .et_pb_post .post-meta a, #left-area .et_pb_blog_2 .et_pb_post .post-meta, #left-area .et_pb_blog_2 .et_pb_post .post-meta a,
  .et_pb_blog_1 .et_pb_post .post-meta, .et_pb_blog_1 .et_pb_post .post-meta a, #left-area .et_pb_blog_1 .et_pb_post .post-meta, #left-area .et_pb_blog_1 .et_pb_post .post-meta a {
  	text-transform: uppercase;
  	font-size: 11px;
  	color: #5e5e5e !important;
  	line-height: 1.5em
  }
  .et_pb_blog_2 .et_pb_blog_grid .et_pb_post,
  .et_pb_blog_1 .et_pb_blog_grid .et_pb_post {
  	border-width: 0px;
  	border-style: solid;
  	border-color: #d8d8d8;
  	background-color: rgba(0, 0, 0, 0)
  }
  .et_pb_blog_2 ,
  .et_pb_blog_1 {
  	margin-bottom: 0px!important!important
  }
  .et_pb_blog_2 .entry-title,
  .et_pb_blog_1 .entry-title {
  	padding-bottom: 8px!important
  }
  .et_pb_blog_2 .post-meta,
  .et_pb_blog_1 .post-meta {
  	margin-bottom: -10px!important
  }
  .et_pb_blog_2 .entry-featured-image-url img,
  .et_pb_blog_1 .entry-featured-image-url img {
  	object-fit: cover;
  	width: 170px!important;
  	height: 81px!important;
  	min-width: 0!important;
    transition: all 0.3s ease;
 }






  @media only screen and (max-width:980px) {

  	.et_pb_blog_0 {
  		margin-bottom: 0px!important
  	}

  }
  @media only screen and (max-width:767px) {
  	.et_pb_blog_0 .et_pb_post .entry-title, .et_pb_blog_0 .not-found-title {
  		font-size: 23px!important
  	}
  }
  
.et_pb_blog_2 .et_pb_post .entry-featured-image-url ,
  .et_pb_blog_1 .et_pb_post .entry-featured-image-url {
    float: left !important;
  margin-right: 16px !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
}
  
  

/*********************BLOG ENDE********************/
/*********************BLOG ENDE********************/
/*********************BLOG ENDE********************/
/*********************BLOG ENDE********************/



.nav li ul {
  width: 450px !important;
}
.nav li li {
  line-height: 1em !important;
}
.et-menu li li a {
  width: 410px !important;
}


.tiere_grid_reserviert_inner p {
	font-size: 45px !important;
}




/*********************TIERE GRID********************/
/*********************TIERE GRID********************/
/*********************TIERE GRID********************/
/*********************TIERE GRID********************/

.tiere_grid  .column.size-1of3, 
 .tiere_grid  .column.size-1of3 {
    width: 30.3333% !important;
    margin-right: 3% !important;
    padding: 0 !important;
  }
   .tiere_grid .et_pb_post {
    padding: 0 !important;
    margin-bottom: 30px !important;
    width: 30.3333% !important;
    margin-right: 3% !important;
    float: left;
  }
  
  
  .tiere_grid_column {
  padding-top: 200px;
  padding-bottom: 200px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  z-index: 2;
  min-height: 1px;
  mix-blend-mode: unset !important;
  width: 100%;
  }
 



  
  .tiere_grid_reserviert {
  margin-bottom: 9.27%;

  text-align: center;
  font-weight: 800;
  font-size: 30px;
  position: absolute !important;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  word-wrap: break-word;
  animation-timing-function: linear;
  animation-duration: .2s;
  }
  
.tiere_grid_reserviert_inner p {
	color: #E02B20 !important; 
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
  }
  
  .tiere_grid_name {
	  color: #FFFFFF !important;
	  text-align: left;
	  background-color: rgba(2,2,2,0.7);
	  padding-top: 5px !important;
  padding-right: 15px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  width: 100%;
  width: 100%;
  position: absolute !important;
  bottom: 0px;
  top: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  word-wrap: break-word;
  animation-timing-function: linear;
  animation-duration: .2s;
  }
  
  .tiere_grid_name_inner p {
	color: #FFFFFF !important; 
	font-weight: 700;
  }


.tiere_grid_notfall {
	font-weight: 700;
  background-color: #E02B20;
  padding-top: 5px !important;
  padding-right: 15px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  position: absolute !important;
  top: 0px;
  bottom: auto;
  right: 0px;
  left: auto;
}


.tiere_grid_notfall_inner p {
	font-weight: 700;
	color: #FFFFFF !important; 
}



/*********************CF7 FORM ********************/
/*********************CF7 FORM ********************/
/*********************CF7 FORM ********************/
/*********************CF7 FORM ********************/



/* Submit Button CF7 CSS Styles */

.wpcf7 input[type=submit] {
    padding:15px 45px; 
    background:#FF0000;
    color:#fff;
    font-size:20px;
    font-weight:bold; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/* File Upload Button CF7 CSS Styles */

.wpcf7 input[type=file] {
    padding:15px 25px; 
    background:#abffa9;
    color:#000;
    font-size:18px;
    border:1px solid #79c777;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}

/* Label Text Contact Form 7 CSS Styles */

.wpcf7 label {
   padding: 0 0 10px 0;

}

/* Text Input Field Contact Form 7 Styles */

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 .wpcf7-select {
    font-size:18px;
       border-radius: 3px;
   border: 1px solid #999;
}


/* Textarea Field CF7 CSS Styles */

.wpcf7 textarea {
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
   border: 1px solid #999;
}



/* Turn an input box into an input line */

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
   border:none;
   box-shadow:none;
   border-radius: 3px;
   border: 1px solid #999;
}


/* Change input field styles when click into (on focus) 

.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus {
   background-color:yellow;
   border:none;
}



.wpcf7 input[type=text]:active, .wpcf7 input[type=email]:active, .wpcf7 input[type=tel]:active {
   background-color:gold;
}
*/

/* Change the width a drop down menu */

.wpcf7 .wpcf7-select {
   width:100%; /* you can use pixels, em, rem, % to determine the width */
   font-size:18px;
}

/* Change the color of drop down menu text */

.wpcf7-select {
    background-color:#ffffff; /* it won't work without a background color set */
    color:#028002;
}



/* Radio button styles*/

.wpcf7 input[type="radio"] {
  position: absolute !important;
  left: -9999px !important;
}

.wpcf7-radio span.wpcf7-list-item-label {
  position: relative;
  padding-left: 33px;
}

.wpcf7-radio span.wpcf7-list-item-label:before  {
  content: '';
  background: #cecece;
  width: 15px;
  height:15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  border: 4px solid #cecece;
}

.wpcf7 input[type=radio]:not(old):checked + span:before {
  background: orange;
}


/* Make checkboxes and radio boxes align vertically instead of horizontally */

span.wpcf7-list-item {display: block;}


/* Placeholder text styles */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: red;
  font-size:18px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
  font-size:18px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: red;
  font-size:18px;
}
:-moz-placeholder { /* Firefox 18- */
  color: red;
  font-size:18px;
}


/* Thank you message CSS styles */

.wpcf7-response-output {
    border:1px solid gray;
    background-color:#ececec;
    font-size:18px;
    color:black;
    border-radius:5px;
    -webkit-border-radius: 5px;
    padding: 20px !important;
}


/* After form submission, change the background color of any required input field to red-ish */

.wpcf7-not-valid {
     background-color:#ef8888;
}


.uacf7-next,
.uacf7-prev {
  background-color: #F95300;
  color: #fff;
  border: 0;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 7px;
	
}

/*********************CF7 FORM ENDE ********************/
/*********************CF7 FORM ENDE ********************/
/*********************CF7 FORM ENDE ********************/
/*********************CF7 FORM ENDE ********************/




/*********************TIERE GRID ENDE********************/
/*********************TIERE GRID ENDE********************/
/*********************TIERE GRID ENDE********************/









/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1110px ) and ( max-width: 1260px) { 
    /* hier dein css einfügen */
    



}

/* Tablets in Landscape-Modus zwischen (981-1110px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1110px ) { 
    /* hier dein css einfügen */
    


}

/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* hier dein css einfügen */
    
.tiere_grid .et_pb_post {
  padding: 0 !important;
  margin-bottom: 30px !important;
  width: 44.25% !important;
  margin-right: 5.5% !important;
  float: left;
}
}

/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* hier dein css einfügen */
.tiere_grid .et_pb_post {
  padding: 0 !important;
  margin-bottom: 30px !important;
  width: 100% !important;
  margin-right: 0% !important;
  float: left;
}	
	
}

/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* hier dein css einfügen */
.tiere_grid .et_pb_post {
  padding: 0 !important;
  margin-bottom: 30px !important;
  width: 100% !important;
  margin-right: 0% !important;
  float: left;
}	

}