alignment, beauty and UX fixes

templates/course.hamlet

@@ -14,7 +14,7 @@
       <tr>
         <th #website>Website
         <td>
-          <a href=#{link}>#{link}
+          <a href=#{link} target="_blank" rel="noopener" title="Website des Kurses">#{link}
     <tr>
       <th #participants>Teilnehmer
       <td>

templates/standalone/inputs.lucius

@@ -11,7 +11,7 @@ form {
   grid-template-columns: 1fr 3fr;
   grid-gap: 5px;
   justify-content: flex-start;
-  align-items: center;
+  align-items: flex-start;
   padding: 4px;
   border-left: 2px solid transparent;
 
@@ -22,6 +22,7 @@ form {
 
 .form-group__label {
   font-weight: 600;
+  padding-top: 6px;
 }
 
 .form-group--required {
@@ -110,6 +111,7 @@ textarea {
   border: 1px solid #dbdbdb;
   border-radius: 2px;
   box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05);
+  vertical-align: top;
 }
 
 textarea:focus {

templates/widgets/breadcrumbs.lucius

@@ -2,7 +2,7 @@
   position: relative;
   color: var(--color-font);
   margin-left: 40px;
-  margin-top: 20px;
+  margin-top: 25px;
 }
 
 @media (max-width: 768px) {

templates/widgets/navbar.lucius

@@ -161,7 +161,6 @@
 }
 
 .navbar__list-item--active .navbar__link-wrapper {
-  pointer-events: none;
   color: var(--color-dark);
 }