/*
Theme Name: 	DTE15
Theme URI: 		https://www.tabellenexperte.de/
Description: 	DTE15
Author: 		Martin Weiß
Author URI: 	https://www.tabellenexperte.de/
Template: 		customizr-pro
Version: 		1.0.0
*/

@import url(../customizr-pro/style.css);

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

body {
	line-height: 1.5em; 
  color: #333333;
}

.carousel-caption {
  background: rgba(0, 0, 0, 0.5);	
}

/* START OF Change Sidebar borders */
/* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
/*#right.widget-area {
  border-bottom: 2px solid green;
}*/
/* END OF Change Sidebar borders */

#right.widget-area .widget, #left.widget-area .widget {
  background-color: #e4e4e4; 
  padding: 5px 10px 10px 10px;
  margin-bottom: 10px;
  border-top: 5px solid #bfbfbf;
}


#right.widget-area #text-13.widget, #right.widget-area #custom_html-4.widget  {
  color: #fff;
  background-color: #bf0000; 
}

/* ANFANG eigene Widget-Icons */
/* Siehe http://fontawesome.io/icons/   */

/* Weiße Icons im Footer */
#footer h3:before {
	color: #fff;
}

h3.widget-title {
	font-size: 1.1em;
	font-weight: bold;
}

h2.widget-title {
	font-size: 1.1em;
	font-weight: bold;
}

/* Seite Neu hier */
#page-100 h1:before {
	/*content: '\f1ae';*/
  content: '\f2b5';
}


/* Verkaufsseite E-Kurs */
#page-2862 h1:before {
	content: '\f15c';
}

/* Verkaufsseite E-Books */
#page-3448 h1:before, #page-4642 h1:before, #page-4176 h1:before {
	content: '\f15c';
}

/* Kontaktseite */
#page-6 h1:before {
	/*content: '\f1d9';*/
  content: '\f2b6';
}

/* Download-Seite */
#page-1174 h1:before {
	/*content: '\f0ed';*/
  content: '\f150';
}

/* Kontaktseite Sidebar */
#text-11 h3:before {
	content: '\f0f9';
}

/* Blogartikel */
entry.header h1.entry-title:before {
	content: '\f0eb';
}

/* Artikelübersicht: Artikel nach Kategorien */
#categories-5 h2:before {
	content: none;	 /*  '\f802';  */
}

/* Artikelübersicht: Die letzten 99 Artikel */
#recent-posts-5 h2:before {
	content: none;	/*  '\f0cb';  */
}

/* Monatsarchiv */
#archives-5 h2:before {
	content: none;	/*  '\f2a3';  */
}

/* Newsletter */
#text-13 h3:before, #text-8 h3:before, #custom_html-3 h3:before {
	content: '\f2b6'; /* '\f003'  \f1d9  \f410 */
	/*color: #fff;*/
}

/* Newsletter Sidebar */
#custom_html-4 h3:before {
	content: '\f2b6'; /* '\f003'  \f1d9  \f410 */
	color: #fff;
}

/* Wer schreibt hier */
#text-17 h3:before {
	content: '\f21b'; /* \f411 \f455 */
}

/* PayPal-Spende */
#text-18 h3:before {
	content: '\f512'; 
}

/* Ukraine Nothilfe */
#text-23 h3:before {
	content: '\f4b9'; 
}

/* Excel-Kompetenztage, Online-Kurs Dashboards */
#text-25 h3:before, #custom_html-8 h3:before {
	content: '\f19d'; 
}

/* Cool Tag Cloud */
#cool_tag_cloud-2 h3:before{
	content: '\f02b'; /* \f302 */
}

/* E-Book + Buch */
#block-22 h3:before, #block-24 h3:before, #block-25 h3:before, #block-26 h3:before, #text-19 h3:before, #text-15 h3:before, #text-18 h3:before, #text-23 h3:before, #text-21 h3:before, #custom_html-5 h3:before, #custom_html-6 h3:before, #custom_html-7 h3:before {
	/*content: '\f02d'; */
  content: '\f02d';
}

/* Beliebte Artikel*/
#block-20 h3:before, #block-21 h3:before, #wpp-3 h3:before, #wpp-5 h3:before, #wpp-6 h3:before{
	content: '\f004'; /*\f461 */
}

/* Online-Kurs */
#block-30 h3:before {
	content: '\f02b';
}

/* Mehr Excel-Know-How */
#text-19 h3:before {
	content: '\f455';
}

/* Neuigkeiten */
#text-20 h3:before, #dpe_fp_widget-3 h3.widget-title:before, #rpwe_widget-2 h3.widget-title:before {
	content: '\f0a4'; /* \f08d  \f308 */
}

/* Rechtliches */
#nav_menu-4 h3:before {
	content: '\f24e';
}

/* Online-Kurs Dashboard */
#block-18 h3:before {
	content: '\f19d';
}

/* Wer schreibt hier */
#block-23 h3:before {
	content: '\f15c';
}


/* ENDE eigene Widget-Icons */

footer#footer {
  background:#686758;
}
  
footer#footer h3.widget-title {
	font-weight: normal;
	text-align: left;
	font-size: 1em;
}

footer#footer p, footer#footer a {
	font-size: 0.9em;
  text-align: left;
}

h2 {
	margin: 30px 0 20px 0;
}

h2.entry-title {
	margin-top: 0;
}

/*EIGENE ERGÄNZUNGEN*/
.taste {
	padding: 2px;
	float: left;
	text-align: center;
	min-width: 2em;
	background: #ddd;
	border: 1px solid #3f3f3f;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.plus {
	padding: 2px;
	text-weight: bold;
	float: left;
	text-align: center;
	min-width: 1.5em;
	border: 1px solid #fff;
}

.artikel {
	margin: 10px 20px 3px 0;
	padding: 5px;
	border: 1px solid #c5c5c5;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.9);		
}

.tc-thumbnail {
	padding: 5px;
	border: 3px solid #c5c5c5;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.9);		
}

.beschriftung {
	font-size: 0.6em;
	color: #727272;
	font-style: italic;
}

.hervorheben {
	font-weight: bold;
}

a.neu {
	display: block;
	width: 293px;  /* 310px */
	height: 127px; /* 310px */
	background-image: url(images/erstes_mal2.gif);
	background-repeat: no-repeat;
  border: 2px solid #bd0000;
}


.widgets_on_page {
	background-color: #e4e4e4;
}

.widgets_on_page ul {
	padding: 0;
}



.logo {
	display: block;
	float: left;
	min-height: 150px;
	text-decoration: none;
	width: 400px;
}

.newsletter {
	display: block;
	float: right;
	margin-right: 50px;
}

.newsletter label {
	font-size: 0.8em;
}

.neuhier {
	display: block;
	float: right;
	margin-right: 5px;
  margin-bottom: 10px;
	padding-right: 0px;
	padding-top: 20px;
}

.neuhier h3{
	color: #bf0000;
	font-size: 1em;
	font-weight: bold; 
  margin-bottom: 5px;
}

.autoreninfo {
	border: 2px solid #026466;
	border-radius: 5px;
	padding: 10px 0 10px 10px;
  margin: 20px 0 10px 0;
	background-color: #e4e4e4;
}

.social_share_privacy {
	border: 2px solid #bf0000;
	border-radius: 5px;
	padding: 0 0 10px 10px;
	background-color: #e4e4e4;
}

.twoclick-intro {
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
}

.artikel-newsletter {
	/*border: 2px solid #007373;*/
	border: 2px solid #686758;
	border-radius: 5px;
	margin: 30px 0 0;
	padding: 10px;
	background-color: #e4e4e4;
}

.einleitung {
	background-color: #e4e4e4;
	font-weight: bold;
	font-style: italic;
	border-left: 10px solid #bf0000;
	margin-top: 10px;
	padding: 20px 10px;
}

code {
	/*font-weight: bold;*/
  font-size: 1em;
	display: block;
	padding: 10px;
	margin: 10px 0 10px 0;
	background-color: #fffdea;
  color: #5a5a5a;
	border: 1px solid;
	border-radius: 5px;
	border-color: #bf0000;
}


.check {
	margin-top: 10px;
  background: url(images/check.png) no-repeat 0px 0px;
  line-height: 1.5em;
	padding-left: 35px;
}

.mce_text p {
	font-size: 1em;
  line-height: 1.5em;
}

.versionenbox {
background-color: #fffdea;
border: 1px solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-color: #bf0000;
}

.versionenbox table {
	border: none;
  margin: 0;
  font-size: 0.8em;
}

.versionenbox table th {
	padding-left: 5px; 
  overflow:hidden;
  word-break:normal;
  text-align: center;
}

.verja {
  background: url(images/yes.png) no-repeat 0px 2px;
  text-align: left;
  text-indent: -9999px;  
}  
  
.vernein {
  background: url(images/no.png) no-repeat 0px 2px;  
  text-align: left;
  text-indent: -9999px;  
}

.kaufbox {
	border: 1px solid #686758;
	border-radius: 5px;
	margin: 30px 0 15px 0;
	padding: 10px 10px 0 10px;
}


/* --- Hellgelbe Box --- */
.boxfarbe1 {
	border: 2px solid #686758;
	border-radius: 5px;
	margin: 20px 0 20px 0;
	padding: 10px;
	background-color: #fffdea;
}

/* --- Lindgrüne Box --- */
.boxfarbe2 {
	border: 2px solid #686758;
	border-radius: 5px;
	margin: 20px 0 20px 0;
	padding: 10px;
	background-color: #cafcc9;
}

/* --- Hellgraue Box --- */
.boxfarbe3 {
	border: 2px solid #686758;
	border-radius: 5px;
	margin: 20px 0 20px 0;
	padding: 10px;
	background-color: #e4e4e4; 
}

/* --- Weiße Box --- */
.boxfarbe4 {
	border: 2px solid #686758;
	border-radius: 5px;
	margin: 20px 0 20px 0;
	padding: 10px;
	background-color: #fff; 
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
	.site-header .home-link {
		background-size: 90% auto;
		background-position: 10px 10px;
	}

	.logo-box {
		display: block;
		float: left;
		width: 99%;  
	}

	h2.site-description {
		margin: 1px 0;
		line-height: 1em;
	}
	

	.neuhier {
		padding-top: 0px;
    padding-left: 15px;
	}	
	
	.newsletter {
		display: none;
	}
	
	.logo {
		width: 100%;
		margin-bottom: 10px;
    min-height: 100px;
	}		
  
  footer#footer h3.widget-title {
	text-align: center; 
	}
}

@media (max-width: 480px) {
	#customizr-slider {
    	display: none;
	}
}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
	.site-header .home-link {
		background-size: 90% auto;
		background-position: 10px 10px;
	}

	h2.site-description {
		margin: 10px 0;
		line-height: 1em;		
	}

	.newsletter {
		display: none;
	}
		
	.logo {
		width: 100%;
		margin-bottom: 10px;
	}
}



.widgets_on_page .widget_recent_entries li, .widgets_on_page .widget_categories li, .widgets_on_page .widget_archive li {
  padding: 5px 0 5px 0;
}

.widget_recent_entries li a, .widget_categories li a, .widget_archive li a {
  font-size: 1em;
}

.widgets_on_page .widget_recent_entries h3, .widgets_on_page .widget_categories h3, .widgets_on_page .widget_archive h3 {
  padding-top: 20px;
}

.wpp-list {
  padding-left: 0px;
  margin-left: 0px;
}

/*media all*/
#main-wrapper .widget .wpp-list li, #main-wrapper .widget .wpp-list li:after {

  	margin-bottom: 5px;
    border-bottom: none;
    position: relative;
}

ul.dteaufzaehlung, .entry-summary li, .entry-content li {
	line-height: 1.7em;
}

.comment-author-admin>article {
	background-color: #fffdea;
}

.sliderlist, .sliderlist li  {
	color: #bd0000;
	padding: 0.8em 0 0.8em 0;
	font-size: 1.1rem;
	line-height: 1.3rem;
}

/* START OF Align the Featured Pages buttons */
/* Align FP Buttons, adjust 90px to fit largest column */
.fp-text-one, .fp-text-two, .fp-text-three {
min-height:   70px;
}
.marketing h2 {
font-size: 2.2em; 
}
/* Credit: Andrew Brockman */
/* END OF Align the Featured Pages buttons */


.my_fp_widget {
  background-color: #e4e4e4;
  border: 1px solid #bfbfbf;
  padding: 5px;
}

.my_fp_widget h3 {
  text-align: left;  
  padding-left: 1.5em;
}

.my_fp_widget .widget {
  text-align: left;  
}

.cr_button {
  color: #fff;
  background-color:#363636;
  background-image:linear-gradient(#444444, #222222);
  background-repeat:repeat-x;
  border-color:rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
  border-radius:4px;
  border-style:solid;
  border-width:1px;
  box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.0470588) 0 1px 2px;
  cursor:pointer;
  font-size:14px;
  line-height:20px;
  margin-bottom:0;
  text-shadow:rgba(0, 0, 0, 0.247059) 0 -1px 0;
  padding: 4px 12px;
}

.cr_button:hover {
 background-color: #000; 
 background-image: none;
}

/* FÜr das Plugin Related Posts by Taxonomy */
/* Wird über die functions.php gesteuert */
.rpbt_shortcode {
  margin-top: 30px;
}

.myshariff {
  margin-top: 30px;
}

.signature {
  margin-top: 30px;
}

/* Eckige statt runde Featured Images */
.widget-front .round-div {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

/* START OF Remove the Featured Pages Zoom effect */
/* hide the circular zoom, keep link */
.home .round-div {
border-color:   transparent;
}
/* END OF Remove the Featured Pages Zoom effect */


/* ANFANG Such-Box im Hauptmenü */
/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .my-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
.my-nav-menu-search .search-form {
    position: relative;
    margin: 0;
}
/*Stop the display of the Search button*/
.my-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.my-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}
 
/* Style the search input textbox */
.my-nav-menu-search .search-field {
    background: transparent;
    /*border: none;*/
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    /*height: 26px;*/
    margin: 2px 0 2px 0;
    /*padding: 0 0 0 36px;*/
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 60px;
}
 
/* Expand the search box when you click it */
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 130px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}
 
/* Add a magnifying glass background */
.my-nav-menu-search .search-form:before {
  	/*font-family: 'Font Awesome\ 5 Free';*/
    /*content: "\f002";*/
	/*color: #FFF;*/
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    /*font-weight: normal;*/
    /*top: 5px;*/ /* tune this vertical alignment inside the search field, as needed */
    /*left: 5px;* /* tune this horizontal alignment inside the search field, as needed */
}
 
/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .my-nav-menu-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
}
/* ENDE Such-Box im Hauptmenü */

.kategoriebox {
	width: 50%;
	float: none;
}