/*
Theme Name:   SNP Greger Theme (Muto Child)
Template:     snptheme
*/

/*#############################################################
					Eigene Ergänzungen
###############################################################*/




body{
	font-size: 16px !important;
	font-family: 'Open Sans', sans-serif !important;
}

li{
	margin-bottom: 0.1em;
	margin-left: 1em;
}

.col-md-3 p, .col-md-3 li{
	line-height:1.4em !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif !important;
	padding: 0.5em 0 1em 0 !important;
}
section.content p a{
	color:#0067c6;
	font-weight:bold;
}

section.content h1,section.content h2,section.content h3{
	margin:0 !important;
}

section.content li a
{
	color:#0067c6;
}

section.content li
{
			line-height:1.7em;
}

section.content p {
    margin-bottom: 2em;
    text-align: justify;
    line-height: 1.7em;
}


section.content h1
{
	font-weight: normal !important;
}

.center, .center p{
	text-align: center !important;
}

hr{
  border-top: 2px solid #80808059;
}

#commentFormWrap {
    background-color: #8FE9B7;
	border-bottom: 5px solid #0aaa4f;
	margin-bottom:20px;
}

.sidebar-author-box {
    padding: 0 0 10px 0;
}

/* .authorbox{ */
	/* width:400px; */
	/* border: 2px solid #eee; */
	/* margin: 0px auto; */
	/* padding: 4px 7px 2px 7px; */
/* } */
/* .authorbox img */
 /* { */
	 /* width:175px; */
 /* } */
/* @media (max-width: 800px) */
 /* { */
/* .authorbox { */
	/* width:100%; */
	/* border: none; */
	/* margin: none; */
	/* padding: none; */
 /* } */
 /* .authorbox img */
 /* { */
	 /* width: 200px; */
 /* } */
 /* } */
 
 
.container_dotted {
    border: 2px dashed #172F48;
    border-radius: 8px;
    margin: 3px;
    padding: 8px 8px 20px 8px;
    width: 400px;
}
 
blockquote{
	font-size: inherit !important;
	font-style: italic;
	margin-left: 80px !important;
}

img { -ms-interpolation-mode: bicubic; }


.bild_mittig_voll {
    width: 100%;
    height: auto;
}

.size-thumbnail{
	padding: 0 0 15px 0;
}

.bilderrahmen {
	border: 2px solid #ddd
}

.grey_box{	/* für die grauen Hinweisboxen in den Blogbeiträgen*/
	background-color: lightgrey;
	padding: 6px;
	border-radius: 3px;
	margin-bottom: 1em
}


.example_box {
    background-color: lightgrey;
    padding: 6px;
    border-radius: 3px;
    margin: 0.9em;
    width: 300px;
    border-bottom: 6px solid darkgrey;
}

@media only screen and (max-width: 800px){
	.example_box{
		float:none !important;
	}
}

.center_box {
    background-color: lightgrey;
    padding: 6px;
    border-radius: 3px;
    margin: 0.9em;
    width: 280px;
    border-bottom: 6px solid darkgrey;

}


.center_box_wrap {
	display: flex;
    align-items: center;
    justify-content: center;
}

.red_box{	/* für die roten Hinweisboxen in den Blogbeiträgen*/
	background-color: #FF7878;
	padding: 6px;
	border-radius: 6px;
}
.red_box:hover{	/* für die roten Hinweisboxen in den Blogbeiträgen*/
	background-color: white;
-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.erp-box{
	display: flex;
    align-items: center;
    justify-content: center;
}

.widgettitle {
    text-align: center;
}

summary{
	font-weight: bold;
}

.imgWrap{
	display: flex;
    align-items: center;
    justify-content: center;
	
}

.textWrap{
	font-size:0.7em !important;
}

.yellow_box{
	background-color: #FFD994;
	padding: 10px;
	margin: 0 0 1em 0;
	border-bottom: 5px solid #f7b808;
}

.yellow_box li {
    font-weight: bold;
}

.yellow_box h2 {
    text-align: center;
}

/* .download_box h2 { */

    /* display: flex; */
    /* justify-content: center; */

/* } */

.hinweis{
	font-size: 1.2em;
	background-color: #ea6060;
	font-weight: bold;
	padding: 10px;
	width: 350px;
	margin: 0 auto;
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}

#hinweis_orange{
	
	background-color: #e81717;
	padding: 10px;
	width: 180px;
	height: 180px;
	border:  3px dotted white;
	color: white;
	border-radius: 90px;
	float: none;
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	margin: 0 auto 10px auto;
}


@media screen and (min-width: 800px){
	#hinweis_orange{
		float:right;
		margin: -63px 0 0 0;
	}
}

#orange_text{
	font-size: 1.2em;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
	padding: 43px 0px;
	width: 180x;
}

.contact_container {
    max-width: 550px;
    margin: 0 auto;
    background-color: #c5d5e8;
    padding: 10px;
	border-bottom: 5px solid #005099;

}

.phone_widget {
    font-size: 1.5em;
    font-weight: bold;
	margin: 20px 0 -20px 0;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 270px;

}

.phone_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}

.phone_wrap div {
    margin: 15px 0 15px 0;
}

.phone_container{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 40px 0;
}

.textwidget{
	margin: 10px 0 10px 0;
}

.rssfeed{
		display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 10px;
}

.sidebar-blogbeitrag{
	max-width:350px;
}

.contact-data-info {
    padding-top: 20px;
	line-height: 1;
	font-size:0.9em;
}

.author_photo, .author_photo_name {
    text-align: center;
}

.author_photo img {
    margin: 0 auto;
}

.author_photo_name img {
    max-width:180px;
    margin: 0 auto;
}

.sidebar-blogbeitrag-box {
    /*margin-top: 20px; */
}

.sidebar-blogbeitrag-title {
    text-align: center;
}


#submit {
    float: left;
    margin-top: 20px;
}

#anwalt_de{
display: flex;
align-items: center;
justify-content: center;
}

.heading_widget{
text-align: center;
font-size:1.1em;
margin-bottom: -30px !important;
}

.sidebar-author-title{
	text-align: center !important;
	font-size:1.1em;
	font-weight:bold;
}

#rc-anchor-container {
    max-width: 300px;
}

input[type="submit"] {
    font-weight: bold !important;
}


/* SOCIAL SHARE BUTTONS */

@media screen and (min-width: 800px){
	.heateor_sss_sharing_container {
		margin: -35px 0px 29px 0px;
		float: left;
		display: inline;
	}
}

.heateor_sss_sharing_container {
    margin: -35px 0px 29px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.heateor_sss_sharing_title {
    display: none;
}

.clearing { clear: both; }

/* Newsletter Formular */




#news_button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w3-button::before {
    content: "\f05a"  !important;
	font-family: 'FontAwesome'  !important;
	margin-right: 4px;
}

.w3-red{
	border-bottom: 3px solid #c10000 !important;
}

.smalltext {
    font-size: 0.8em;
    margin: 1.2em 0 1.2em 0;
    text-align: center !important;
    line-height: normal;
}

#mc_embed_signup_scroll h2 {

    text-align: center !important;

}


/* Order-Form */

.order_form {
    max-width: 400px;
    margin: 0 auto 20px auto;
    background-color: #ffe3a0;
    padding: 10px;
	border:  3px dashed #c63801;
	
}

.order_form input {
    float: none !important;
}

.order_list{
	font-weight:bold;
}

.order_list li:before{
	content: '\2705'!important; /*	CSS Symbol für grünes Häkchen-Emoji*/
	font-weight:normal!important; /* sonst ist das Häkchen schwarz statt grün!*/
   
}

.bad_list li:before{
	content: '\274C \FE0F'!important; /*	CSS Symbol für grünes Häkchen-Emoji*/
   display: inline-block!important;
   
}

#order_button{
	background-color:#003f79;
	color:white;
	font-weight:bold;
	padding: 6px;
    border-radius: 3px;
}

#order_button a{
	color:white;
}

#order_button:hover{
	background-color:#006fd5;
}

#order_button a:hover{
	text-decoration:none;
}


@media only screen and (min-width: 501px){
	.buch_thumb{
		float:left;
		margin: 10px;
	}
}

@media only screen and (max-width: 500){
	.buch_thumb{
		float:none;
		margin: 5px;
	}
}

/* Newsletter-Form */

#news_form {
    max-width: 550px;
    margin: 0 auto 20px auto;
    background-color: #ffe3a0;
    padding: 10px;
	border-bottom: 5px solid #dd9c01;
}

form label {
    text-transform: none !important;
    font-weight: normal !important;
    font-style: initial !important;
    font-size: 0.9em;
	line-height: 1;
}

.mce_inline_error {
    text-align: center;
    font-weight: bold;
}

.response{
	text-align: center;
    font-weight: bold;
}






/* Ribbon */


@media screen and (max-width: 600px) {
  .ribbonBox{
	color:	#ffffff;
	padding: 0 0 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	}
}

@media screen and (min-width: 601px){
.ribbonBox{
	width: min-content;
	position: relative;
	float: right;
	top: -36px;
	color:	#ffffff;
	padding: 20px;
	}
}

.itemRibbon {
  position: relative;
  width: 110px;
  height: 100px;
  background: #BE3B00;
  z-index: -2;
  -webkit-box-shadow: 0px 2px 7px 1px rgba(41,41,42,0.5);
  -moz-box-shadow: 0px 2px 7px 1px rgba(41,41,42,0.5);
  box-shadow: 0px 2px 7px 1px rgba(41,41,42,0.5);
}

.ribbonBox p {
    text-align: center !important;
    font-weight: bold;
    padding-top: 20px;
}

.itemRibbon P {
  text-align: center;
  color: #fff;
}

.itemRibbon.itemRight {
    top: 20px;
    right: 0px;
	background-image: linear-gradient(33deg,#BE3B00 51%, #F09B75);
}

.itemRibbon.itemRight:before {
  position: absolute;
  bottom: -17px;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
/* border-width: 17px 55px 0 0; */
border-width: 17px 60px 2px 0;
  border-color: #BE3B00 transparent transparent transparent;
  content: "";    
}


.itemRibbon.itemRight:after {
  position: absolute;
  bottom: -17px;
  right: 0;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  /* border-width: 0 55px 17px 0; */
  border-width: 8px 54px 18px 0px;
  border-color: transparent #BE3B00 transparent transparent;
  content: "";   
}

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }



/* Animation einer Datei */


.finger_box {
        
        animation-duration: 2s;
        animation-iteration-count: infinite;
        
        transform-origin: bottom;
    }

.finger {		soll langfristig raus
        animation-name: bounce0;
        animation-timing-function: ease;
		animation-iteration-count: 6;
    }
    @keyframes bounce0 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(10px); }
        100% { transform: translateY(0); }
    }

.finger_down {
        animation-name: bounce;
        animation-timing-function: ease;
		animation-iteration-count: 6;
    }
    @keyframes bounce {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(10px); }
        100% { transform: translateY(0); }
    }

.finger_right {
        animation-name: bounce-2;
        animation-timing-function: ease;
		animation-iteration-count: 6;
    }
    @keyframes bounce-2 {
        0%   { transform: translateX(0); }
        50%  { transform: translateX(10px); }
        100% { transform: translateX(0); }
    }

.heateor_sss_sharing_title{
	display:none !important;
}

.grecaptcha-badge { visibility: hidden; }

.payments{
	width: 250px;
	 display: flex; 
    justify-content: center; 
    align-items: center;
}


/* ######### Video Container ###########*/

/* Set your aspect ratio */
.video-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
}

.video-container iframe,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

/* And set the max-width of the parent element */
.video-wrap {
  max-width: 100%;
	width: 600px;
	left: 0;
	right:0;
	margin: auto auto 20px auto;
}

@media only screen and (max-width: 600px){
	.video-wrap {
		max-width: 400px;
	}
}

.button_blue{
	min-width:150px !important;
	box-shadow: 2px 2px 7px rgb(0 0 0 / 13%);
    background-color: #2baae1 !important;
	font-size: 1em;
	height: unset;
	letter-spacing: 0.2px;
    padding: 2px 20px;
	border-radius: 4px;
	margin-top:30px !important;
}