/*--------------------------------------------------------------------------------------------------------------------
 * 1. Imports
 * 2. General Styles
 *  2.1 Main Classes
 *  2.2 Navigation
 *  2.3 Slider
 *  2.4 Main
 *  2.5 Footer
 *  2.6 Header
 *--------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------------
 * 1. Imports
 *--------------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
@import '../css/bootstrap.css';
@import '../css/font-awesome.min.css';
@import '../css/animate.css';
@import '../css/owl.carousel.min.css';
@import '../css/owl.theme.default.min.css';

/*--------------------------------------------------------------------------------------------------------------------
  * 2. General Styles
  *--------------------------------------------------------------------------------------------------------------------*/


/*
  * 2.1 Main Classes
  *--------------*/

* {
  outline: none !important;
  font-family: 'Architects Daughter', cursive;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #777;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  background: #fff;
  /*url("../images/background.png") repeat top left;
   background-size: 20rem 20rem;*/
  padding-bottom: 0px;
}

hr {
  background-color: #4e342e;
}

.relative {
  position: relative !important;
}

.height-100p {
  height: 100%;
}

.word-break-all {
  word-break: break-all;
}


/*
  * 2.2 Navigation
  *--------------------*/

.navbar-underline {
  background-color: white;
  text-align: center;
  padding: 0px !important;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.7);
}

.navbar-underline .navbar-nav {
  padding: 0rem;
}

.navbar-underline .navbar-nav .navbar-item {
  padding: 0rem;
}

.navbar-underline .navbar-nav .nav-link {
  color: #777777;
  border-bottom: 0.2rem solid transparent;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.5rem;
}

.navbar-underline .navbar-nav .nav-link:hover {
  color: #801815;
  border-bottom-color: #801815;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128,23,21, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/*
  * 2.3 Slider
  *--------------------*/

.main-slider {
  margin: 0rem;
}

.main-slider img {
  overflow-x: hidden;
}


/*
  * 2.4 Main
  *--------------------*/

main {
  background: #fff;
}

main .main-text-container-main {
  color: #4e342e;
  background-color: #ffe0b2;
  padding: 1rem;
  border: 0.5rem solid #fff;
  text-align: center;
}

main .main-text-container-seite {
  color: #4e342e;
  background-color: #ffe0b2;
  padding: 1rem;
  border: 0.5rem solid #fff;
  text-align: center;
}

main .main-text-container-seite a {
  text-decoration: underline #4e342e;
  color: #4e342e;
}
main .main-text-container-seite a:hover {
  text-decoration: underline #4e342e;
  color: #4e342e;
  font-weight:bold;
}

main {
  margin-top: 0.5rem;
  margin-left: 0rem;
  margin-right: 0rem;
}

main .row {
  margin: 0rem;
  padding: 0rem;
}


/*
  * 2.5 Footer
  *--------------------*/

footer {
  background: #fff;
  margin-top: 0rem;
  margin-bottom: 1rem;
  margin-left: 0rem;
  margin-right: 0rem;
  padding: 0rem;
}

.footer-nav a {
  color: #4e342e;
  background-color: #ffe0b2;
  border-bottom: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
  font-size: 1.5rem;
  margin: 0.5rem;
}

.footer-nav a:hover {
  color: #ffe0b2;
  background-color: #4e342e;
  text-decoration: none;
}

.footer-nav .active {
  color: #ffe0b2;
  background-color: #4e342e;
}

footer .row {
  background-color: #ffe0b2;
  color: #4e342e;
  padding: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  text-align: center;
}

footer .row a {
  color: #4e342e;
  ;
  text-decoration: none;
}

footer .row a:hover {
  color: #4e342e;
  text-decoration: none;
  font-weight: bold;
}


/*
  * 2.6 Header
  *--------------------*/

header {
  margin-top: 2rem;
}

.header-text {
  padding: 1rem;
  color: #4e342e;
}

.header-nav {
  margin-top: 2rem;
}

.header-nav a {
  color: #4e342e;
  background-color: #ffe0b2;
  border-bottom: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
  font-size: 1.5rem;
  margin: 0.5rem;
}

.header-nav .active {
  color: #ffe0b2;
  background-color: #4e342e;
}

.header-nav a:hover {
  color: #ffe0b2;
  background-color: #4e342e;
  text-decoration: none;
}