/*
 Theme Name: Filomena-Theme
 Theme URI: http://www.filomena.ch
 Author: Katja
 Author URI: http://www.minya.ch
 */


@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');


/* Definition für die ganze Seite */

#body    {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    }


/* Definition für Logo/Header */

#logomiddle	{
    height: auto;
	}


/* Definition für Menu */

#menu	{
    border-top: 1px solid #740001;
    border-bottom: 1px solid #740001;
    height: auto;
	}

#menuleft	{
	}

#menumiddle	{
    }

#menuright	{
	}


/* Definition für Slider */

#slider	{
    height: 200px;
	}


/* Definition über mich */

#uebermich	{
	}

#uebermichBeitrag{
	}


/* Definition für Blog */

#blog{
}


/* Definition für Willkommen */

#hometext{
}


/* Definition für Start Seite Angebot */

#angebot    {
    }

#angebotBeitrag{
    }


/* Definition für Standart Beitrag */

#beitrag{
    }


/* Definition für Footer */

#Foot	{
	height: 200px;
	margin-bottom:20px;
    }

#Footleft	{
	}

#Footmiddle	{
	}

#Footright{
	}



/* Definition für Platzhalter */

#uebermichspace,
#beitragspace,
#angebotspace,
#hometextspace,
#blogspace
{
    }



/* Definition für Links */

a,
ul ul,
 li,
li,
ul,
ul
 {
    text-decoration: none;
    list-style: none;
    color: #740001;

}

a:hover
 {
    text-decoration: none;
    list-style: none;
    color: #ae0001;

}



/* Definition für Überschriften */

h1 { 
    font-size: 36px;
    color: #740001 ;

} /* 36px */
h2 { 
    font-size: 30px;
    color: #740001 ;


 } /* 28px */
h3 { 
    font-size: 22px;
    color: #740001 ;

 } /* 22px */

h4 {
    font-size: 36px;
    color: #ffffff;
    font-weight: 800;


} /* 36px */




/* Definition für Menü */

.navbar {
  background-color: #ffffff;

}
.navbar .navbar-brand {
  color: #740001;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ae0001 ;
}
.navbar .navbar-text {
  color: #740001;
}
.navbar .navbar-text a {
  color: #740001;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ae0001 ;
}
.navbar .navbar-nav .nav-link {
  color: #740001;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ae0001 ;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #ffffff;
  border-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #740001;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ae0001 ;
  background-color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #ffffff;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ae0001 ;
  background-color: #ffffff;
}
.navbar .navbar-toggle {
  border-color: #ffffff;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #740001;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #740001;
}
.navbar .navbar-link {
  color: #ae0001 ;
}
.navbar .navbar-link:hover {
  color: #ae0001 ;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ae0001;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ae0001 ;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ae0001 ;
    background-color: #ffffff;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ae0001;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ae0001 ;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ae0001 ;
    background-color: #ffffff;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ae0001;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ae0001 ;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ae0001 ;
    background-color: #ffffff;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ae0001;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ae0001 ;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ae0001 ;
    background-color: #ffffff;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ae0001;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ae0001 ;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ae0001 ;
  background-color: #ffffff;
}