/*
 Theme Name:   blocksy child
 Description:  Blocksy Child Theme
 Template:     blocksy
 */


 .social-buttons{
 	display: inline-block;
 }
 .mastodon-social{
 	display: inline-block;
 	height: 45px;
 	width: 45px;
 	background-image: url("https://chat-kontrolle.eu/wp-content/uploads/2022/08/mastodon_white.png");
 	background-size: contain;
 	background-repeat: no-repeat;
 	margin: 30px 20px;
 	padding: 0px;
 }
 .mastodon-social a, .twittter-social a{
 	font-size: 0em;
 	height:45px!important;
 	width: 45px!important;
 }
 .twittter-social{
 	display: inline-block;
 	height: 45px;
 	width: 45px;
 	background-image: url("https://chat-kontrolle.eu/wp-content/uploads/2022/08/twitter_white.png");
 	background-size: contain;
 	background-repeat: no-repeat;
 	margin: 30px 20px;
 	padding: 0 0px;
 }

 /*hintergrund*/
 .wp-block-button.custom-button-style-fill{
 	box-shadow: 5px 5px 8px #522b4a;
 	transition: 0.3s;
 }

 .wp-block-button.custom-button-style-fill:hover{
 	box-shadow: 1px 1px 3px #522b4a;
 }

 .wp-block-button.custom-button-style-fill a{
 	background-color: transparent;
 }

 .wp-block-button.custom-button-style-fill a:hover{
 	transform: none;
 }

 .argumente-info-box-bold{
 	font-family:'League Gothic';
 	font-size: 2em;
 }
 .argumente-info-wrapper{
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	padding:0;
 }
 .argumente-info-box{
 	border: solid 2px #fff;
 	padding: 10px;
 }

 .aufruf-green-row{
 	background-color: #fff;
 	border: solid 3px #00e174!important;
 	padding: 20px;
 }


/* General
***************************/
.wp-block-cover{
	margin-bottom: 0px!important;
  padding-top: 50px;
  padding-bottom: 50px;
}

.entry-header{
	margin-bottom: 50px;
}

.site-title a{
 font-weight: 400!important;
}

.entry-content h2{
	margin-top: 50px!important;
  margin-bottom: 30px;
}

p{
	margin-bottom: 30px!important;
}

a{
	font-weight: 700;
}
.links-dark a{
	color: #fff;
	font-weight: 700;
}

.links-dark a:hover{
	color: #00E174;
}

/* Hero Slider
***************************/
#hero_slider{
	display: flex;
	align-items:  flex-end;
	justify-content: center;
	height: 90vh;
	padding: 0px;
}

.slider-button{
	font-family: 'Hind';
	font-size: 1em;
	font-weight: 700;
	padding: 8px 15px;
	background-color: #00E174CC;
	border-radius: 1px;
	margin-bottom: 50px;
	cursor: pointer;
	box-shadow: 5px 5px 8px #000;
}

.slider-button:hover{
		box-shadow: 1px 1px 3px #000;
}

/* Slide 1*/
#hero_slider_slide01{
	display: flex;
	flex-direction:column;
	align-items:  center;
	justify-content: flex-end;
	padding: 30px;
}

/* Slide 2 */
#hero_slider_slide02{
	display: flex;
	flex-direction: column;
	align-items:  center;
	justify-content: center;
	text-align: center;
	padding: 30px;
}

.slider-2-bubble
{
	position:relative;
	color: #473198;
  min-width: 30%;
	max-width: 80%;
   height: auto;
   padding: 20px;
   background: #ffffffcc;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slider-2-bubble:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 34px 22px 0;
    border-color: #ffffffcc transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -34px;
    left: 36px;
}

.slider-2-button{
	font-family: 'Hind';
	font-size: 1em;
	color: #473198;
	padding: 8px 15px;
	margin: 15px;
	background-color: #ffffffcc;
	border:solid  1px #473198;
	cursor: pointer;
	box-shadow: 5px 5px 8px #4c4c4c;
	transition: 0.3s;
}

.slider-2-button:hover{
		box-shadow: 1px 1px 3px #4c4c4c;
}*/

.slider-2-button a{
	font-weight: 400;
}

/* Calendar
***************************/
.mec-calendar{
	border: solid 3px #00E174;
}

/* Custom button style-outline*/

.wp-block-button.section-1-button{
	border: solid 2px #473198;
	box-shadow: 5px 5px 8px #65b790;
	transition: 0.3s;
}

.wp-block-button.section-1-button:hover{
	border: solid 2px #473198;
	box-shadow: 1px 1px 3px #65b790;
}

.wp-block-button.section-1-button a{
	background-color: transparent;
}

.wp-block-button.section-1-button a:hover{
	transform: none;
	background-color: transparent;
}

/* Section-2 Newsletter
*****************************/
.section-2 a{
	color: #FFF;
	font-weight: 700;
}

.section-2 a:hover{
	color: #00E147;
}

.aufruf-title{
	position:absolute;
	font-family: League Gothic;
	top:0;
	left:0;
	width: 100vw;
	font-size: 250px;
  opacity: 0.8;
	transform:  translateX(-5%)
		translateY(-5%) rotate(-15deg);
	word-break: normal;
	word-wrap: normal;
	overflow-wrap: normal;
	-webkit-hyphens: normal;
	-moz-hyphens: normal;
	-ms-hyphens: normal;
	hyphens: normal;
	z-index: -2;
}

/* Hintergrund
*****************************/

.custom-middle-column{
	padding: 30px;
	margin-top:100px!important;
	border-radius: 10px;
}
.hintergrund-box{
	padding: 15px;
	border: solid 2px #fff;
	transform:translate(0px, -150px);
}

.wp-block-button.custom-button-style-fill:hover{
	box-shadow: 1px 1px 3px #522b4a;
}

.wp-block-button.custom-button-style-fill a{
	background-color: transparent;
}

.wp-block-button.custom-button-style-fill a:hover{
	transform: none;
	background-color: transparent;
}

.impressum-box{
 border: solid 3px #00e174;
}
.selfie-mobile-img{
	display:none;
}

/* Media queries
 *****************************/

@media only screen and (max-width: 720px){

	.hide-on-mobile{
		display: none;}
	.wp-block-columns{
		padding: 15px;}
	.wp-block-columns.slider-visibility{
	padding: 0px;}
	.custom-middle-column{
		padding: 15px;
		margin-top:50px;}
	.kt-accordion-panel-inner{
		padding: 5px!important;}
  .hintergrund-img{
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .wp-image-780{
	width: 50%;
	margin-right: 50px;
}

}

@media only screen and (max-width: 1250px){

	.selfie-desktop-img {
		display: none;}
	.selfie-mobile-img{
		display: block;
	}

}

@media only screen and (min-width: 720px){

	.slider-1-button{
		margin-bottom: 80px;}
	.aufruf-title{
		position:absolute;
		font-family: League Gothic;
		top:0;
		left:0;
		width: 100vw;
		font-size: 550px;
		transform:  translateX(-5%)
		translateY(-5%) rotate(-15deg);
		word-break: normal;
		word-wrap: normal;
		overflow-wrap: normal;
		-webkit-hyphens: normal;
		-moz-hyphens: normal;
		-ms-hyphens: normal;
		hyphens: normal;}
	.bubble{
  	transform: translate(0px, 200px);}
	.hintergrund-box{
		transform:translate(0px, -50px);
		margin-left: 100px!important;
		margin-right: 100px!important;}
	.scustom-midle-column{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 50px;
		z-index: -1;}
	 .prinzipien h1{
	 		font-size: 1.2em;
  		padding-left: 0px;}
	 .wp-block-media-text__media{
	  	max-width: 70%;}
}

@media only screen and (min-width: 1000px){

	.hide-on-desktop{
		display: none;}
	.aufruf-green-row{
		max-width: 0px!important;}
	.megafon-1{
		transform: translate(-200px, 0px);}
	.megafon-2{
		transform: translate(100px, 0px);}
	.selfie-desktop-img{
		width: 250px;
		transform:translateX(50%) translateY(-150px);
		z-index: 2;}
	.hintergrund-box{
		padding: 15px;
		border: solid 2px #fff;
		transform:translate(0px, -50px);
		margin-left: 150px!important;
		margin-right: 150px!important;}

}