/*
Theme Name: (c) ELLELL-Multi-Page / Version: 4
Description: Responsives ELLELL Webdesign-HTML-Theme 
Version: 1.0 / All rights reserved
Design, Framework, Programmierung: Lutz Lerchenfeld - ELLELL Webdesign(c)2024 http://www.ll-design.info
*/

@import url("../css/ellell-style.css");
@import url("../css/obogrid.css");

/* Dieser Eintrag entfernt den gepunkteten Rahmen um Links beim anklicken. */
a:focus {outline: none;}

*img {border:none;}
i {font-style: normal;}
hr {border: none; border-top: 1px solid #cacaca;}
tr {vertical-align: top;}
li {margin-left: -25px;}

a{text-decoration: none; color: #fff; font-weight: 400;}
a:hover{text-decoration: none; color: #059fff; font-weight: 400;}

/* Bildabstand oben, global */
p img{border:none; margin-top: 20px;}

.img-scale-01{width: 70%;}

.icon-color-01{color: #969494;}
.icon-color-01:hover{color: #000;}
/* Awesome Icons Farbwechsel on Hover */
.icon:hover { 
color: #000 !important;
transition: all 0.3s ease-in-out;
}

.social-icon {
width:41px;
height: 41px;
border-radius: 41px;
}

.social-icon:hover{
width:41px;
height: 41px;
border-radius: 41px;
background-color: #eae8e8;
}

blockquote {
position: relative;
margin:20px auto;
background-color:#EAE8E8;
color: #000;
width: auto;
padding: 10px 30px 20px 30px;
border-left: 0px solid #969494;
border-radius: 0px;
line-height: 170%;
min-height: 20px; 
}
blockquote::after {
  /* quotation mark */
  content: '\201C';
  position: absolute;
  top: 0px;
  left: 0;
  width: 50px;
  height: 20px;
  padding-top: 28px;
  margin-left: -15px;
  background: rgba(32, 32, 34, 0.9);
  font-family: "Georgia", serif;
  color: #fff;
  font-size: 70px;
  font-size: 4.375rem;
  text-align: center;
  /* visible on big devices only */
}

/* Loader Spinner */
#loader {
position:fixed;
width:100%;
left:0;right:0;top:0;bottom:0;
background-color: rgba(240,240,240,1.0);
z-index:9999;
display:block;
}

#loader::after {
content:'';
position: absolute;
display:block;
margin: 0 auto 0 -42px;
left: 50%;
top: 45%;
z-index: 1;
border: 4px solid #000;
border-radius: 50%;
border-top: 4px solid #C89D10;
width: 80px;
height: 80px;
-webkit-animation: spin 2s linear infinite; 
animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Ende Loader Spinner */