/*
Theme Name: ATS-Ancistrus-Divi-Theme-Anpassungen
Description: Childtheme für die ATS-Ancistrus-Website
Author: Andreas Tanke
Author URI: https://www.ats-edv-service.de
Template: Divi
Version: 0.99
Tags:
*/



/**************************************
************ Seiten Header ************
***************************************/
#kopfzeile {
	
}
#kopfzeile .et_pb_column_0_tb_header {
	display: grid; 
	grid-template-columns:20% 20% 35% 25%; 
	grid-auto-rows: 1fr;
	justify-content: space-between;
	align-items: center;	
}
#kopfzeile .et_pb_column_0_tb_header .et_pb_menu .et_pb_menu__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 1.5vw;
}
.dp-dfg-skin-default .dp-dfg-search-icon, #et-boc .et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon, .et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon {
    background-color: transparent;
}
/**************************************
************ Seiten Footer ************
***************************************/
#fusszeile {
	
}
#fusszeile .et_pb_column_0_tb_footer {
	display: grid; 
	grid-template-columns:40% 30% 20%; 
	grid-auto-rows: 1fr;
	justify-content: space-between;
	align-items: center;	
}
#fusszeile .et_pb_column_0_tb_footer .et_pb_menu .et_pb_menu__wrap {
}
#fusszeile .et_pb_column_0_tb_footer .et_pb_social_media_follow {    
	text-align: end;
}

#footer-info {
	font-size:15px;
}
#footer-info a{
	color:#fff;
    text-decoration: underline;	
}

/**************************************
************ Menüs         ************
***************************************/


/**************************************
************ Suchformular  ************
***************************************/


/**************************************
************ Seiten Body   ************
***************************************/


/*************************************
************ Startseite   ************
**************************************/
.owl-nav.arrow_size_medium .owl-prev {
    left: -50px;
}
.owl-nav.arrow_size_medium .owl-next {
    right: -50px;
}


/*************************************
************ Blog Posts   ************
**************************************/
#beitragsbild {
    width: 40%;
    float: right;
    margin-left: 2vw;
    max-width: 480px;
	
}
div.zeile {
    padding-top: 2em;
    width: 100%;
}
div.zeile.zweispaltig {
    display: flex;
	justify-content : space-between;
}
div.zeile div.textspalte{
    width: 70%;
}
div.zeile div.bildspalte{
    width: 30%;
    text-align: right;
    display: contents;
}
div.zeile div.bildspalte a{
    text-align: center;
}



/***********************************
************** Fische **************
************************************/
.einleitung.fischliste {
    margin-top: 4vh;
    font-size: xxx-large;
    padding: 2vh 0;
}


.fische {
}
.fische .item {
	display: grid; 
	grid-template-columns:25% 20% 10% 5% 5% 5% 5%; 
	grid-auto-rows: 1fr;
	justify-content: start;
	align-items: start;	
}

.fische .item.header .hoch{
    writing-mode: vertical-lr;
    text-align: right;
    transform: rotate(180deg);
}
.fische .item .thumb{
}
.fische .item .thumb img{
    /*max-width:35px;*/
    width:100%;
    max-width:100%;
}
.fische .item .artname{
	padding:5px;
}
.fische .item .lnr{
	padding:5px;
}
.fische .item .zucht{
	padding:5px;
    text-align: center;
}
.fische .item .verfuegbar{
	padding:5px;
    text-align: center;
}
.fische .item .haltung{
	padding:5px;
    text-align: center;
}
.fische .item .stroemung{
	padding:5px;
    text-align: center;
}

.fische .item .icons{
    font-family: ETmodules !important;
    font-weight: 400 !important;
    color: #777;
}
.fische .item .icons.positiv{
    color: green;
}
.fische .item .icons.negativ{
    color: red;
}

.fischtabelle {
	
}
.fischtabelle>div {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-auto-rows: 1fr;
    justify-content: space-between;
    /*align-items: center;*/
}
.fischtabelle>div div.titel{
	
}
.fischtabelle>div div.wert{
	
}
.fischtabelle>div div.wert .sternchen{
    font-size: large;
}
.fischtabelle .verfuegbar {
	
}
.fischtabelle .zucht {
	
}
.fischtabelle .haltung {
	
}
.fischtabelle .stroemung {
	
}
.fischtabelle .iucn {
	
}
.fischtabelle .groesse {
	
}
.fischtabelle .aquariengroesse {
	
}
.fischtabelle .phwert {
	
}
.fischtabelle .leitfaehigkeit {
	
}
.fischtabelle .temperatur {
	
}
.fischtabelle .literatur {
	
}
.fischtabelle .synonyme {
	
}
.beschreibung {
	
}
.weitereinfos {
	margin-top:1vh;
    font-size: large;
}




@media screen and (max-width: 768px) {
div.zeile {
}
div.zeile.zweispaltig {
    display: block;
}
div.zeile div.textspalte{
    width: 100%;
}
div.zeile div.bildspalte{
    width: 100%;
}
div.zeile div.bildspalte a{
}
}