/*
 Theme Name:   Diplomat Child
 Theme URI:    http://example.com
 Description:  Child theme for the Diplomat
 Author:       Your name
 Author URI:   http://example.com
 Template:     diplomat
 Version:      1.0.0
 Tags:         light, dark, gray, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, photoblogging
 Text Domain:  diplomat-child
*/
@import url("../diplomat/style.css");

/*.reihe {
	background-color: rgba(255, 255, 255, 0.8);

}
*/
/*.large-12 {
	background-color: rgba(255, 255, 255, 0.8);

}
*/

/* Weißer Hintergrund der mittleren Contentspalte. */
#content {
	
		background-color: rgba(255, 255, 255, 0.8) ;
		
}

/* Anpassung der horizontalen Linie an das Theme-Styling*/
.hr-theme { 
		border: 0; 
		height: 3px; 
		background-color: black;
}

#back-top {
	background-color:#ffffff
}


/*Fix rotierende Hover-Thumbnails und Bilder
.item-overlay img {
    width: 100%;
    -webkit-transform: rotateZ(0) scale(1);
    transform: rotateZ(0) scale(1);
    -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease;
    -moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease;
    -ms-transition: transform 0.35s ease, opacity 0.35s ease;
    transition: transform 0.35s ease, opacity 0.35s ease; 
	
	
	width: 100%;
    -webkit-transform: rotateZ(0) scale(1);
    transform: rotateZ(0) scale(1);
    -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease;
    -moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease;
    -ms-transition: transform 0.35s ease, opacity 0.35s ease;
    transition: transform 0.35s ease, opacity 0.35s ease; }

}	
.item-overlay:hover img {
    opacity: 0.3;
    -webkit-transform: rotateZ(0) scale(1.2);
    transform: rotateZ(0) scale(1.2); 
}
/* End Fix rotierende Hover Thumbnails und Bilder */
	
.item-overlay {
  position: relative;
  display: block;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease;
  -moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease;
  -ms-transition: transform 0.35s ease, opacity 0.35s ease;
  transition: transform 0.35s ease, opacity 0.35s ease; }
  .item-overlay img {
    width: 100%;
    -webkit-transform: rotateZ(0) scale(1);
    transform: rotateZ(0) scale(1);
    -webkit-transition: -webkit-transform 0.35s ease, opacity 0.35s ease;
    -moz-transition: -moz-transform 0.35s ease, opacity 0.35s ease;
    -ms-transition: transform 0.35s ease, opacity 0.35s ease;
    transition: transform 0.35s ease, opacity 0.35s ease; }
  .item-overlay:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.35s ease;
    -moz-transition: -moz-transform 0.35s ease;
    -ms-transition: transform 0.35s ease;
    transition: transform 0.35s ease; }
  .item-overlay:hover img {
    opacity: 0.5;
    -webkit-transform: rotateZ(0) scale(1.1); /* hier auf 0 und 1.1 geändert */
    transform: rotateZ(0) scale(1.1); } /* hier auf 0 und 1.1 geändert */
  .item-overlay:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .item-overlay.gallery:after {
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    color: #fff;
    background-image: none;
    content: '\e8a3';
    font-family: 'fontello';
    font-size: 1.5625rem; }

/* Menüpunkte mit css-Klasse "unclickable" zeigen keinen Link-Cursor an */
.unclickable > a:hover {
  cursor: default;
}

/*Links erhalten bei Mouse-Hover eine Linie */
.entry-content a:hover {
    text-decoration: underline;
}


/*CSS Stil Eigener Footer 1+2 */
.own-footer1 {
	color: #787878;
	
}	

.own-footer2 {
	color: #ffffff;
	text-transform: uppercase;
    color: #f2f2f2;
    font-family: 'Roboto Slab', serif;
    font-size: 1rem;
    font-weight: 400; }