/*
Theme Name:  twentyTwentyOneChild
Theme URL:   http://localhost/Bibeltelefon
Description: Write here theme description.
Author:      gw
Author URL:  http://localhost/Bibeltelefon
Template:    twentytwentyone
Version:     1.0.0
*/


html, body, #page {
	background-color: #fff;
/*	max-width: 1700px; */
	max-width: 1450px;
}
.site-title {
	display: none;
}
.entry-title {
	display: none;
}
.entry-header {
	border: none!important;
	display: none;
}
#primary-menu-list .current_page_item a {
	color: #872a2e!important;
	font-weight: 600;
}
	
.btlogo {
	width: 30%;
}
.site-header {
	margin: 0 13%;
	padding: 1% 0 0 0;	
}
.entry-content{
	padding: 0 13%;
}
#colophon {
	background-color: #aaa;
	margin: 0 13%;
	max-width: none;
	font-weight: 600;
	font-size: 1.2rem;
}

.btcontainer {
	display: grid;
	max-width: 100%!important;
	grid-template-columns: repeat(8, 1fr);
/*	grid-template-rows: repeat(8, 1fr); */
	grid-gap: 15px;
	grid-template-areas: 	'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'item0 item0 item0 item0 item0 item0 item0 item0'
							'.	   .     .     item2 item9 .     .     .     ';
}
.item0 {grid-area: item0;}
.item2 {grid-area: item2;}
.item3 {grid-area: item3;}
.item4 {grid-area: item4;}
.item5 {grid-area: item5;}
.item6 {grid-area: item6;}
.item7 {grid-area: item7;}
.item8 {
	grid-area: item8;
}
.item8 img{
	width: 100%;
}
.item9 {grid-area: item9;}
.item {
	max-width: 170px;
}
.item10 {
	grid-area: item10;
	max-width: 340px;
}
.chbox {
	
}

.site-footer {
	display: flex;
	flex-direction: row;
	max-height: 60px;
	justify-content: space-around;
	font-size: 1rem;
}
.site-footer > *, .widget-area > * {
  margin-top: 15px;
}
.btuu {
	display: grid;
	max-width: 100%!important;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 30px;
	grid-template-areas: 	'item1uu item1uu item1uu item4uu item4uu item4uu'
							'item2uu item2uu item2uu item5uu item5uu item5uu'
							'item3uu item3uu item3uu item6uu item6uu item6uu';
}
.item1uu {grid-area: item1uu;}
.item2uu {grid-area: item2uu;}
.item3uu {grid-area: item3uu;}
.item4uu {grid-area: item4uu;}
.item5uu {grid-area: item5uu;}
.item6uu {grid-area: item6uu;}

.itemuu {
	max-width: 350px;
	min-width: 100px;
	font-size: 1rem;
}
.uuhdr {
	font-size: 1.8rem;
	color: #872a2e;
	font-weight: 600;
}

.site-content {
	padding-top: 0;
}

/* Bibeltelefone */
.bttelefone {
	display: grid;
	max-width: 100%!important;
	grid-template-columns: repeat(2, 50%);
	grid-gap: 3px;
}
.btdeutsch, .btrussisch {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(2, 260px);
	grid-gap: 3px;
}	
.btrussisch {
	grid-template-columns: 280px;
	grid-template-rows: repeat(30, 40px);
	grid-gap: 3px;
}	


.bthdr, .bthdrrus {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}
.bthdr span {
	float: right;
	margin-right: 24%;
}
.bthdrrus {
	display: none;
}
.btline1 {
	display: flex;
	background: lightgrey;
	padding-left: 10px;
	padding-top: 10px;
}

.btitem1 {
	width: 110px;
}
.btitem2 {
	width: 60px;
}
.btitem3 {
	width: 80px;
}
.btitem {
	font-size: .8rem;
	font-weight: 600;
	height: 30px!important;
}
.btrussisch .btline1{
	max-height: 41px!important;
	height: 40px;
	padding-top: 10px;
}

/* Werbung */
.wbgrid {
	display: grid;
	max-width: 100%!important;
	grid-template-columns: repeat(4, 24%);
	grid-gap: 3px;
}
.picsubtitle {
	display: flex;
	flex-direction: column;
}
.bwitem1 {
	font-size: .7rem;
}
.wbhdr, .wbfoo {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 600!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}
/* Bestellung */
.bestellunghdr {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}
.btBesteller {
	font-weight: 700;
}
.formline .item1 label{
	font-size: 1rem;
}
.formline .item2 input{
	width: 300px;
}
.bestellunggrid {
	display: grid;
	padding-left: 20px;
	font-size: 1rem;
	max-width: 100%!important;
	grid-direction: columns;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 30px;
	grid-template-areas: 	
		'bestellungSelectedItem bestellForm'
		'bestellungSelectedItem bestellForm';
}
.bestellungSelectedItem {
	grid-area: bestellungSelectedItem;
/*	border: 1px solid green; */
}
.bestellForm, .bestellForm1 {
	grid-area: bestellForm;
	min-width: 400px;
/*	height: 500px; */
}
.formline {
	display: flex;
	justify-content: space-between;
	min-height: 30px;
}
.formline .item1 {
	width: 60%;
}
.formline .item2 input {
	background-color: #ddd;
	border: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-bottom: 1px solid #999;
}
.formline .item2 input[type='checkbox'] {
	padding-right: 80%;
	padding-left: 10%
}

.nameFlyer input{
	background-color: #ddd;
	border: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-left: 5px;
	border-bottom: 1px solid #999;
	width: 250px;
}
.noFlyer {
	
}
#nr {
	max-height: 40px;
	border: 2px solid #872a2e;
	padding: 5px;
	width: 200px;
}
.agb  {
	margin-top: 10px;
	margin-bottom: 5px;
}
 .custombutton {
    padding: 0;
    margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
    border: none;
    background: none;
    cursor: pointer;
}
 .custombutton  img{
	max-height: 60px;
 }
 .Euro {
	margin-left: auto;
 }
 .formline .flyer {
	font-size: .8rem;
	margin-top: 10px;
}
 .formline .preise {
	margin-buttom: 40px;
	font-size: .8rem;
}
#radio1, #radio2 {
  width: 15px;
  height: 15px;
  margin: 0px;
  padding: 1px;
  border: 2px solid #872a2e;
  border-radius: 10%;
  appearance: none;
  background-color: transparent;
  outline: none;
}
.custombutton:focus, #radio1:focus, #radio2:focus{			/* highlighting off */
	outline:none;
}
.formline .info {
	margin-top: 4px;
	font-size: .8rem;
}
.formline .info, .formline .preise {
	line-height: .9rem;
}
/* Infos */
.infohdr {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}
.infotxt {
	font-size: .8rem;
	max-width: 65%!important;
}
.infosubhdr {
	font-weight: 700;
	margin-top: 10px;
}
.BildFlyerVS, .BildFlyerRS {
	margin: 10px;
}
.DFB {
	width: 500px;
}

/* Kontakt */
.kontakthdr {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}
.kontaktgrid {
	display: grid;
	padding-left: 20px;
	font-size: 1rem;
	max-width: 65%!important;
	grid-direction: row;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	grid-template-areas: 	
							'kontaktitem2 kontaktitem4'
							'kontaktitem2 kontaktitem4'
							'kontaktitem5 kontaktitem5'
							'kontaktitem5 kontaktitem5';
}
.kontaktitem1 {
	grid-area: kontaktitem1;
	height: 70px;
}
.kontaktitem2{
	grid-area: kontaktitem2;
}
.kontaktitem3 {
	grid-area: kontaktitem3;
	height: 70px;
}
.kontaktitem4 {
	grid-area: kontaktitem4;
}
.kontaktitem5 {
	grid-area: kontaktitem5;
}

/* Impressum */

.impressumwrapper {
	padding-left: 20px;
	font-size: 1rem;
	max-width: 100%!important;
	
}
.impressumhdr {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
	background: lightgrey;
	padding-left: 10px;
	max-width: none!important;
}

/* Datenschutz */
.wp-block-heading {
	font-size: 1.2rem;
	color: #872a2e;
	font-weight: 800!important;
}



@media (max-width: 900px) {
	.entry-content {
		min-width: 900px;
	}
	.btuu {
		grid-gap: 10px;
		grid-template-areas: 	'item1uu'
								'item2uu' 
								'item3uu' 
								'item4uu' 
								'item5uu' 
								'item6uu' ;
	}
	.itemuu {
		max-width: none;
		min-width: none;
		width: 360px;
		font-size: .8rem;
	}
	
	.kontaktgrid {
		grid-template-columns: 1fr;
		grid-gap: 30px;
		grid-template-areas: 	'kontaktitem1'
								'kontaktitem2'
								'kontaktitem3'
								'kontaktitem4'
								'kontaktitem5';
	}

}
@media (max-width: 1421px) {

	.btdeutsch, .btrussisch, .bttelefone {
		grid-template-columns: repeat(1, 280px);
		grid-gap: 3px;
	}
	.bthdr span {
		display: none;
	}
	.bthdrrus {
		display: block;
	}
}
@media (max-width: 1250px) {
	.formline .item2 input{
		width: 200px;
	}

}