.curserpfeil
{
  cursor: pointer;
}


.hinweis_login
{
background-color: red;
font-size: 16px;
color: #fff;
text-align: center;
margin: 10px;
padding: 5px;
}



.storno_button  {
background-color: red;
padding: 10px;
margin: 5px;
border-radius: 5px;
box-shadow: 0 0 5px 0 rgb(152, 151, 151);
}

.storno_button:hover {
      -webkit-transform: scale(1.01);
      -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
      -o-transform: scale(1.01);
      transform: scale(1.01);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
      }

#limit_chzn {
 width: 80px!important;
}


.passenger_flugart  {
text-align: center;
padding: 10px;
color: #fff;
}

.passenger_name {
font-size: x-large;
text-align: center;

}

.passenger_phone  {
text-align: center;
width: 100%;
border-bottom: 0.5px gray solid;
margin-bottom: 10px;
}


.passenger_main {
         display: flex;
  		flex-wrap: wrap;
  		justify-content: center;
 
   
        }

.passenger_innen {
  width: 360px;
  margin: 5px;
  padding: 5px;
  border-radius: 10px;
  height: fit-content;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 4px 0 rgba(0, 0, 0, 0.19);
  
        }


.cat_main {
         display: flex;
  		flex-wrap: wrap;
  		justify-content: center;

        }

.cat_innen {

 background-color: #363f48;
  width: 350px;
  margin: 5px;
  border-radius: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
  
        }

.cat_title {
font-size: 24px;
color: #fff;
text-align: center;
padding: 20px;
            
        }

.cat_pic {
  overflow: hidden;
}

.cat_innen:hover {
      -webkit-transform: scale(1.01);
      -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
      -o-transform: scale(1.01);
      transform: scale(1.01);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
      }





#sb_images {
          height: 200px;
          overflow: hidden;
          
  		width: 100%;
        }

.sb_flugart_text_title {
/* position: absolute!important; */

}










#offline {
  background-color: red;
}

.btn_tabelle, input[type=submit] {
  height: 50px!important;
background-color: rgba(0, 108, 185);
width: 150px;
margin: 5px;
float: left;
  font-size: 14px;
}

input[type=submit], input[type=submit]:link, #tabelle:link, #tabelle, #btnSubmit.link, #btnSubmit {
     
    
    border:0 none;
  	color: #fff!important;
  	font-size: 14px;
    
    
}


.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

/* This is just for CodePen. */

.form {
	max-width: 600px;
	
	margin: 8px auto;
	padding: 16px;
}







/*--------Accordion-------*/

#termin, #startplatz, #kapazität, #gewicht, #preis, #flugart, #images, #image {
display: none;
}




.wrap { height: auto; width: 100%;  }
.accordion h6{
  color:#fff;
  text-align:center;
  font-weight: 300;
} 
.accordion {
  width: 100%;
  margin: auto;
   
}
.accordion .panel {
  width: 98%;
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  overflow:hidden;
  color: rgba(0, 0, 0, 0);
  background-color: hsla(0,0%,100%,0);
  line-height: 28px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 1.0s;
}


.accordion label {
  cursor: pointer;
  background-color: #0075c9;
  display: block;
  padding: 15px;
  width: 100%;
  color: #fff;
  font-weight: 400;
  box-sizing: border-box;
  z-index: 100;
    transition: 0.5s;
}

.accordion input{
  display: none;
}

.accordion input:checked+label {
  background-color: hsla(200,80%,50%,0.9);
}

.accordion input:checked+label:before {
  transition: 0.5s;
}

.accordion input:checked~.panel {
  height: auto;
  color: #333;
  font-size: 16px;
  padding: 20px;
  transition: 0.5s;
}

.accordion label:after {  color: white; float: right; font-size: 1.6em}
.accordion input:checked+label:after {  color: white; float: right;font-size: 1.6em}

/*--------Accordion-------*/










.eb_booking_event_bild {
margin: 20px;

}


.eb_booking_text {
  width: 250px;
  display: inline-block; 
  border-top: 1px solid red; 
  border-bottom: 1px solid red;
  
  height: 30px;
  margin: 20px 10px;
  float: left;
  
}

.eb_booking_icons {
width: 30px;
  height: 30px;
  margin: 20px 10px;
  float: left;
}

.eb_booking_flex {
  
  display: flex;
	flex-direction: row;  
  	justify-content : center
      
}



#eb_booking_date {
width: 50%;
float: left;
text-align: right;

}




.informationbox {
        display:    block;
        position:   absolute;
        background: #fafafa;
        color:      #444;
        border:     1px solid #444;
        padding:    10px;
    }


#ampel-column {
position: relative;
top: -130px;
}


.css-ampel {
display: inline-block;
width: 100%;
height: 30px;
border-radius: 6px;
position: relative;
zoom: 0.8;
font-size: 22px;
}

.css-ampel span,
.css-ampel:before,
.css-ampel:after {
    content: "";
    color: white;
    position: absolute;
    border-radius: 15px;
    width: 22px;
    height: 22px;
    top: 4px;
}    

.css-ampel:before {
    right: 67px;
    background-color: red;
    background-color: dimgrey;
}

.css-ampel:after {
    right: 39px;
    background-color: yellow;
    background-color: dimgrey;
}

.css-ampel span {
    right: 11px;
    background-color: limegreen;
    background-color: dimgrey;
}    

.ampelrot:before {
    background-color: red;
    box-shadow: 0 0 20px red;
}

.ampelgelb:after {
    background-color: yellow;
    box-shadow: 0 0 20px yellow;
}

.ampelgruen span {
    background-color: limegreen;
    box-shadow: 0 0 20px limegreen;
}



.ampelrotblinkend:before {
    animation-name: rotblinkend;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;    
} 
    
@keyframes rotblinkend {
    0% {  
        background-color: dimgrey;
    }
    30% {  
        background-color: dimgrey;
    }
    40% {  
        background-color: red;
        box-shadow: 0 0 20px red;
    }
    100% {  
        background-color: red;
        box-shadow: 0 0 20px red;
    }
}

.ampelgelbblinkend:after {
    animation-name: gelbblinkend;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;    
} 
    
@keyframes gelbblinkend {
    0% {  
        background-color: dimgrey;
    }
    30% {  
        background-color: dimgrey;
    }
    40% {  
        background-color: yellow;
        box-shadow: 0 0 20px yellow;
    }
    100% {  
        background-color: yellow;
        box-shadow: 0 0 20px yellow;
    }
}


.ampelgruenblinkend span {
    animation-name: gruenblinkend;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;    
} 
    
@keyframes gruenblinkend {
    0% {  
        background-color: dimgrey;
    }
    30% {  
        background-color: dimgrey;
    }
    40% {  
        background-color: limegreen;
        box-shadow: 0 0 20px limegreen;
    }
    100% {  
        background-color: green;
        box-shadow: 0 0 20px green;
    }
}





#storno {
border-bottom: 1px solid gray;
margin: 0px 10px 10px 10px;
}



.eventname {
font-size: 24px;
padding: 10px;
border-bottom: 1px solid gray;
margin: 10px;
}



.eb_booking_selfevent_daten {
  width: 100%;
text-align: center;
margin-left: 10px;
}


  
  .eb_booking_event_gesamt {
 	margin: 0px 0px 20px 0px;
    display: flex; 
      justify-content: flex-start; 
    border-radius: 20px;
    border: 0.5px solid rgb(179, 179, 179);

       }

  
.eventname, .eventname:a {
  background-color: gray;
color: #fff!important;
font-size: 20px;
padding: 5px; 
  
}




.osbtdheader {
background: #0075c9!important;
height: unset;
padding: 10px;
font-weight: 700;
text-transform: none;
color: #fff!important;
text-align: center;
}



        .Beschreibungen_gesamt {
  
       display: flex;
       justify-content: center;
        flex-wrap: wrap;
       }


       .jd_beschreibungen_links {
  
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        width:100%;
        border: 0px gray solid;
        padding: 0px;
        border-radius: 0px;
        



        }


        .jd_beschreibungen_vid {
        width: 330px;
        margin: 0px 3px;
        }

        .jd_beschreibungen_mitte {

        flex-grow: 1; 
        width: 600px; 
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;

        }

        .jd_beschreibungen_rechts {
         flex-grow: 0; 
        height: 100%;
        width:100%;
          
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;
      }

        .Beschreibungen_gesamt :nth-child(1) { order: 3; }
        .Beschreibungen_gesamt :nth-child(2) { order: 2; }
        .Beschreibungen_gesamt :nth-child(3) { order: 1; }




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

 
    .jd-page-heading {
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        }

    .jd_flugart_head {
        width: 100%;
        margin: 0px 0px 20px 0px;
        }




     .eb_proper_gesamt {
      display: flex; 
      flex-wrap: wrap; 
      justify-content: flex-start; 
      justify-content: center;

      }



      .event_image-links {

        box-shadow: none!important;
        }

         .eb_proper_1 {
width: 100%;
flex-grow: 0;
margin: 10px;
flex-grow: 0;
height: 100%;
width: 100%;
border: 0.3px gray solid;
padding: 20px;
border-radius: 20px;
margin: 10px 0px;
}

          .eb_proper_2 {
            flex-grow: 1; 
           max-width: 100%;
                      }

        .eb_proper_3 {
width: 100%;
flex-grow: 0;
margin: 10px;
flex-grow: 0;
height: 100%;
width: 100%;
border: 0.3px gray solid;
padding: 20px;
border-radius: 20px;
margin: 10px 0px;
}

            .eb_proper_3_innen {
            padding: 30px 0px 20px 0px;       
             }



        .eb_proper_gesamt :nth-child(1) { order: 2; }
        .eb_proper_gesamt :nth-child(2) { order: 1; }
        .eb_proper_gesamt :nth-child(3) { order: 3; }

 }





@media screen and (min-width: 992px) { 
    
    .jd-page-heading {
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
          font-size: 12px;
        }

    .jd_flugart_head {
        width: 100%;
        margin: 0px 0px 20px 0px;
        }

  

  .eb_proper_gesamt {
      display: flex; 
      flex-wrap: wrap; 
      justify-content: flex-start; 
      justify-content: center;

      }

          .eb_proper_1 {
            width: 230px; 
            flex-grow: 0; 
            }

          .eb_proper_2 {
            flex-grow: 1; 
            max-width: 680px;
                      }

        .eb_proper_3 {
width: 230px;
flex-grow: 0;

}

            .eb_proper_3_innen {
            padding: 30px 0px 20px 0px;
            }

        .eb_proper_gesamt :nth-child(1) { order: 1; }
        .eb_proper_gesamt :nth-child(2) { order: 2; }
        .eb_proper_gesamt :nth-child(3) { order: 3; }




       .Beschreibungen_gesamt {
  
       display: flex;
       justify-content: center;
        flex-wrap: wrap;
       }


       .jd_beschreibungen_links {
  
        flex-grow: 0;
        width:170px;
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;
        }

        .jd_beschreibungen_vid {
          width: 100%;
        }


        .jd_beschreibungen_mitte {

        flex-grow: 1; 
        width: 600px; 
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;

        }

        .jd_beschreibungen_rechts {
         flex-grow: 0; 
        height: 100%;
        width:100%;
          
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;
        }


        .Beschreibungen_gesamt :nth-child(1) { order: 3; }
        .Beschreibungen_gesamt :nth-child(2) { order: 2; }
        .Beschreibungen_gesamt :nth-child(3) { order: 1; }

}





@media screen and (min-width: 1200px) { 
  

  
  
  
  

    .jd-page-heading {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
          font-size: 30px;
        }

    .jd_flugart_head {
        
        width: 690px;
        margin: 0px 0px 20px 0px;
       }

  .eb_proper_gesamt {
      display: flex; 
      flex-wrap: wrap; 
      justify-content: flex-start; 
      justify-content: center;

      }

          .eb_proper_1 {
            width: 230px; 
            flex-grow: 0; 
            }

          .eb_proper_2 {
            flex-grow: 1; 
            max-width: 690px;
                      }

          .eb_proper_3 {
        	 width: 220px;
			flex-grow: 0;
			 padding-left: 10px;
            }

          .eb_proper_3_innen {
            padding: 0px 0px 0px 30px;
            color: grey;
            line-height: 30px;
            }

        .eb_proper_gesamt :nth-child(1) { order: 1; }
        .eb_proper_gesamt :nth-child(2) { order: 2; }
        .eb_proper_gesamt :nth-child(3) { order: 3; }




   .Beschreibungen_gesamt {
  
       display: flex;
       justify-content: center;
        flex-wrap: wrap;
       }


       .jd_beschreibungen_links {
  
        flex-grow: 0;
        width:170px;
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;
        }

        .jd_beschreibungen_vid {
          width: 100%;
        }


        .jd_beschreibungen_mitte {

        flex-grow: 1; 
        width: 600px; 
        border: 0.3px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;

        }

        .jd_beschreibungen_rechts {
         flex-grow: 0; 
        height: 100%;
        width:170px;
          
        border: 1px gray solid;
        padding: 20px;
        border-radius: 20px;
        margin: 3px;
        }
        .Beschreibungen_gesamt :nth-child(1) { order: 1; }
        .Beschreibungen_gesamt :nth-child(2) { order: 2; }
        .Beschreibungen_gesamt :nth-child(3) { order: 3; }



 }






a[href*="view-map" i], a[href*="shop" i]:after{
    text-decoration: underline!important;
}

.jd-heading {
  
  display: flex;
  flex-direction: column;
  align-items: center;

}

.jd_flugart_head {    
        text-align: center;
        
        color: gray;
        }







.jd_taskbar {
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap;
}






.eb_proper_2_inner {
}


.eb_proper_1_inner {
  padding: 0px 10px 0px 0px;
}






.jd_flugtermintag_head {
text-align: center;
font-weight: 600;
margin: 0px 0px 10px 0px;
}





.object-fit { 
	width: 100%; 
	height: 300px; 
	margin: 4em auto; 
	border:1px solid green;
}
.object-fit img { 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}

.bildinfo  {
float: left;
width: 100%;
/* border-bottom: 1px solid white; */
margin-bottom: 10px;
font-size: small;
}







.event-daten-rechts
{

background-color: rgba(255, 255, 255, 0.48);
padding: 10px;
margin: 10px;
}



.jd_flugart {
width: 150px;
  height: 60px;
  float: left;
}


.event_image-links
{
float: left;
width: 100%;
height: 420px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
  box-shadow: 0 0 10px lightgray;
}


.event_image {
  width: 100%;
  
}




.jd_icon-image {
  width: 25px;
  margin-right: 3px;
}


.jd_icon_wunschtermin {
margin-left: auto;
margin-right: auto;
width: 100px;
  margin-top: 40px;
}



#jd-th-alles {
height: 260px;
padding: 20px;
}


.jd_flugtermintag, .jd_flugtermintag:hover
{
text-align: center;
font-size: xx-large;
/* height: 40px; */
padding: 10px;
}

.jd_flugtermindatum, .jd_flugtermindatum:hover
{
text-align: center;
font-size: small;

}

.jd_flugterminwochentag, .jd_flugterminwochentag:hover
{
text-align: center;
height: 20px;
}


.eb_eventtitel {
  font-size: larger;
  margin-bottom: 10px;
  font-weight: bold;
}





.jd_flugtermin, .jd_flugtermin:hover  {
position: absolute!important;
padding: 30px;
/* filter: brightness(0) invert(1)!important; */
z-index: 900;
background-color: rgba(41, 41, 41, 0.42);
border-radius: 100px!important;
height: 100px;
width: 100px;
color: #fff;
font-size: large;
margin: 10px;
}


#warteliste {
  color: #fff;
}
#uhr {
  display:inline;
}

#jd-col-data-uhr {
  padding: 5px 10px 10px 10px!important;
}
.jd-col-alles:hover, .item2:hover {

  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;

 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);!important;
}

.item2:hover


.button_simple {
  float: right;
}
.jd_ev_like {

}


.jd_new_info {
width: 90%;
position: absolute!important;
left: 0px;
font-size: 10px;
top: 100px;
color: #fff;
z-index: 900;
text-shadow: 0 0 10px #000;
text-align: left;
padding: 2px 10px 2px 10px;
}

.jd_flugart_text_title {
width: 90%;
position: absolute!important;
left: 0px;
font-size: 16px;
top: 10px;
color: #fff;
z-index: 900;
text-shadow: 0 0 10px #000;
text-align: left;
padding: 2px 10px 2px 10px;
}

.jd_flugart_text {
width: auto;
position: absolute!important;
left: 0px;
bottom: 10px;
color: #fff;
z-index: 900;
text-shadow: 0 0 20px #000;
text-align: center;
padding: 2px 10px 2px 10px;
}


.jd_flugart_weiss, .jd_flugart_weiss:hover  {
width: 100px;
position: absolute!important;
right: 10px;
bottom: 10px;
filter: brightness(0) invert(1)!important;
z-index: 900;
}



#phone {
margin-right: 0px;
}


.jd_icon_ptrike {
  width: 200px;
}

.accordion_back {
  background-color: #fafafa;
}
.jd_icon_withe {
vertical-align: top;
width: 20px;
margin-right: 10px;
filter: invert(100%);
    transition: 1.0s;
}




.jd_ev_new_cluster {
border-bottom: 1px solid #cdcdcd;
padding: 5px;
min-height: 50px;
}

.btn.btn-small.btn-success.eb-colorbox-addlocation.cboxElement {
background-color: #fff;
color: #000;
border: none;
height: 40px;
border: 1px solid #fff;
}

.JD_BILDWAHL {

}

.JD_DAT_TIME {
  font-size: 14px !important;

}



.jd_new_properties {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-bottom: 20px;
}

.jd_location {
background-color: #fff;
padding: 0px 10px 0px 10px!important;
color: #000;
}

#recurring_type, #location_id {
background-color: #fff!important;
border: 0px solid #fff!important;
width: 260px!important;
text-align: center;
}


.JD_terminwiederholung_innen {
margin-left: auto;
margin-right: auto;
max-width: 800px;
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
}

.jd_ev_termin_innen {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 450px;
}

.jd_title_form {
  text-align: center;
}

.jd_input_title {
width: 100%;
}


#main_category_id {
font-weight: 600;
padding: 0px 0px 0px 5px;
/* font-size: 24px; */
/* text-align: center!important; */
/* line-height: 30px; */
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
color: rgb(72, 72, 72);
overflow-x: hidden;
overflow-y: hidden;
/* text-transform: uppercase; */
white-space: nowrap;
margin-bottom: 0px;
background-color: #fff!important;
border: 0px solid #fff!important;
}

.jd_categorywahl {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}

.jd-event-description {
}

@media (min-width: 767px) 
{
  .jd_table_img_small .jd_table_img_small_pic{
visibility: hidden;
height: 0px;
  }
}

@media (max-width: 767px) 
{

.jd_ev_info_cluster {
width: calc(100% - 10px)!important;
  }

#eb-event-info table {
width: 100%;
}
  
.jd_table_img {
visibility: hidden;
width: 0px!important;
padding-left: 0px!important;
}

.jd_ev_info_cluster {
  margin-left: 0px!important;
}
}

.jd_table_event {
width: calc(100% - 25px);  
}

.jd_icon {
vertical-align: top;
width: 20px;
margin-right: 10px;
margin-bottom: 5px;
}

.jd_table_img {
  width: 50%;
}


#startplatz {
width: 100%!important;
float: none!important;
margin: 0px;
}


.jd_ev_info_cluster {
border-bottom: 1px solid #cdcdcd;
padding: 5px;
margin-left: 15px;
min-height: 50px;
}


#jd-col-alles-colum {
padding-bottom: 10px;
  min-height: 200px;
}


.ausgebucht_colum {
position: relative;
top: -130px;
z-index: 500;
  height: 0px;
}

#eventtablecontainer {
  width:100%;
  background-color: yellow;
}

#eventdatatable {
max-width: 600px;
float: left;
}

#eventinfo {
background-color: gray;
max-width: 500px;
  float: right;
  
}

.component-content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;  
  
}

.field-calendar {
  float: left;
  width: 200px;
}

.eb-social-sharing-buttons .btn {
margin: 5px 5px 5px 0px;
padding: 5px 20px;
}
.eb-social-sharing-buttons i.fa {
font-size: inherit;
}

.eb-events-timeline .eb-taskbar {
border-bottom: 0px solid #a5a5a5!important;
}

.eb-event-date-day {
width: 65px;
text-align: center;
}

#individual_price {
  
  width: 70px!important;
}

#short_description {
width: 100%;
height: 60px!important;
  background-color: #fff!important;
border: 1px solid rgb(229, 229, 229) !important;
text-align: left!important; 
}

#params_gewicht {

  width: 100px!important;
  background-color: #fff!important;
border: 1px solid rgb(229, 229, 229) !important;
text-align: left!important;  
}

#params_JD, #params_JSW, #params_JSH, #params_mD {
width: 50px!important;
background-color: #fff!important;
border: 1px solid rgb(229, 229, 229) !important;
text-align: left!important;  
  
}

#Alter{
width: 50px!important;
}



#total_amount, #tax_amount, #amount  {
  
  background-color: inherit!important;
  color: black!important;
  border: 0px solid!important;
}

#jd-anmeldung-gewicht, #field_Gutscheinnummer, #field_phone, #field_WielangedauertdeineAnfahrt, #jd-anmeldung-alter { 
margin-bottom: 30px!important;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid rgb(165, 165, 165);

background-image: linear-gradient(to top, rgb(252, 252, 252) 0%, #fff 50%)
}


select {
  background-color: #fafafa!important;
  border: 1px solid #cecece!important;
  padding: 4px 5px 4px 10px;
  width: 323px!important; 
}

@media (max-width: 767px) 
{
  .jd-anmeldung-vorname, .jd-anmeldung-name, .jd-anmeldung-email, .jd-anmeldung-phone, .jd-anmeldung-comment, .jd-anmeldung-gs, .jd_gs_nr, select {
     width: 100%!important; 
  	}
}

@media (max-width: 767px) 
{
  select {
     width: 100%!important;
  }
  	
}

  .jd-anmeldung-vorname, .jd-anmeldung-name, .jd-anmeldung-email, .jd-anmeldung-phone, .jd-anmeldung-comment, .jd-anmeldung-gs, .jd_gs_nr {
     width: 300px; 
  	}
  

  
h4 {
  font-size: 20px!important;
  background-color: #fff;
  
  line-height: 20px;
  padding: 20px 20px 20px 10px;
  margin: 0px;
}

.zzahl {
margin-bottom: 20px;
margin-top: 10px;

}

.eb-event-date-day {

font-size: 12px!important;

}



.jd-anmeldung-fahrt, .jd-anmeldung-gewicht, .jd-anmeldung-groesse {
   width: 50px;
}

.input-append, .input-append input {
  width: 150px!important;
}


.jd_ev_datum {
font-weight: 300;
/* padding: 10px; */
font-size: 20px;
text-align: center;
/* line-height: 30px; */
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
color: rgb(72, 72, 72);
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
/* text-transform: uppercase; */
white-space: nowrap;
margin-bottom: 10px;
}

.jd_hinweis_sp {
padding: 20px;
background-color: rgb(240, 240, 240);
font-size: 18px;
margin-top: 10px;
}

.jd_ev_region {
font-weight: 800;
padding: 0px;
font-size: 24px;
text-align: center;
line-height: 30px;
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
color: rgb(72, 72, 72);
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: 0px;
}



.event_informationen {
  margin-top: 20px;
}
.eb-social-sharing-buttons {
margin-top: 0px!important;
float: left;
width: 100%;
}
}

@media (min-width: 1224px)
{
	.info_table {
 	 float: left;
 	 width: 60%;
	}

	.event_standart_leistungen {
 	float: right;
  	width: 35%
	}
}


.form-horizontal .control-group {
margin-bottom: 5px!important;
}

img.eb-thumb-left {
min-height: 63px;
  width: 100%;
}

.uhrzeit {
width: 40px!important;
background-color: #fff!important;
border: 1px solid rgb(229, 229, 229) !important;
text-align: center!important;  
}

.datum {
width: 120px!important;
background-color: #fff!important;
border: 1px solid rgb(229, 229, 229) !important;
text-align: center!important;  
  
}




.advancedSelect {
 width: 250px;
}
.btn-jd_small {
 background-color: #fff;
}

.jd_fplist {
margin: 5px;
width: 320px;
float: left;
}

.jd_location {
  padding: 10px 5px;
}

.eventimageinput
 {
padding: 5px;
margin-bottom: 10px;
background: rgb(246, 246, 246);
}


.form-horizontal .controls {
margin-right: 23px!important;
}

.jd_title_form:focus {
background-image: linear-gradient(to right, white 70%, #fafafa 100%);
border: 1px solid #f6f6f6 !important;
box-shadow: none!important;
}

.jd_title_form:hover {
background-image: linear-gradient(to right, white 70%, #fafafa 100%);
border: 1px solid #f6f6f6 !important;
}

.jd_title_form {
background-color: #fff!important;
height: 60px!important;
border: 0px solid #fff!important;
padding: 5px 0px 5px 0px!important;
width: 98%!important;
word-wrap: break-word !important;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
font-size: 16px !important;
letter-spacing: -0.6px !important;
font-weight: 100!important;
font-size: 46px!important;
line-height: 46px!important;

}


.jd_loc_width {
  width: 100%;
}

.jd-col-title-container {
width: 100%!important;
}

.jd-kurzbeschreibung {
background-color: rgb(244, 244, 244);
padding: 10px;
margin-top: 5px;
}

.jd-klick-bottom-center {
  
  z-index: 900;
}

.ausgebucht {
position: absolute;
top: 10px;

}

.jd-col-Terminid {
font-size: 10px;
text-align: right;
padding-right: 20px;
color: gray;
}

.pagination {
text-align: center;
}


.jd-col-data-region {
padding: 10px;
font-size: 16px;
text-align: center;
line-height: 16px;
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
color: rgb(72, 72, 72);
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
}

.jd-col-gesamt {
margin-bottom:20px;

}


.jd-col-bild-text {
height: 100px;
position: relative;
padding: 10px;
}

.jd-col-pos-top {
 position: absolute;
 top: 0px;
 z-index: 500;
}


.jd-col-data {
font-weight: normal;
font-size: 14px;
line-height: 18px;
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
color: #fff;
padding: 5px 10px 0px 10px;
}


.jd-col-title-container {
width: 260px;
padding: 0px 10px;
/* padding: 10px; */
/* font-size: 12px; */
/* text-align: center; */
line-height: 16px;
letter-spacing: normal;
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
/* color: rgb(72, 72, 72); */
/* overflow-x: hidden; */
/* overflow-y: hidden; */
/* text-overflow: ellipsis; */
/* white-space: nowrap; */
/* margin-bottom: 10px; */
}

.jd-col-title-text {  
  color: #0075c9;
font-size: 17px;
line-height: 21px;
max-height: 42px;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4px;
}



#jd-col-img-detail-container div:hover {
/* max-height: 200px; */
/* transition: max-height 0.8s ease-in; */
filter: none;
}

#jd-col-img-detail-container div {
max-height: 180px;
/* transition: max-height 0.15s ease-out; */
position: relative;
overflow: hidden;
}


.btn.btn-primary, a.btn {
margin-right: 1px;
}


.jd-kurzbeschreibung:link {
  color: #0075c9;
}

.jd-event-date-title-container {
visibility: hidden;
}
.jd-event-title-container {

color: #fff;
position: absolute;
font-size: 30px;
margin: 10px;
  text-shadow: 0 0 40px black;
}

}

.jd-event-description {
  margin: 5px!important;
}



#jd-img-detail-container div{
	max-height: 250px;
    transition: max-height 1.55s ease-in;
    overflow: hidden;

}

#jd-img-detail-container div:hover {
	max-height: 800px;
    transition: max-height 0.55 ease-out;
filter:none;
}

.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
border-radius: 0px;
}

div.span12 {
padding: 0px!important;
}

.jd-overheader {
font-size: 12px;
text-transform: uppercase;
}





.eb-dates {

font-size: 14px;
}


.freieplaetze {
  
margin-top: 10px!important;  
}

.shortdesc {
padding: 10px;
color: #0075c9;
}

.btn:hover .btn:link .eb-taskbar .btn.btn-primary:hover, a.btn:hover {
background-color: rgba(0, 108, 185, 0.81)!important;
border: 1px solid rgba(0, 108, 185, 0.81)!important; 
box-shadow: 0 0 5px rgb(198, 198, 198);
  
}

.btn.btn-primary, a.btn {
font-size: 14px !important;
color: #fff!important;
background-color: #0075c9;
border: 1px solid #0075c9;
padding: 5px;
float: left;
}



.eb-taskbar .eb-events-timeline .eb-taskbar:link .eb-events-timeline:visited .eb-taskbar:link .eb-taskbar:visited {
background-color: #0075c9!important;
color: #fff!important;
margin-top: 0px!important;
}


.event_login:hover {
  cursor: pointer;
  background-color: #006cb9;
}

.event_login {
background-color: #0075c9;
text-align: center;
color: #fff;
padding: 10px;
padding: 10px; 
}


.jd-category {
width: -webkit-max-content;
z-index: 1000;
text-align: center;
position: absolute;
right: 0px!important;
margin-top: 40px!important;
background-color: #fff;
padding: 5px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}



.text-info.eb-notice-message {
color: #0075c9!important;
padding: 10px!important;
text-align: center;
font-size: 16px!important;
font-weight: normal;
background-color: whitesmoke;
}

.component-content .pagination ul li a, .component-content .pagination ul li span {
line-height: 20px!important;
}

.eb-notice-message {
font-size: 14px;
font-weight: normal;
margin-top: 10px;
color: green;
}


#eb-event-page .eb-description {
border-bottom: 0px solid #DBDEE1;
border-left: 0px solid #DBDEE1;
border-right: 0px solid #DBDEE1;
}



.btn {
font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  text-transform: none!important;
}

#extcalendar .tableh2 {
background: #fff;
}

#extcalendar .previousday, #extcalendar .previousweek, #extcalendar .nextday, #extcalendar .nextweek {
background-color: #0075c9;
}

#extcalendar .currentweek {
background-color: #0075c9;
color: #fff!important;
}

h1.eb-page-heading {
margin-bottom: 10px!important;
}

p.info {
    visibility: hidden!important;
	padding: 0px;
	border: 0px solid;
}

.eb-event-thumb {
    height: 150px;
    width: 100%;
    overflow: hidden !important;
}