/*==



Theme Name: Cras-Child

Theme URI: http://3jon.com/demo/nwp/item/cras

Author: Tobias Niederelz

Author URI: https://themeforest.net/user/3jon

Template: cras

Description: Child theme for Cras.Style Tobias Niederelz

Version: 0.1

License: GNU General Public License v2 or later

License URI: LICENSE

Tags: four-columns, right-sidebar, left-sidebar, custom-background, featured-images, theme-options, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, post-formats, sticky-post, threaded-comments, translation-ready

Text Domain: cras-child

footer

==*/





/* =Theme customization starts here
------------------------------------------------------- */

.iframe-container {
   
    position: relative;
    width: 100%;
   /* max-width: 1000px;*/ /* Maximale Breite definieren */
    height: 1200px;
    overflow: auto;
    padding-bottom: 30%; /* Höhe im Verhältnis zur Breite */



}

.iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	-ms-text-size-adjust:     100%;
	-webkit-text-size-adjust: 100%;
}

	html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}


mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
    color: rgb(0, 0, 0)!important;
    word-break: break-word;
    background: #F4F4F4;	
}

dl dt {
    font-weight: 600;
    margin: 20px 0;
}

button,
input,
optgroup,
select,
textarea {
	outline: none;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

th{
	font-weight: 700;
}

td,
th {
	border-width: 0 1px 1px 0;
	padding: 0.4375em;
	padding-left: 9px;
	text-align: left;
}

table, th, td {
	border: 1px solid #ebebeb!important;
}

figure img {
	margin-bottom: 0!important;
}

figcaption {
	font-size: 16px;
    font-weight: 500;
    font-style: italic;
    display: inline-block;
    bottom: auto!important;
    padding-top: 10px;
    /* padding: 20px 10px 9px!important; */
}

.wp-block-image {
    margin: 1em 0 1em;
}

.wp-block-image:last-child {
    display: flow-root;
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 0;
    color: var(--body-color);
    text-align: left;
    font-size: 13px;
}

.wp-block-cover.alignleft, .wp-block-gallery.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-block-cover, .wp-block-cover-image {
    margin: 0 0 20px;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 4px solid #F4F4F4;
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
    margin-right: 0;
}

.blocks-widgets .wp-block-archives,
.blocks-widgets .wp-block-categories,
.blocks-widgets .wp-block-latest-comments,
.blocks-widgets .wp-block-latest-posts,
.blocks-widgets .wp-block-search,
.blocks-widgets .wp-block-tag-cloud,
.blocks-widgets .wp-block-calendar {
	margin-bottom: 30px!important;
}

.wp-block-latest-comments__comment {
	margin-bottom: 0px!important;
    padding: 0 0 30px 0!important;
    float: inherit;
    display: flex;
}

.wp-block-latest-comments__comment article {
    width: 92%;
    float: right;
}

.wp-block-latest-comments__comment:nth-child(3)>article {
    width: 90%;
}

.wp-block-latest-comments__comment:nth-child(4)>article {
    width: 84%;
}

.wp-block-latest-comments__comment:last-child>article {
    width: 84%;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 20px;
}

.wp-block-latest-comments__comment-date {
    color: #ff3d24;
    font-size: 14px;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    color: #fff!important;
}

.block-button .alignleft {
    float: left;
    padding-right: 30px;
}

.block-button .alignright {
    float: right;
    padding-left: 30px;
}

img.alignright {
    float: right;
    margin: 10px 0 0 20px;
}

body.single .category-block p {
    margin: 20px 0;
}

.wp-block-button__link {
    background: #ff3d24;
    font-size: 16px;
    color: #fff!important;
    margin: 20px 0;
    border: 1px solid #ff3d24;
    border-radius: 0px;
}

.wp-block-button__link:hover {
    background: transparent;
}

.wp-block-file__button {
    color: #fff;
    text-decoration: none;
    font-size: 18px; 
    color: var(--white-color);
    text-transform: uppercase;
    padding: 7px 15px;
    border: 1px solid var(--white-color);
    background: transparent;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 0px;
}

.wp-block-file__button:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.has-text-color strong {
    color: #ff3d24;
}

.wp-block-heading body {
    margin-top: 20px;
}

.single-blog-list h1, .single-blog-list h2, .single-blog-list h3, .single-blog-list h4, .single-blog-list h5, .single-blog-list h6, .single-blog-list p, 
.blog-standard__single-content h1, .blog-standard__single-content h2, .blog-standard__single-content h3, .blog-standard__single-content h4, 
.blog-standard__single-content h5, .blog-standard__single-content h6, .blog-standard__single-content p {
    margin: 20px 0!important;
}

.blog-standard__single-content p:first-child {
    margin-top: 0!important;
}

.single-blog-list p:last-child, .blog-standard__single-content p:last-child {
    margin-bottom: 0!important;
}

.single-blog-list p:last-child {
    margin-bottom: 0!important;
}

img.alignleft {
    margin: 0 10px 10px 0;
}

.tag-edge-case.tag-featured-image img {
    width: Auto!important;
}

.markup-html-tags-and-formatting .single-blog-list blockquote {
    margin: 20px 15px;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6em;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding: 40px;
    border: navajowhite;
}
.wp-block-media-text__content p.has-large-font-size {
    color: #fff;
}

.wp-block-pullquote blockquote {
    border: none;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    color: #fff;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
    color: #fff;
}
.has-text-color.has-background.has-very-light-gray-color {
	color: #fff;
}
.wp-block-preformatted {
    margin-top: 20px;
}

@media only screen and (min-width: 768px) {
.wp-block-pullquote p {
    font-size: 1.75em!important;
    line-height: 1.5!important;
}
}

@media only screen and (min-width: 600px) {
	.wp-block-column:nth-child(odd) {
	    margin-right: 22px;
	}	
	.wp-block-column:not(:last-child) {
	    margin-right: 22px;
	}
	.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
	    margin-left: 22px;
	}	
}

.is-style-outline .wp-block-button__link {
	border: 1px solid #ff3d24!important;
	color: #fff;
}

.is-style-outline .wp-block-button__link:hover {
	color: #ff3d24!important;
	background: none;
}

.wp-block-archives li, .wp-block-categories li, .wp-block-latest-comments li,
.wp-block-latest-posts li {
	list-style: none!important;
}

.wp-block-archives li a:hover, .wp-block-categories li a:hover, .wp-block-latest-comments li a:hover,
.wp-block-latest-posts li a:hover {
	color: #ff3d24;
}

.wp-block-archives, .wp-block-categories {
    margin: 0 0 1rem;
}

.blog-content a, .single-entry-content a, .blog-content a:hover, 
.single-entry-content a:hover {
    text-decoration: none;
    color: #ff3d24;
}




/*--------------------------------------------------------------
Footer & Footer Sidebar
----------------------------------------------------------------*/

.site-footer{
    color:#666;   
}
.siite-footer .widget li {
    line-height: 2.6;
}

.site-footer .widget_calendar table caption{
	font-size: .875em;
	font-weight: 700;
}

.footer-wrap {
    padding-top: 2.188em; 
}

.footer-wrap .footer-logo>img {
	display: block;
	margin-bottom:20px;
    max-height:160px;
}

.site-footer li a {
    color: #6b6b6b;
    text-transform: capitalize;
}

.site-footer .widget .sub-menu{
    margin-left: 1em;
}
.site-footer .widget-title{
    color: #fff;
    font-size:0.875em;
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0.375em;
    padding-top: 0.625em;
}

.site-footer .widget_story_recent_post .entry-meta{
    padding-left: 5px;
}


.site-footer .widget_calendar table,th,td{
    border:none;
}

.site-footer .widget_calendar table,th,td{
    border:none;
}

.site-footer .widget_calendar table a:hover{
	color: #ff3d24;
}

.site-footer .widget_tag_cloud .tagcloud>a {
    transition:all .3s ease;
}

.site-footer .widget_tag_cloud .tagcloud>a:hover {
    border-color:#ff3d24;
}

.site-footer .site-info{
    padding-top: 0.738em;
    padding-bottom: 24px;
    border-top: 1px solid #1b1a1a;
}
.site-info .footer-menu{
    padding-bottom: 5px;
}

.site-info .footer-menu li a {
    font-size: 14px;
    font-weight: 400;
	color: #6b6b6b;
			
}

.site-info .footer-menu li a:hover,
.site-info .footer-menu li a:active{
    color: #ff3d24;
}


/* scroll to top button */

.go-top {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	padding: 2px 0px;
	text-align: center;
	margin-top: 10px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #ff3d24;
	color:#ffffff;
	text-decoration: none;
	z-index: 200;
	float: right;
}

.go-top:hover,
.go-top:active,
.go-top:focus{
	background-color: #ff3d24;
	text-decoration: none;
	color: #ffffff;
}