/*
  Main CSS Stylesheet for TempErikaHP

  ########################################################################
*/
/*
  Variables
*/
/*
  ###########
  # General #
*/
@media (max-width: 576px) {
  /* Smaller than sm */
  .container {
    padding-left: 7px;
    padding-right: 7px; } }

.bg-blue {
  background-color: #0DA0FF; }

.bg-light-blue {
  background-color: #0CCCE8; }

.bg-turquoise {
  background-color: #00FFDA; }

.bg-lime-green {
  background-color: #0CE88A; }

.bg-green {
  background-color: #0DFF53; }

.bg-dark-gray {
  background-color: #282828; }

.bg-gray {
  background-color: #424242; }

@media (max-width: 767px) {
  /* Smaller than md */ }

/*
  ###########
  # NavBar #
*/
@media (min-width: 768px) {
  #nav .nav-item {
    padding-left: 1rem; } }

/*
  ###########
  # Heading #
*/
@media (max-width: 575px) {
  #main-heading {
    display: none; }
  #sub-heading {
    font-size: 2.5rem; } }

/*
  ############
  # Warning #
*/
.alert {
  display: flex; }

#warningWrapper {
  margin-top: .3rem;
  display: flex;
  align-items: bottom;
  margin-bottom: .7rem; }
  #warningWrapper .warningIcon {
    margin-right: 1rem;
    margin-top: -2px;
    font-size: 2rem;
    color: "#191919"; }

hr {
  margin-top: 0rem;
  margin-bottom: .5rem; }

/*
  ############
  # Carousel #
*/
@media (max-width: 767px) {
  #carouselContainer {
    padding: 0;
    width: 100%;
    max-width: none; }
  #carouselContainerFluid {
    padding: 0; } }

/*
  #########
  # Cards #
*/
.card-link {
  text-decoration: none;
  color: #343a40;
  font-weight: inherit; }

.img-card {
  height: 170px;
  overflow: hidden; }

/* # Modal #*/
.img-modal {
  width: 100%;
  height: 100%; }

/*
##################
# Ausdrucksmalen #
*/
.ausdrucksmalen-item-text {
  font-size: 1.5rem; }

.ausdrucksmalen-item-text-big {
  font-size: 2rem; }

/*
#########
# About #
*/
@media (max-width: 767px) {
  #summary-portrait-div {
    width: 95%;
    height: auto;
    margin: 0 auto; }
  #summary-heading-div {
    background: #fff;
    /*    border-top-left-radius:10%;
    border-top-right-radius:10%;*/
    word-break: break-all;
    margin-top: -5rem;
    padding-top: 1rem; }
  #about-h {
    padding-top: 0.5rem;
    text-align: left;
    font-size: 2.5rem; }
  #about-p {
    text-align: left; }
  #about-ul {
    justify-content: flex-start !important; } }

/*###########
  # Atelier #*/
@media (max-width: 767px) {
  #atelier-heading-div {
    word-break: break-all; } }

/*############
  # Partners #*/
#partnersRow {
  min-height: 5rem; }

/*###########
  # Footer #*/
.my_footerHeading {
  font-family: 'Roboto', sans-serif;
  color: #fff; }

.my_footerIcon {
  font-size: 1.5rem;
  font-weight: 400;
  color: #ccc; }

.my_footerText {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  color: #f8f9fa; }

.my_footerLinks .my_footerLinks:hover {
  text-decoration: none; }

@media (min-width: 768px) {
  #footer-contact-info {
    padding-top: 54px; } }

@media (max-width: 767px) {
  #footer-contact-info {
    padding-top: 1rem; } }

#copyrightContainerFluid {
  background-color: #1e1e1e; }

#copyrightRow {
  height: 2.5rem; }