<style>
.card-title .ttitle, .ttitle h3 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:20px; cursor:pointer;}
.toggleTitel {white-space: normal !important; overflow:visible !important; text-overflow:clip !important;}
</style>
 
<script>
window.addEventListener('load', function(){
 
$(document.body).on('click', ".card-title", function(e) {
e.preventDefault();
$('.ttitle',this).toggleClass('toggleTitel');
});
 
$(document.body).on('click', "div.ttitle", function(e) {
e.preventDefault();
$('h3',this).toggleClass('toggleTitel');
});
 
})
</script>
 

<style>
.tooltip-inner {max-width: 290px !important;}
</style>
 
<script>
window.addEventListener('load', function ( ) {
function isMobile() {
 return $(window).width() < 768;
}
 
if (isMobile()) {
 var maxTitleLength = 34; // Länge Überlauf Mobil
}else {
 var maxTitleLength = 60; // Länge Überlauf Desktop
}
 
$('.actinfo a, .breadcrumb-item a, .breadcrumb-item.active').each(function() {
  var text = $(this).text();
  if (text.length > maxTitleLength) {
    if (!$(this).hasClass('active')) {
      text = text+'<br><i><small>Mit einem Klick mehr anzeigen!</small></i>'; // Hinweistext bei Verlinkungen
      $(this).addClass("disabledLink").attr('data-html', 'true');
    }
    $(this).attr('title', text).text(text.substr(0, maxTitleLength) + "&nbsp;...").tooltip();
  }
});
 
 
if (isMobile()) {
  var clickedDisabledLink = false;
  $('.disabledLink').on('click', function(e) {
    if (!clickedDisabledLink || clickedDisabledLink != this) {
      e.preventDefault();
      e.stopPropagation();
      clickedDisabledLink = this;
    }
  });
};
 
});
</script>
 

<style>
/**** Format Tooltipp ****/
.tooltip > .tooltip-inner  {
max-width: 290px !important;
/* border-radius:5px; */
/* font-size:13px !important; */
/* background-color: #2f6483; */
/* color: #ffffff; */
/* padding:10px; */
}
 
/**** Pfeilfarbe Tooltipp ****/
/*
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: #2f6483 !important;}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: #2f6483 !important;}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: #2f6483 !important;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-left-color: #2f6483 !important;}
*/
/* .arrow::before  {border: none !important} */
</style>
 
<script>
window.addEventListener('load', function ( ) {
// Mobil-Funktion
function isMobile() {
return $(window).width() < 768;
};
 
if (isMobile()) {
// Mobil - Überlauflänge
var maxTitleLength_1 = 45 // Länge Überlauf Kategorien-Titel + Foren-Titel + Themen-Titel + Beitragstitel + Überschrift + Album-Titel
var maxTitleLength_2 = 40 // Länge Überlauf AF
var maxTitleLength_3 = 30 // Länge Überlauf Pfad + Last-Titel
} else {
// Desktop - Überlauflänge
var maxTitleLength_1 = 75 // Länge Länge Überlauf Kategorien-Titel + Foren-Titel + Themen-Titel + Beitragstitel + Überschrift + Album-Titel
var maxTitleLength_2 = 60 // Länge Überlauf AF
var maxTitleLength_3 = 30 // Länge Überlauf Pfad + Last-Titel
};
// Für Links mit Hinweistext
function shorten(selector, maxLength) {
$(selector).each(function() {
var text = $(this).html();
if (text.length > maxLength) {
$(this).addClass('disabledLink red-tooltip');
if ($(this).attr('href')){
var textt = text +'<br><i><small>Mit einem Klick gehts weiter!</small></i>'; // Hinweistext bei Verlinkungen
}else{
var textt = $(this).text();
};
// Überlauf und Tooltipp
$(this).attr({'title': textt, 'data-html':'true'}).html(text.substr(0, maxLength) + "&nbsp;... ");
// Für Tooltipps ohne Verlinkung
if (isMobile()) {
$(this).tooltip({trigger: 'click'});
} else {
$(this).tooltip();
};
};
});
}; 
// Bereiche mit Überlauf
shorten('.ttitle a span, .card-header span.ttitle,.firstrow .ttitle.mt-2,.cat .card-header h5.card-title, .ftitle a, h3.page-header small', maxTitleLength_1);
shorten('.actinfo a', maxTitleLength_2);
shorten('.breadcrumb-item a:nth(1),.breadcrumb-item a:nth(2),.breadcrumb-item.active,.lasttitle a', maxTitleLength_3);
 
// Zweifach-Klick Mobil  
if (isMobile()) {
var clickedDisabledLink = false;
$('.disabledLink').on('click', function(e) {
if (!clickedDisabledLink || clickedDisabledLink != this) {
e.preventDefault();
e.stopPropagation();
clickedDisabledLink = this;
};
});
};
                   
});
</script>