@font-face { 
font-family: bodoni; 
src: url("/wp-content/themes/malisa/fonts/bodoni-svtytwo-os-itc-tt-book.ttf"); 
}

@font-face {
font-family: newsgothic;
src: url('/wp-content/themes/malisa/fonts/news-gothic-mt.ttf')  format('truetype');  
}  

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.eot'); 
  src: local(''),
       url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), 
       url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.woff') format('woff'),
       url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), 
       url('/wp-content/themes/malisa/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); 
}

/* Frontpage Styles */   
.wrapper {
position: relative;
width: 960px;
padding: 0px;
/*background-color: #fff;*/
margin: 0 auto;    
}

.aktuelles .wrapper {
margin-top: 100px; 
}

p { font-size: 15px; }

.content {
width: 960px; 
margin: 0px auto;
position: relative;  
} 

h1 { 
text-align: center;
font-size: 28px;
text-transform: uppercase; 
color: #333333;
font-family: bodoni;
font-weight: normal;
margin-bottom: 75px;
}

a { color: #333; }

h2 {
text-align: left;
font-size: 20px;
color: #333;
text-transform: none;
margin: 20px 0px 15px 0px;
}

.claim { 
/*color: #fff;
position: absolute;
top: 595px;
left: 50%;
width: 50%; */
text-align: left;
float: right; 
color: #fff;
margin-top: -250px;
margin-bottom: 200px;
}

.claim h1 {
text-align: left;
color: #fff;
font-size: 38px;
margin-bottom: 20px;
}  

.claim h3 { font-weight: normal; }     

.blackbg {
background-color: rgba(0,0,0,0.5);
color: #fff; 
width:  100%;
position: absolute;
bottom: 0px;
padding: 70px 0px; 
box-sizing: border-box; 
text-align: center;
font-family: bodoni;  
}  

.blackbg p { 
line-height: 40px;
font-size: 24px;
width: 70%;
margin: 0 auto;
}

/* Wrap for Main Headline */
.custom-heading { 
width: 100%;
text-align: center; 
padding-bottom: 30px;
}

.custom-heading:before { 
position: absolute;
border-bottom: 1px solid #cecece;
height: 8px;
display: block;
width: 100%;
content: '';     
padding-top: 11px;
}   

.custom-heading h1 {
display: inline-block;
background-color: #fff;
padding: 0px 20px;
position: relative;
font-family: bodoni;
font-size: 26px;
letter-spacing: 2px;
}    



.slider-container { height: 95%; }

/* aktuelles */     
.aktuelles { 
/*height: 900px;
margin-top: -200px;  */
}

.aktuellesbox h1 {
color: #333;
font-size: 22px;
text-align: left;
margin-top: 20px; 
margin-bottom: 20px;
} 

.aktuellesbox p { color: #666; font-weight: normal;}

/* Startseite: Projekte Einleitung*/
.einleitung { 
margin-bottom: 80px;
/*margin-top: -250px; mit video*/
}

.einleitung h2 { margin-bottom: 0px; }

.einleitung h3 { font-size: 18px; margin-bottom: 0px; }

.einleitung img  { width: 65%; float: right;  }

.newrow { margin-bottom: 50px; } 

/* Projekte */
.projekte-wrap, .aktuelles-wrap { 
position: relative;
float: left;
width: 50%;
text-align: center;       
/*margin-bottom: 30px; */
margin-bottom: 110px;
}

.projekte-wrap { text-align: left; }
.projekte-wrap:nth-child(2n) { text-align: right; }

.aktuelles-wrap:nth-child(2n) {
text-align: right; 
}

.aktuelles-wrap { text-align: left; }

/*.projekte:after {
content: '';
width: 100%;
display: inline-block;
} */  
          
.col {     
padding-bottom: 30px;
width: 100%;
display: inline-block;
vertical-align: top;
*display: inline;
zoom: 1;
}   

.projektbox, .aktuellesbox { 
position: relative;
width: 429px;
box-sizing: border-box;
color: #666;
font-weight: bold;
outline-offset: -25px;
display: inline-block;
font-size: 15px;
text-align: left;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.projektbox:after { /* Hovereffekt tuerkis*/
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(123,155,186,0.5);
opacity:0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.projektbox:hover:after {
opacity:1;
}

.aktuellesbox {width: 468px; }

.aktuellesbox:hover { text-decoration: none; }

.aktuellesbox:hover h1 { color: #be253d; }

.aktuellesbox:hover .crop-aktuelles img { 
opacity: 0.8; 
}

.projekte p, .einleitung p { 
margin-left: auto;
margin-right: auto; 
}

.einleitung p { padding-bottom: 15px; width:100%; margin-left: 0px; font-smoothing: antialiased !important;}

.einleitung:hover h3:after { background: #95659c; }

.img-wrap { 
position: relative; 
width: 100%; 
}

.img-description { 
position: absolute; 
bottom: 0px;
left: 0; 
width: 100%; 
color: #fff;
font-weight: bold;    
text-transform: uppercase;
padding: 3px;
padding-left: 15px;
font-size: 15px;
background-color: rgba(102,102,102,0.7);
box-sizing: border-box;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}        

.more { 
text-align: left; 
display: block;
font-weight: bold;
margin-top: 20px;
/*position: absolute; 
bottom: 0px;  */ 
}

.projektbox .titlewrap {
position: absolute;
z-index: 1;
bottom: 10px;
width: 83%;
left: 50%;
margin-left: -41%;
text-align: left;

}

.projektbox h1, .projektbox h3 { 
color: #fff;
text-align: left;
margin-bottom: 40px;
margin-top: 0px;  
}

.projektbox h1 {font-size: 23px;}

.projektbox h3 { 
text-transform: uppercase; 
color: #fff;
font-size: 13px;
font-family: 'Open sans', Arial;
margin-bottom: 0px; 
font-weight: normal;
}

.studien {
background-color: #f4f4f4; 
padding-top: 30px;
}

.frontpageskew { 
background-size: cover;
background-image: url(images/augenpaar1.jpg);  
}
          
/* Social */
.social-stripe { 
position: relative;
height: 380px;
box-sizing: border-box;
background: red;
}

.social-stripe h1 {
color: #be253d;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 0px;
text-align: left; 
margin-top: 130px;
} 

.social-stripe h3 {
color: #666;
font-size: 20px;
}                

.social-stripe:after { 
content: '';
width: 100%;
height:400px;
position: absolute;
background: #f6f6f6;
z-index: 1;
top: -64px;
left: 0;
transform-origin: right top;
-webkit-transform-origin: right top;
transform: skewY(10deg); 
-webkit-transform: skewY(10deg);
}

/* Ueber uns*/
.aboutus h1 {
text-transform: none;
margin-bottom: 5px;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: bold;
}

.aboutus h3 { 
font-size: 15px;     
color: #666; 
min-height: 35px;
}

.aboutus p { 
margin-top: 20px;
color: #666;
text-align-last: center;
padding: 0px 10px;
}

.aboutus img {  margin: 0 auto 35px auto; } 
.aboutus .title { text-align: center; }

.aboutus .col { 
flex: 1; 
position: relative; 
width: 100%;
display: inline-block;
vertical-align: top;
list-style: none;
box-sizing: border-box;
}

.aboutus .more { text-align: center; }

.aboutus .last { margin-right:  0px; }

.pressefooter { 
background-color: #cdc7ce;
}

.pressefooter h3 { 
color: #fff; 
font-size: 20px;
}

.ecae-link { display: none; }

.kontaktform-desc { margin-left: 50px; }


.mlstiftung { margin-bottom: 70px; }

/*anim. button   */
.btn {
color: #be253d;
position: relative;
margin: 1em;
display: inline-block;
padding: 0.5em 30px;
transition: all 0.5s ease-in-out;
text-align: center;              
font-weight: bold;
}

.btn:hover { text-decoration: none; }

.btn:before, .btn:after {
content:'';
display:block;
position:absolute;
border-color:#be253d;
box-sizing:border-box;
border-style:solid;
width:1em;
height:3em;
transition:all 0.3s ease-in-out}

.btn:before {
top:-6px;
left:-6px;
border-width:0 0 0 2px;
z-index:5;
}

.btn:after {
bottom:-6px;
right:-6px;
border-width:0 2px 0 0;
}

.btn:hover:before, .btn:hover:after {
width:calc(100% + 12px);
height:calc(100% + 12px);
}

.btn:hover:before { border-width:2px 0 0 2px; }
.btn:hover:after { border-width:0 2px 2px 0; } 
/* anim. button ende */

.leftCol {
width: 65%;
float: left;
}

.rightCol {
width: 35%;
float: left;
}

.aboutus a {     margin: 0 auto;}

/* target ie 10 and higher */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .projektbox, .projektbox.studie:hover, .projektbox.malisahome:hover, .projektbox.stipendium:hover  {  outline: 0; transition: none; -webkit-transition: inonenitial; -o-transition: none;}
       
     .projektbox.studie { border: 15px solid #a193a6; outline: 25px solid #fff; }             
     .projektbox.malisahome, .projektbox.stipendium { border: 15px solid #fcf7eb; }
     
     .projektbox.studie:hover {  outline: 0; border: 15px solid #301039; }
     .projektbox.malisahome:hover, .projektbox.stipendium:hover {  outline: 0; border: 15px solid #fdf2db; }
}

/* Microsoft Edge Browser 12+ */          
@supports (-ms-ime-align:auto) {
     .projektbox, .projektbox.studie:hover, .projektbox.malisahome:hover, .projektbox.stipendium:hover  {  outline: 0; transition: none; -webkit-transition: inonenitial; -o-transition: none;}
         
     .projektbox.studie { border: 15px solid #a193a6; outline: 25px solid #fff; }        
     .projektbox.malisahome, .projektbox.stipendium { border: 15px solid #fcf7eb; }
     
     .projektbox.studie:hover {  outline: 0; border: 15px solid #301039; }
     .projektbox.malisahome:hover, .projektbox.stipendium:hover {  outline: 0; border: 15px solid #fdf2db; }
}