/* Individuelle Anpassungen und Ergänzungen bitte nur hier einfügen! */




body {/*background:#000;*/}

h1, h2, h3, h4, h5, h6 {/*font-weight:bold;*/}

hr {/*background-color:#000;*/}

a.btn, button.btn, input.btn, .btn a, span.ikiss-field-button input {}
.btn.eventbtn {}

table {/*background-color:transparent;*/}
table tr {/*border-bottom:none;*/}
table th {/*background-color:transparent;border-bottom:none;*/}

::-webkit-input-placeholder {/*color:#000;opacity:1;*/}
::-moz-placeholder {/*color:#000;opacity:1;*/}
:-ms-input-placeholder {/*color:#000;opacity:1;*/}
:-moz-placeholder {/*color:#000;opacity:1;*/}

.einleitung {/*display:block !important;font-style:italic;margin-bottom:20px;*/}

.pagenav a {/*text-decoration:none;*/}

/* Datepicker */
.ui-datepicker {/*background-color:#fff;*/}
.ui-datepicker .ui-datepicker-header {/*background-color:#000;*/}
.ui-datepicker th {/*background-color:#000;border-top:1px solid #fff;*/}
.ui-datepicker-calendar td:hover a {/*background-color:#000;*/}
.ui-datepicker-calendar a.ui-state-active {/*color:#000;*/}

/* Volltextsuche */
.vt_anchor {/*text-decoration:none;color:#000;*/}

/* VOLLTEXTSUCHE - AUTOCOMPLETE */
.ui-helper-hidden-accessible {display:none;}
.ui-widget {font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight:300;z-index:1000;}
.ui-widget.ui-widget-content.ui-autocomplete {width:100% !important;max-width:465px;overflow:auto;border:none !important;color:#080808 !important;background-color:#F5F5F5 !important;padding:15px 0;margin:10px 0 0 0;/*-webkit-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);*/filter:none;}
/*.ui-menu .ui-menu-item {border-bottom:1px solid #e5e5e5;}*/
.ui-menu .ui-menu-item:hover {color:#fff;background:#15789F !important;border:none !important;/*border-bottom:1px solid #f0f0f0 !important;*/}
.ui-menu .ui-menu-item-wrapper {padding:5px 15px;}
.ui-menu .ui-menu-item-wrapper:hover {color:#fff;background:#15789F !important;border:none !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border:none !important;color:#fff;background:#15789F !important;font-weight:400 !important;}
ul.ui-autocomplete {list-style:none !important}



/* Post-it Inhaltsseite */ 

.postit_text {
font-family: marydale, sans-serif; 
font-weight: 400; 
font-style: normal; 
 margin:20px;
 width:270px;
 padding:15px;
 background:#f0f0f0;
 background: #f0f0f0 linear-gradient(150deg, #efefef 0%, #ddd 100%);
 border: 1px solid #cccccc;
 -webkit-box-shadow: 1px 1px 20px 0 #000000;
 -moz-box-shadow: 1px 1px 20px 0 #000000;
 box-shadow: 1px 1px 20px 0 #000000;
 transform:rotate(4deg);
}
 
  
.postit_text h2 {
 font-size: 1.5em;
 text-align:center;
 margin: 0.5em 0 0;
 padding-top:10px;
 line-height:1em;
 font-weight:bold;
 color: #5d5d5d!important;
} 
   
.postit_text p {
 font-size: 1.1em;   
 margin: 0.5em 0;
 text-align:left;
 color: #5d5d5d!important;
}
  
  
.postit_text a {
 margin: 0.5em 0;
 text-align:left;
 color: #5d5d5d!important;
}

.postit_text ul {
 list-style: none;
 padding: 0;
}

.postit_text li {
 font-size: 1.1em;    
 padding-left: 1.3em;
 padding-bottom:0.8em;
}

.postit_text li:before {
 font-family: "Font Awesome 5 Pro"; font-weight: 400;
 content: "\f14a";
 display: inline-block;
 margin-left: -1.3em; 
 width: 1.3em; 
 }

.postit_text::before {
 content: "";
 background-color: rgba(0,0,0,0.025);
 position: absolute;
 width: 100%;
 left: 0px;
 top: 0;
 height: 60px;
 z-index: -1;
} 
  
.notes_text::before {
 background: #0069B4 radial-gradient(at 8px 8px, rgba(255,255,255,0), rgba(0,0,0,0.5));
 width: 24px;
 height: 24px;
 border-radius: 50%;
 position: absolute;
 top: 5px;
 left: calc(50% - 12px);
 box-shadow: 4px 4px 3px rgba(0,0,0,0.5);
}  
  
 
 .postit_text::after {
  content:"";
  position: absolute;
  bottom: 0;
  right: -4px;
  width: 100%;
  height: 140px;
  background-image: linear-gradient(173deg, rgba(0,0,0,0) 92%,
  rgba(0,0,0,0.4) 100%);
  transform: rotate(6deg);
  z-index: -1;
  filter: blur(2px);
} 
    

 .postit_text:hover {transform:scale(1.1);}




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

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

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

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

