/*
Theme Name: (c) ELLELL-One-Page / Version: 13
Description: Responsives ELLELL Webdesign-HTML-Theme fuer Kunstraum Westpfalz e.V. Kaiserslautern
Version: 1.0 / All rights reserved
Design, Framework, Programmierung: Lutz Lerchenfeld - ELLELL Webdesign(c)2022
http://www.ll-design.info
*/

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

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

*img{border:none;}
i {font-style: normal;}

.responsiveVideo {
position: relative;
padding-bottom: 56.25%; padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsiveVideo iframe,
.responsiveVideo object,
.responsiveVideo embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

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

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


h1  { 
font-size:32px;  
font-family: 'open sans', arial, sans-serif;
text-align: left;
letter-spacing: 1px;
margin-top: 0px; 
padding: 0px 0px 0px 0px;
font-weight:300; 
line-height: 120%; 
color: #595858;
}

h2   { 
font-size:22px;  
font-family: 'montserrat', arial, sans-serif;
text-transform: uppercase;
margin: 0 auto;  
text-align: left;
padding: 0px 0px 10px 0px;
letter-spacing: 1px;
margin-top: 20px; 
font-weight:300; 
line-height: 120%; 
color: #595858;
}

h3   { 
font-size:20px;  
font-family: 'montserrat', arial, sans-serif;
text-transform: uppercase;
margin: 0 auto;  
text-align: left;
padding: 0px;
letter-spacing: 0px;
margin-top: 20px; 
font-weight:300; 
line-height: 120%; 
color: #595858;
}

h4        {
font-size:16px;  
font-family: 'montserrat', arial, sans-serif;
text-transform: uppercase;
margin: 0 auto;  
text-align: left;
padding: 0px;
letter-spacing: 0px;
margin-top: 20px; 
font-weight:300; 
line-height: 120%; 
color: #595858;
}


/* BUTTONS =============================================== */

.button-ell {
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}

.button-ell:hover {
    background-color: #000;
	 color: #fff;
	 border: 0px solid #000;
}

.button-ell  {
    background-color: #7f7c7c; 
	font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    border: 0px solid #000;
	width: 80px;
	height: auto;
    color: #fff;
    padding: 14px 17px;
	border-radius: 0px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    cursor: pointer;
}

.button-ell-2 {
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.button-ell-2:hover {
    background-color: #d60a0a; 
	border: 0px solid #5df704;
    color: #fff;
}

.button-ell-2  {
    background-color: #000; 
	font-size:14px; 
	font-family: 'montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    color: #fff;
	width: 80px;
	height: auto;
    padding: 8px 17px 8px 17px;
    text-align: center;
    text-decoration: none;
    margin: 10px auto 0 auto;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}

/* LINIEN =============================================== */

.line {
position: relative;
margin: 0px auto 0 auto;
padding-top: 10px;
width: 100px;
height: 2px;
border: 0px;
padding: 0px;
background-color: orange;
}

.line-4 {
position: relative;
margin: -30px auto 0 auto;
padding-top: 0px;
text-align: center;
width: 100%;
height: 50px;
border: 0px;
padding: 0px;
background: url("../img/stroke-1.png") no-repeat center;
}

.line-2 {
position: relative;
text-align: left;
padding-top: 10px;
width: 100px;
height: 2px;
border: 0px;
padding: 0px;
background-color: orange;
}

.line-3 {
position: relative;
margin: 0 auto;
padding-top: 10px;
width: 50px;
min-height: 1px;
border: 0px;
padding: 0px;
background-color: #fff;
}

.linie {
padding-top: 10px;
width: 100%;
font-size: 10px;
text-align: right;
border-top: 1px dotted #000;
border-bottom: 0px solid #000;
}

hr {
border: none;
border-top: 1px solid #cacaca;
}

tr { 
vertical-align: top;
}