/*
Theme Name: Alles Eins
Theme URI: https://www.alles-eins.info
Author: Martin Sagel
Description: Theme im Layout der urspruenglichen alles-eins.info Webseite.
Version: 1.0
Text Domain: alles-eins
*/

/* ---- Uebernommen aus der alten Seite (include/style.css) ---- */

body {
	background-color: #7CA7AB;
	font-family: "MS Sans Serif", Geneva, Verdana, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.language_men {
	font-family: "MS Sans Serif", Geneva, Verdana, sans-serif;
	font-size: 8px;
}

.style3 { color: #003366; }

.copyright  { font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 10px; color: #333333; }
.menu 		{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 14px; color: #6B643A; }
.content 	{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 14px; }

.news_header 	{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 14px; font-weight:bold; }
.news_text 		{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 14px; }

.news_site_select td { font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 10px; }

.books_title 	{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size:10pt; color: #003399; font-weight:bold; }
.books_desc 	{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size:10pt; color: #003399; }
.books_rating	{ font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size:20px; color: #FFCC00; font-weight:bold; }

a:link    { color: #6B643A; text-decoration: none; }
a:visited { color: #0099FF; text-decoration: none; }
a:hover   { color: #003399; text-decoration: none; }
a:active  { text-decoration: none; }

img { border: 0 none; }

.contact_err { font-family:"MS Sans Serif", Geneva, Verdana, sans-serif; font-size:8pt; color:#F14F12; text-decoration:none; font-weight:normal; }

.contact_tab, .content_tab, .agb_tab { border-style:none; }
.contact_tab td, .content_tab td { border-style:none; font-family:"MS Sans Serif", Geneva, Verdana, sans-serif; font-size:10pt; color:#000000; }
.agb_tab td { border-style:none; font-family:"MS Sans Serif", Geneva, Verdana, sans-serif; font-size:9pt; color:#000000; }

/* ---- Neues Grundlayout (Seiten-Rahmen, Header, Menue, Footer) ---- */

* { box-sizing: border-box; }

#ae-wrap {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}

.ae-banner {
	display: flex;
	width: 900px;
	max-width: 100%;
}

.ae-banner-left {
	flex: 0 0 630px;
	max-width: 630px;
	background-image: url('assets/images/index_01.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 196px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.ae-banner-left h1 {
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.6);
	margin: 0;
}

.ae-banner-left h1 small {
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.ae-banner-right {
	flex: 0 0 270px;
	max-width: 270px;
}

.ae-lang {
	background-image: url('assets/images/index_02.jpg');
	background-repeat: no-repeat;
	height: 35px;
	text-align: right;
	padding-top: 5px;
}

.ae-banner-right img.ae-photo {
	display: block;
	width: 100%;
	height: auto;
}

.ae-menubar {
	display: flex;
	align-items: stretch;
	background-color: #EEECE0;
	min-height: 33px;
}

.ae-menubar-cap-l  { background-image:url('assets/images/index_04.jpg'); background-repeat:no-repeat; width:95px; flex: 0 0 95px; }
.ae-menubar-cap-r  { background-image:url('assets/images/index_06.jpg'); background-repeat:no-repeat; width:99px; flex: 0 0 99px; }

.ae-menubar nav {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.ae-menubar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ae-menubar li { display: inline; }

.ae-menubar li a {
	font-family: "MS Sans Serif", Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #6B643A;
	padding: 0 10px;
}

.ae-menubar li:not(:last-child)::after {
	content: "|";
	color: #6B643A;
	padding: 0 4px;
}

#ae-content {
	background-color: #ffffff;
	width: 900px;
	max-width: 100%;
	min-height: 400px;
	padding: 20px 30px;
}

#ae-content .ae-columns {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

#ae-content .ae-col-side { flex: 0 0 250px; max-width: 250px; }
#ae-content .ae-col-main { flex: 1 1 480px; min-width: 280px; }

#ae-footer {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

#ae-footer .ae-copy {
	background-color: #79B8D9;
	font-family: "MS Sans Serif", Geneva, Verdana, sans-serif;
	font-size:10px;
	color: #333333;
	padding: 6px 0;
}

#ae-footer .ae-legal { margin: 10px 0; }
#ae-footer .ae-legal a { margin: 0 8px; }

/* ---- Slideshow ---- */

#StartpageSlideshow {
	position: relative;
	width: 167px;
	height: 131px;
	overflow: hidden;
	margin-bottom: 10px;
}
#StartpageSlideshow img {
	position: absolute;
	top: 0; left: 0;
	width: 167px;
	height: 131px;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
#StartpageSlideshow img.ae-active { opacity: 1; }

/* ---- Empfehlungen / Buecher ---- */

.ae-books-table { border: 0; width: 100%; }
.ae-books-table td { padding-bottom: 20px; vertical-align: top; }
.ae-books-cover { text-align: center; width: 100px; }

/* ---- Kauf-Platzhalter ---- */

.ae-buy-placeholder {
	display: inline-block;
	padding: 8px 18px;
	background: #ccc;
	color: #666;
	border: 1px solid #999;
	border-radius: 3px;
	font-family: "MS Sans Serif", Geneva, Verdana, sans-serif;
	cursor: not-allowed;
}

/* ---- News / Testimonial Listen ---- */

.ae-news-item, .ae-testimonial-item { margin-bottom: 20px; }
.ae-pagination { text-align: center; margin: 20px 0; font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size: 10px; }
.ae-pagination a, .ae-pagination span { margin: 0 4px; }

/* ---- Kontaktformular ---- */

.ae-contact-form table { border: 0; }
.ae-contact-form td { font-family: "MS Sans Serif", Geneva, Verdana, sans-serif; font-size:10pt; padding: 3px; }
.ae-contact-form input[type=text], .ae-contact-form textarea { width: 300px; }
.ae-hp-field { position: absolute; left: -9999px; }

@media (max-width: 920px) {
	.ae-banner, #ae-content .ae-columns { flex-direction: column; }
	.ae-banner-left, .ae-banner-right, #ae-content .ae-col-side, #ae-content .ae-col-main { max-width: 100%; }
}