/*
 Theme Name:   Elegant Magazine Pro Child
 Description:  Child Theme for more Customization  - ergaenzt von ckinne 200608
 Author:       Heimatsucher e.V.
 Author URI:   https://zweitzeugen.de
 Template:     elegant-magazine-pro
 Version:      1.0
 Text Domain:  elegant-magazine-pro-child
*/

@media (min-width: 1600px) {
    .site-content,
    .container {
        width: 1570px;
    }

    .home.full-width-content .container,
    .home.full-width-content .site-content { width: 1500px; }

    body.custom-background .site-content {  width: 1540px; }

    .home.full-content-layout.full-width-content .container,
    .home.full-content-layout.full-width-content .site-content
    .home.full-content-layout.full-width-content .site-content .post-thumbnail.full-width-image img {
        width: 100%;
    }
}

.no-gutter { margin-left: 0 !important; margin-right: 0 !important; }

#cookie-law-info-bar {
	width: 95vw; padding: 30px; left: 50%;
	transform: translateY(0) translateX(-50%); }

#cookie-law-info-again { box-shadow: #666 0px 0px 15px }
#cookie-law-info-bar h5 { font-size: 20px; font-weight: bold; }
#cookie-law-info-bar span { font-size: 14px; }

@media (min-width: 1024px) {
	#cookie-law-info-bar {
		width: 60vw;
	}
}

/* BESTELLFORMULAR*/

.page-id-10357 { overflow-x: hidden; }

.page-id-10357 header.entry-header h1.entry-title {
    margin: 0;
    font-size: 18px; line-height: 28px; text-align: center;letter-spacing: 2px; }

.page-id-10357 .entry-content { margin: 0; }
.page-id-10357 .max-container { max-width: 960px; margin-left: auto; margin-right: auto; }

/*ck*/ h2 { margin: 2% 0 3% 0; color: #00bfff; font-size: 160%; font-weight: 800;}
/*ck*/ h3 { margin: 2% 0 3% 0; color: #00bfff; font-size: 130%; font-weight: 600; }
/*ck*/ p  { margin: 2% 0; color: #000; font-size: 100%;}

/*ck*/ div.wp-block-button.aligncenter { 
	margin: 1.5% 15% 4% 15%; padding: 1em 0;
	color: #ffffcc; box-shadow: 3px 3px 14px -1px #999999; text-align: center;}

/*ck*/ h3.hinweis { 
	margin: 2.5% 0 1% 0; 
	font-size: 130%; font-weight: 600; color: #000; text-align: center; }

/*ck*/ p.hinweis { 
	margin: 3% auto; width: 70%; font-size: 110%; 
	background-color: #ede0bd; text-align: center; border-radius: 5px;}

.page-id-10357 form {
    max-width: 960px;
	margin-top: 50px; margin-left: auto; margin-right: auto;}

/*ck*/ form.wpcf7-form p.melden { margin: 1.5% 0;}
/*ck*/ form.wpcf7-form h2 { margin: 4% 0 2% 0; font-size: 160%; font-weight: 600; color: #00bfff; }

/*ck*/ form.wpcf7-form div#zusatz { 
	width: 60%; height: auto; 
	margin: 3% 0 3% 0; padding: 2em 1.5em;/*background-color:#ffc;*/ 
	border: 1px solid lightgrey; }

/*ck*/ form.wpcf7-form div#zusatz h2 {margin-top: 0;}
/*ck*/ form.wpcf7-form div#zusatz p {}

/*ck*/ #betterplace {
	width: 60%; height: auto; margin: 3% 0 2% 0; padding: 2em 1.5em;
	/*background-color:#ffc;*/ border: 1px solid lightgrey; }

/*ck*/ #betterplace h2 { margin: 4% 0 2% 0; font-size: 160%; font-weight: 600; color: #00bfff;}

.page-id-10357 form label {   
    float: left; margin-bottom: 50px; margin: 0 2.5% 50px 2.5%;
    color: rgba(0,0,0,.5); font-weight: 400; }

.page-id-10357 form label.last-name,
.page-id-10357 form label.first-name { width: 45%; }

.page-id-10357 form label.email { width: 95%; }

.page-id-10357 form label.number,
.page-id-10357 form label.plz { width: 15%; }

.page-id-10357 form label.city,
.page-id-10357 form label.street { width: 75%; }

.page-id-10357 form label.spende { width: 45%; margin-left: 27.5%; margin-right: 27.5%; }
.page-id-10357 form label.spende input { text-align: center; }

.page-id-10357 form span.checkbox { 
	float: left;display: block;
    width: 95%; margin: 0 2.5% 0 2.5%; }

/*ck*/ .page-id-10357 .checkbox input[type="checkbox"] {
    float: left;width: 13px; position: absolute;
    height: 13px; top: 0px; /*top: 7px;*/ }

/*ck*/ input[type="checkbox"], input[type="radio"] {
	margin: 0px 5px 5px 0px;}

.page-id-10357 .checkbox .wpcf7-list-item { width: 50%; margin: 0 0 25px 0; }

.page-id-10357 .checkbox label {
    float: left; position: relative; 
	width: 100%; margin-bottom: 50px; margin: 0;
	color: rgba(0,0,0,.5); transition: all .3s;   
    font-size: 24px; font-weight: 400; }

.page-id-10357 .checkbox label .wpcf7-list-item-label { margin-left: 10px; }

.page-id-10357 .checkbox label:hover .wpcf7-list-item-label { color: #15afd1; }
.page-id-10357 .checkbox input[type=checkbox]:checked + .wpcf7-list-item-label { color: #15afd1; }

.page-id-10357 .mandatory { margin-left: 3px;color: red; }

.page-id-10357 form label input {
    display: block; width: 100%;
    border: none; border-radius: 0; border-bottom: 1px solid rgba(0,0,0,.25);
    font-weight: 700;
    color: rgba(0,0,0,1); transition: all .3s;}
 
.page-id-10357 form label input:hover { border-bottom: 1px solid rgba(0,0,0,.5);}
.page-id-10357 form label input:focus { border-bottom: 1px solid rgba(0,0,0,1); }

.page-id-10357 input[type=submit] {
    display: block; margin: 0 auto; padding: 16px 36px; height: 60px;
	background: rgba(21,175,209,1); border: 1px solid rgba(21,175,209,1);border-radius: 28px;
    color: rgba(255,255,255,1) !important; transition: all .3s;
    text-decoration: none !important;   
    font-size: 18px; line-height: 1; }

.page-id-10357 input[type=submit]:hover { padding: 16px 56px;}

.page-id-10357 .fullwidth-gray {padding: 100px;background: rgba(0,0,0,.05); }
.page-id-10357 .fullwidth-gray h3 { font-weight: 700; font-size: 35px;}
.page-id-10357 .fullwidth-gray p { font-size: 22px; line-height: 32px; }

.page-id-10357 p.teaser { margin-bottom: 25px; font-size: 22px; line-height: 32px; text-align: center; }
.page-id-10357 p.regular { margin-bottom: 25px;font-size: 18px; line-height: 28px;text-align: center; }

.page-id-10357 blockquote { border-left: none;}
.page-id-10357 blockquote p { font-size: 25px; line-height: 38px; }
.page-id-10357 blockquote cite {margin-bottom: 25px; font-size: 14px; line-height: 22px; }

.page-id-10357 .wp-block-button__link {
    padding: 16px 36px;
	background: none; border: 1px solid rgba(21,175,209,1);
    color: rgba(21,175,209,1) !important;transition: all .3s;    
    text-decoration: none !important; }

.page-id-10357 .wp-block-button { margin-bottom: 50px; }
.page-id-10357 .wp-block-button__link:hover { padding: 16px 56px; }

.page-id-10357 .wp-block-image {
	padding: 25px 50px;
	display: flex; flex-direction: column; height: 100%;
	justify-content: center; }

/*ck*/ .page-id-10357 figure.wp-block-image  /*is-resized*/ {
	padding-right: 3px; 
	box-shadow: 3px 3px 14px -1px #999999; text-align: center;}

.page-id-10357 .wp-block-image img:hover { transform: scale(1.05); }

.page-id-10357 .wp-block-image.katalog {background-color: #bc9d1f; }
	/*background: #15afd1;*/

/*ck*/ .wp-block-image figcaption {
	padding: 1em 0 2em 0; color: #000; 
	font-weight: 600; font-size: .9em; text-align: center; }

.page-id-10357 select {}

.page-id-10357 .wpcf7-response-output  {
	margin: 25px 0;padding: 50px;
	border: none; background: #bc9d1f; color: #FFFFFF;	
    font-size: 18px; line-height: 28px;text-align: center; }

.page-id-10357 .wpcf7-validation-errors, 
.page-id-10357 .wpcf7-acceptance-missing,
.page-id-10357 .wpcf7-mail-sent-ok  { border: none; }

@media (max-width: 768px) {
	.page-id-10357 .fullwidth-gray { padding: 50px;}
	.page-id-10357 .fullwidth-gray h3 { font-size: 25px;}
	.page-id-10357 .fullwidth-gray p { font-size: 18px; line-height: 28px;}
	.page-id-10357 .fullwidth-gray .wp-block-column:nth-child(1n) { padding-right: 25px;}
	.page-id-10357 .fullwidth-gray .wp-block-column:nth-child(2n) { margin-left: 0;
	}
}

@media (max-width: 667px) {
	.page-id-10357 form label {
		width: 95% !important;
		margin-left: 2.5% !important; margin-right: 2.5% !important;
	}
	.page-id-10357 .checkbox .wpcf7-list-item { width: 100%;
	}
}

/*.page-id-10357 h2 {
    font-size: 50px; line-height: 55px; font-weight: 700; 
   /* color: #15cad1;
    text-transform: none; letter-spacing: normal; text-align: center;
    margin-bottom: 25px;margin-top: 0; }

.page-id-10357 h3 {
	margin-top: 75px;
    font-size: 22px; line-height: 28px;font-weight: 700; }

.page-id-10357 .wp-block-image img {
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	transform: scale(1.0); transition: all .4s; }

.wp-block-image figcaption {
	margin-top: 25px;
    font-size: 18px; line-height: 28px; font-weight: 700; text-align: center;
	color: #000000; }
*/

/***********************************************
********** Zweitzeug*innen im Fußball **********
***********************************************/

.page-id-12283 main *,
.page-id-13885 main * {
    font-family: 'Open Sans', sans-serif;
}

.page-id-12283 .max-container,
.page-id-13885 .max-container { 
	max-width: 960px; 
	margin-left: auto; 
	margin-right: auto;
}

.page-id-12283 header.entry-header h1.entry-title,
.page-id-13885 header.entry-header h1.entry-title,
.page-id-13889 header.entry-header h1.entry-title {
    font-size: 65px;
    line-height: 75px;
   /* color: #15cad1;*/
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
    font-weight: 700;
}

.page-id-12283 h2,
.page-id-12283 h3,
.page-id-13885 h2,
.page-id-13885 h3 {
	margin-bottom: 10px;
}

.page-id-12283 .fullwidth-gray,
.page-id-13885 .fullwidth-gray {
    background: rgba(0,0,0,.05);
    padding: 100px;
}

.page-id-12283 .fullwidth-gray h3,
.page-id-13885 .fullwidth-gray h3 {
    font-weight: 700;
    font-size: 35px;
}

.page-id-12283 .fullwidth-gray p,
.page-id-13885 .fullwidth-gray p {
    font-size: 25px;
    line-height: 38px;
}

.page-id-12283 p.teaser,
.page-id-13885 p.teaser {
    width: 66%;
    margin: 0 auto;
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 25px;
}

.page-id-12283 p.regular,
.page-id-13885 p.regular { 
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 18px; 
	line-height: 28px;
}

.wp-block-button__link {
    background: none;
    border: 1px solid rgba(21,175,209,1);
    color: rgba(21,175,209,1) !important;
    padding: 16px 36px;
    transition: all .3s;
    text-decoration: none !important;
    opacity: .75;
}

.wp-block-button {
    margin-bottom: 50px;
}

.wp-block-button__link:hover {
    /*background: rgba(21,175,209,1) !important;
    color: #ffffff !important;*/
    padding: 16px 56px;
    opacity: 1;
}

.page-id-12283 .wp-block-table .has-fixed-layout td, 
.page-id-12283 .wp-block-table .has-fixed-layout th {
	padding: 15px;
}

.page-id-12283 .wp-block-table.is-style-stripes {
	border-bottom: none;
}

.page-id-12283 figure.wp-block-image {
	padding: 0;
	box-shadow: none;
}

.page-id-13885 .wp-block-columns p {
	margin-left: 0;
	margin-right: 0;
}

.page-id-13885 figure.enlarge img {
	width: 100%;
}

@media (max-width: 768px) {
	.page-id-12283 .site-content,
	.page-id-13885 .site-content {
		margin-top: 0;
		margin-bottom: 0;
	}
	.page-id-12283 header.entry-header h1.entry-title,
	.page-id-13885 header.entry-header h1.entry-title {
		font-size: 30px;
		line-height: 36px;
	}
	.page-id-12283 p.teaser,
	.page-id-13885 p.teaser {
		font-size: 18px;
		line-height: 28px;
		width: 100%;
	}
	.page-id-12283 p.regular,
	.page-id-13885 p.regular {
		font-size: 15px;
		line-height: 23px;
		width: 100%;
	}
	.page-id-12283 .fullwidth-gray,
	.page-id-13885 .fullwidth-gray {
		padding: 15px;
	}
}