/* <!--!!!!!!!!!!!!!!! general !!!!!!!!!!!!!!!!!-->	 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%; 
  width: 100%;
}
body {
  font-family: 'Alegreya Sans', sans-serif;
  background-color:/*#eff0f2*/ #fff;
}
.no-margin{
	margin-top : 0 !important;
	margin-bottom : 0 !important;
}
.no-padding{
	padding: 0 !important;
	margin: 0 !important;
}
.input-group{
	padding-bottom:20px;
}
.btns{
	width:140px;
}
.btn,
.form-control {
  border-radius: 2px;
  box-shadow: none !important;
}
ul, ol {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}



/* <!--!!!!!!!!!!!!!!! Footer !!!!!!!!!!!!!!!!!-->	 */
.footer1 {
  color: var(--footer-main-color);
}
.footer1 a {
  color: #DDD;
}
.footer1 a:hover,
.footer1 a:focus,
.footer1 a:active {
  color: #FFF;
}
.footer1 .footer {
  background-color: var(--footer-background);
  padding: 20px 0;
  margin-top: 0;
}
.footer1 .footer .footer-desc p {
  color: #DDD;
  margin: 15px 0 8px;
}
.footer1 .footer .social {
  /*margin: 0 auto;*/
  display: table;
}
.footer1 .footer .social li {
  float: left;
}
.footer1 .footer .social li a {
  display: block;
  font-size: 1em;
  color: #DDD;
  width: 35px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  margin: 15px 4px
}
.footer1 .footer .social li a:hover {
  background-color: #3A4144;
}
.footer1 .footer .input-group {
  margin: 0px 0;
}
.footer1 .footer .form-control {
  border-radius: 2px 0 0 2px;
  background-color: #585C5D;
  border-color: #585C5D;
  color: #DDD;
  font-size: 15px;
}
.footer1 .footer .form-control:hover,
.footer1 .footer .form-control:focus {
  border: 1px solid #122f35;
  background-color: #122f35;
}
.footer1 .footer .input-group-addon {
  border-radius: 0 2px 2px 0;
  background-color: #F7931D;
  color: #FFF;
  border-color: #F7931D;
  font-size: 15px;
}
.footer1 .footer-bottom {
  background-color: var(--footer-bottom-background);
  padding: 5px 0;
  color: #DDD;
  font-size: 13px;
}
.footer1 .footer-bottom ul li {
  display: inline-block;
}
.footer1 .footer-bottom ul li a {
  display: block;
  padding-left: 8px;
}
.footer1 .footer-bottom ul li a:after {
  content: "-";
  padding-left: 8px;
}
.footer1 .footer-bottom ul li:last-child a:after {
  content: "";
}
@media (max-width: 550px) {
  .footer1 .footer-bottom .pull-left,
  .footer1 .footer-bottom .pull-right {
    float: none !important;
    width: 100%;
    padding: 10px;
    text-align: center;
  }
}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background-color:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#446a89;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#517fa4;border-color:rgba(0,0,0,0.2)}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}

/* <!--!!!!!!!!!!!!!!! Slide Up Button !!!!!!!!!!!!!!!!!-->	 */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: var(--background);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #fff;
}
#myBtn:hover {
  background-color: var(--footer-background);
  color:#000;
}


/* <!--!!!!!!!!!!!!!!! Modal !!!!!!!!!!!!!!!!!-->	 */
.modal-header, h4, .close {
  background-color: var(--footer-background);
  color:white !important;
  text-align: center;
  font-size: 30px;
}
.modal-body {
  background-color: var(--footer-main-color);
}

/***************** Headline ****************/
.form-headline{
  padding:2px;
  font-family:garamond;
  background-color: var(--background);
  text-align: center;
  color: var(--text);
}
.headline h2{
  font-size: 18px;
}
@media only screen and (max-width: 798px) {
  .headline{
    display:block;
  }
 }
@media screen and (min-width: 799px) {
  .headline{
    display:none;
  }
}