* {font-family: "Open Sans", arial, verdana, sans-serif, "libre franklin";}
a.link_btn {
    box-shadow: none;
    color: #ffffff;
    font-size: 16px;
    background: #505050;
    padding: 0.84375em 0.875em 0.78125em;
}

a.link_btn:hover {
    color: #ffffff;  
	  background: #ababab;
    box-shadow: none;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Definition für 1000px Breite (Primary und Sidebar) auf Desktop */
@media screen and (min-width: 48em) {
.wrap {max-width: 1000px;}
/* Definition für 1000px Breite der Hauptnavigation auf Desktop */
.navigation-top .wrap {max-width: 1000px;}
/* Definition für 60& statt 58& Breite des Contentbereiches (Primary) auf Desktop */
.blog:not(.has-sidebar) #primary article, 
.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
.search:not(.has-sidebar) #primary article, 
.error404:not(.has-sidebar) #primary .page-content, 
.error404.has-sidebar #primary .page-content, 
body.page-two-column:not(.archive) #primary .entry-content, 
body.page-two-column #comments, 
.has-sidebar:not(.error404) #primary
{float: left; width: 64%;}
}

/* Definition für die Sidebar rechts statt links und 32& statt 36& */

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header,
 .has-sidebar #secondary {float: right; width: 32%;}

/* Definition für die Sidebar (rechts) auf Seiten mit zwei Spalten */

.pagesidebar {float:right; width: 32%;}

/** CTA button line remove **/
.entry-content a, 
.entry-content a:hover {
    box-shadow: none;
}

/** call-to-action button **/
.cta {
  background: #707070;
  background-image: -webkit-linear-gradient(top, #707070, #000000);
  background-image: -moz-linear-gradient(top, #707070, #000000);
  background-image: -ms-linear-gradient(top, #707070, #000000);
  background-image: -o-linear-gradient(top, #707070, #000000);
  background-image: linear-gradient(to bottom, #707070, #000000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.cta:hover {
  background: #ababab;
  background-image: -webkit-linear-gradient(top, #ababab, #505050);
  background-image: -moz-linear-gradient(top, #ababab, #505050);
  background-image: -ms-linear-gradient(top, #ababab, #505050);
  background-image: -o-linear-gradient(top, #ababab, #505050);
  background-image: linear-gradient(to bottom, #ababab, #505050);
  text-decoration: none;
}