/* Globals */

@import url('https://fonts.googleapis.com/css?family=Roboto');

.center {
	text-align: center;
}

/* Links */

a,
a:focus {
  color: #737373;
  text-decoration: none;
}

a:hover {
	color: #F4A989;
	text-decoration: none;
}

/* Colors */

.brand-main {
	color: #F4A989;
}

.brand-2 {
	color: #6B767C;
}

.brand-3 {
	color: #94A5AD;
}


/* Web Link Button */

.btn-weblink {
	color: #fff;
	background-color: #6B767C;
	border: none;
	border-radius: 0;
  font-size: 0.8rem;
}

.btn-weblink:hover,
.btn-weblink:focus {
	color: #fff;
	background-color: #F4A989;
	border: none;
	border-radius: 0;
}

/* Base structure */

html {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  color: #737373;
  font-family: 'Roboto', sans-serif;
}

/*
html::before {
  content: ' ';
  display: block;
  background-image: url(../img/noahklinik_kassel_bg_1_mobile.jpg);
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10; // This is pretty important.
}*/

#bg {
  background: url(https://noahklinik.de/wp-content/uploads/2021/05/Empfang-7608.jpg) no-repeat center center fixed;
  background-repeat: no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  position: static;
}

@media (max-width: 767px) {
#bg {
  background: url(https://noahklinik.de/wp-content/uploads/2021/05/Empfang-7608.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 88vh;
  min-height: 100%;
  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}

/* Padding for spacing */
.inner {
  padding: 2rem;
  height: auto;
}

/* Cover */

.cover {
    padding-top: 4rem;
    padding-bottom: 0.6rem;
}

/* Card Styles */

.card-heading {
  font-size: 1.25rem;
  line-height: 1.1;
}

/* Preloader */

#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #fff;
    z-index:9999;
}

#status {
    width:240px;
    height:240px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/logo_preload.svg); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-120px 0 0 -120px; /* is width and height divided by two */
}

/* Card Back Images */

#main_back {
    content:url(../img/main_back.png);
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
#main_back {
    content:url(../img/main_back_mobile.png);
    max-width: 100%;
    height: auto;
}}

#men_back {
    content:url(../img/men_back.png);
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
#men_back {
    content:url(../img/men_back_mobile.png);
    max-width: 100%;
    height: auto;
}}

#cosmetics_back {
    content:url(../img/cosmetics_back.png);
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
#cosmetics_back {
    content:url(../img/cosmetics_back_mobile.png);
    max-width: 100%;
    height: auto;
}}

/* Footer */

footer {
    background-color: rgba(255,255,255,.8);
    width: 100%;
    margin:0;
    padding:0;
    font-size: 0.8rem;
    color: #737373;
}

.container-footer {
    margin: 0 auto;
    max-width: 1310px;
    width: 100%;
    padding-top: 1rem;
    font-weight: 300;
    font-size: 0.8rem;
    letter-spacing: 0.6pt;
}

.col-foot {
	padding-left: 2rem;
	padding-right: 2rem;
}

.footer-line {
position: absolute;
}

.right {
    float: right;
    height: 100px;
}

.footer-logo {
    width: inherit;
    display: inline-block;
}

footer.page-footer .footer-copyright {
    overflow: hidden;
}

.socket {
    padding-top: 2rem;
}

.list-group-socket {
    position: relative;
    display: block;
    padding: 4px 0px;
    margin-bottom: -1px;
}

.spacing-socket {
    display:inline-block;
    padding: 0px 30px 0px 0px;
}

.heading-socket {
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 1.1pt;
    line-height: 18pt;
}
.socket-text {
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: 0.9pt;
    line-height: 2pt;
}

.socket-text-p {
    font-weight: 300;
    font-size: 0.9rem;
    letter-spacing: 0.9pt;
}

.copy-text {
    margin-bottom: 1rem;
}

/* Responsive Styles */

@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }

  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }

  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 62em) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }
}

@media (max-width: 767px) {
h4 {
    font-size: 1.1rem;
}
}

@media (max-width: 767px) {
.card-heading {
  font-size: 1rem;
}
}


/* Coded by eve-com.de */