/*
 Theme Name:   tiny-framework Child
 Description:  tiny-framework Child Theme
 Author:       Ralf Tjarks
 Author URI:   http://www.ekm-consult.de
 Template:     tiny-framework
 Version:      1.0
 Text Domain:  tiny-framework-child
*/

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/*################ Allgemein ################ */


@media screen and (min-width: 783px) {
	body .site {max-width:1900px;max-width: 118.75rem;box-shadow:none !important;}
}

/*body {background-color:#E5E5E5 !important;}*/
body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8f9190+0,a3a8ac+100 */
background: #8f9190; /* Old browsers */
background: -moz-linear-gradient(top, #8f9190 0%, #a3a8ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8f9190 0%,#a3a8ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8f9190 0%,#a3a8ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f9190', endColorstr='#a3a8ac',GradientType=0 ); /* IE6-9 */}
body.custom-font-enabled {font-family: 'Raleway', sans-serif;}
#primary {padding-left:0rem !important;}
.content-area {margin:0rem 0 0 !important;}
.content-area {float:none !important;width:100% !important;}
h2 {font-size:40px !important;}
h2,h3 {color:#7A3E48 !important;}
h1 {font-size:45px !important; color:#7A3E48 !important;margin-top:30px !important;margin-bottom:30px !important;}
h3 {font-size:30px !important;}
h4 {font-size:40px !important;color:#999999 !important;}
h1, h4, h5, h6 {font-family: 'Raleway', sans-serif;font-weight:300 !important;}
body .site {padding:0 !important;}
.site {padding:0 !important;}

#inhaltWrapper {background-color:#ececec;padding:50px 0px;}
.inhalt {max-width:1240px;margin:0 auto;}

/*################ Header ################ */

.site-branding {padding-left: 3rem;max-width:1240px !important;margin:0 auto;}

/*################ Navigation ################ */

.main-navigation div.nav-menu > ul, .main-navigation ul.nav-menu {background-color:none !important;border:none;}

/*.main-navigation li a {color:#fff !important;text-shadow: 0 0px 1px #A1282A, 1px 0 1px #A1282A, 0 1px 1px #A1282A, 0px 0 1px #A1282A;border-right:1px solid #fff;padding-right:30px;-webkit-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.75);line-height:2 !important;-moz-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.75);box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.75);}*/

.main-navigation li a {color:#fff !important;line-height:2 !important;font-size:1.3em !important;font-weight:bold;}
.main-navigation li a:hover {color:#000 !important;}
#menu-item-144 > a {border:none !important;box-shadow:none !important;}
.main-navigation li {margin:0px !important;padding:0 10px;}
.main-navigation li ul li a {background-color:#BE1622 !important;font-size:1.0em !important;}
.main-navigation ul.nav-menu ul.sub-menu li {box-shadow:none !important;border-bottom:3px #fff !important;}
.main-navigation div.nav-menu > ul, .main-navigation ul.nav-menu {text-align:right;}
.menu-hauptmenu-container {margin-top:20px;margin-bottom:1px;padding:5px 0px 5px 0px;background-color:#BE1622;}
#primary-menu {max-width:1240px;}
body.admin-bar .main-navigation, .main-navigation {margin-top:0 !important;}



.sub-menu {padding-top:5px !important;}

/*################ Footer ################ */

.site-footer {max-width:1900px !important;padding-left: 3rem; padding-right: 2rem;background:#550B00;}

.footer-widgets .site-footer #footer-widgets {max-width:1240px !important;margin:0 auto;}

.widget-title {color:#fff !important;font-size:20px !important;}
#footer-widget-middle .widget-title {text-align:center;}
.widget-area .widget p {color:#fff;}
#primary {
    padding-left: 0rem;
    padding-right: 0rem;
}
#footer-widgets a:hover {text-decoration:none;color:#222;}
.widget-area .widget_categories ul li, .widget-area .widget_nav_menu ul li {margin-left:18px;}
#footer-widgets a, #footer-widgets a:visited {color:#fff;font-size:14px !important;}

/*################ Startseite ################ */

.su-slider-centered {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.boxen a {
background-color: #BE1622;
    padding: 7px 15px;
    color:#fff;
}
.boxen a:hover, .box_start a:hover, .box_start_rechner a:hover {background-color:#FF0000;}
.boxen h3 {margin-top:-35px;margin-bottom:0px !important;padding:0px !important;}

.entry-header {margin-bottom:0 !important;}

.boxen_start .su-column.su-column-size-1-3 {
    border: 1px solid #ececec;
    padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:40px;
}
.boxen_start_inner {
   padding:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ffffff+100 */
background: #ececec; /* Old browsers */
background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ececec 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.box_start_rechner .su-column.su-column-size-1-2_2 {padding-top:20px;width:48%;}
.box_start_rechner .su-column.su-column-size-1-2_1 {width:48%;}

.box_start_rechner {
    padding: 0px 20px 0px 0px;
    margin-top:0px;
    margin-bottom:80px;
    background-color:#747474;
}
.box_start_rechner_img {width:70px;height:70px;float:left;padding-top:15px;}
.box_start_rechner_text {color:#fff !important;line-height:2.6em!important;padding-top:15px;height:90px;}
.box_start_rechner_text em {color:#BE1622 !important;}
.box_start_rechner img {max-width:50%;margin:0px 30px 0px 0px;border-radius:0px !important;}

.avatar, .comment-content img, .entry-content img, img.header-image, img.wp-post-image, .widget img {box-shadow:none !important;border-radius:0px !important;}

.boxen .su-column.su-column-size-1-3 {padding: 5px;width:300px;border:1px solid #ececec; min-height:360px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-top:40px;background-color:#fff;}

.entry-title {display:none !important;}
.boxen {max-width:990px;margin:0 auto;}
.boxen_start {max-width:1240px;margin:0 auto;margin-bottom:80px;}
.boxen_start strong, .box_start_rechner strong {font-size:30px;color: #BE1622;font-family: 'Raleway', sans-serif;font-weight:300 !important;margin-bottom:20px;text-align:left !important;}
.boxen_start em, .box_start_rechner em {font-size:20px;font-family: 'Secular One', sans-serif;margin-bottom:20px;text-align:left !important;}
.alignleft.wp-image-92 {margin-left:50px;}
.alignleft.wp-image-93 {margin-left:70px;}
.alignleft.wp-image-94 {margin-left:50px;}

#wpcf7-f14-p15-o1 {padding: 40px; margin-bottom: 10px;background: #EBECEC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* ######## Box 5 Gründe Leistungen ####### */

.number {font-size:300px;line-height:200px;color:#be1622;text-align:center;}
.box {background-color:#DADADA;border:1px solid #999;padding-bottom:10px;border-radius:3px;}
.su-column.su-column-size-1-2_1 {width:20%;}
.su-column.su-column-size-1-2_2 {width:33%;padding-top:35px;}
.su-column.su-column-size-1-2_3 {width:33%;padding-top:97px;}
.su-spoiler-title {font-size:20px !important;color:999999 !important;font-weight:normal !important;}
.Q1,.Q2,.Q3,.Q4,.Q5 {width:20px;height:20px;background-color:#be1622;float:left;}
.Q1,.Q2,.Q3,.Q4,.Q5 {margin-right:10px;}
.head_five {font-size:30px !important;line-height:19px;}
.Q_all {clear:both;margin-bottom:30px;}
.su-spoiler-icon {color:#be1622 !important;}

.boxenWrapper {margin-top:340px;}


.ms-slide-info.ms-dir-h.ms-align-bottom {margin-top:-340px !important;width:30%;margin-left:19%;margin-bottom:100px;}
.ms-slide-info.ms-dir-h.ms-align-bottom h2 {text-align:left !important; font-size:45px !important;}
.slideinfo-bg h1 {text-align:left !important;color:#0E77BB;font-weight:bold;}
.slideinfo-bg a {text-decoration:none;padding:10px 25px 10px 25px;background-color:#BE1622;color:#fff !important;}
.slideinfo-bg a:hover {background-color:#FF0000;}

/* ##### Gaubenrechner ##### */
legend {font-weight: bold;font-size: 1.4em;}
.zusatz,.angaben {margin-top:10px;}
div#field_1-2 {margin-top: 0px;}

.calbox {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px !important;
    background-color: #f8f8f8;
    margin-bottom:5px;
}
@media (min-width:768px) {
.spalte-1-4 {width:22%;margin-left:2%;float:left;}
}
@media (max-width:767px) {
.spalte-1-4 {width:48%;margin-left:2%;float:left;}
}

/* ============ Änderungen EKM für Runge ============*/

/* === Header === */
.header-image {display: none;}

.kontakt {
    font-size: 1.4rem;
    margin-top: 40px;
}
/* === Startseite === */
.box_start {
 background-color: #f8f8f8;
    padding: 20px;
    border: 1px solid #ececec;
    border-radius: 3px;
    display: inline-block;
}

.box_start a,
.box_start_rechner a {
    background-color: #BB1B1B;
    padding: 7px 15px;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wp-caption-text {
background-color: #F8EADC;
height: 40px;
line-height: 40px;
font-size: 1.3em;
}

.entry-caption, .gallery-caption, .wp-caption .wp-caption-text {
    color: #505050;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.7;
    text-align: center;
	font-weight:bold;
}

.button a {background-color: #BB1B1B;color: #fff;padding: 10px 20px;border-radius: 3px;float: right;}
.button a:hover {background-color:#ff0000;}


/* == Mobile ==*/
.main-navigation.toggled ul > .current-menu-item > a, .main-navigation.toggled ul > .current_page_item > a {background-color:#BE1622 !important}
.main-navigation.toggled li a {background-color:#BE1622 !important}