/*
  Template Name: Pixal - Creative Multipurpose Template
  Template URI: http://devitems.com
  Description: Creative Multipurpose Template
  Author: Hasthemes
  Author URI: http://devitems.com
  Version: 1.0

*/
/*================================================
[  Table of contents  ]
================================================

  1. Import Default & Template CSS
  2. Custom CSS Goes Here

======================================
[ End table content ]
======================================*/

/*--
    1. Import Default & Template CSS
----------------------------------------*/
/*Default*/
@import url('css/default.css');
/*Buttons*/
@import url('css/shortcode/buttons.css');
/*Headers*/
@import url('css/shortcode/header.css');
/*Templates*/
@import url('css/template/creative.css');
@import url('css/template/corporate.css');
@import url('css/template/restaurant.css');
@import url('css/template/minimal.css');
@import url('css/template/photography.css');

/*--
    2. Custom CSS Goes Here
----------------------------------------*//* Global: Alle Texte in Candara */
      body,
      .navbar,
      .nav-link,
      .card,
      .card-title,
      .card-text {
        font-family: "Candara", sans-serif;
      }
      /* Navigation: Weißer Text und bei Hover kaminrot (#8B0000) */
      .navbar .nav-link {
        color: #ffffff;
      }
      .navbar .nav-link:hover {
        color: #8B0000;
      }
      /* Bild und Bildunterschrift links ausgerichtet */
      figure.blog-img {
        float: left;
        max-width: 470px;
        margin: 0 20px 20px 0;
      }
      figure.blog-img figcaption {
        font-size: 0.7em;
        text-align: left;
        color: #666;
      }
      /* Blogvorschau: Karten mit dunkelgrauem Hintergrund (#343a40) und weißem Text */
      .blog-preview .card {
        background-color: #343a40;
        color: #ffffff;
      }
      .blog-preview .card .card-title,
      .blog-preview .card .card-text {
        color: #ffffff;
      }
      a {
            text-decoration: none; /* Kein Unterstrich standardmäßig */

        }

        a:hover {
            text-decoration: underline; /* Unterstrich erscheint beim Hover */
        }
        img.sammy {
          width: 60px;
          border-radius: 30px;
          float: left;
          margin-right: 10px;
          margin-bottom: 10px;
        

        }
        img.d-inline-block{
          width: 48px;
          border-radius: 5px;
          margin-right: 20;

        }
        img.img-fluid{
          border-radius: 5px;
        }