/*
Theme Name: divi child
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
dunkles Rose: #d75070
 türkis:	#9bd7d1
 blau:		#a7cdd7
 ursprüngliches grelles türkis: #9bd7d1
 call to action button (dunkles Türkis): #3d9e94
 call to action hintergrund (helleres Rose): #f5aab7
 Schriftfarbe dunkler: #3d3d3d
 
 neue Farben:
 rose Hintergrund: #f4bec3; #fbeaeb;
 grün Button: #51a8a1;
 helles grün hintergrund: #d6ebea;
 helles blau hintergrund: #dbebef;
 
 dunkles gruen fuer branding images: #499491;
 dunkles blau fuer branding images: #4f9dae;
 dunkles rosa fuer branding images: #F0A8AF;
 
 handgeschriebene Schrift: Raustila
*/
body { color: #3d3d3d; font-weight: 400; font-family: Source Sans Pro, Helvetica, Arial, sans-serif;}

h1, h2, h3 { font-family: Source Sans Pro Bold, Helvetica, Arial, sans-serif; text-transform: uppercase;}
h1, h2 { color: #d75070; font-weight: 700; line-height: 1.2em;}
.et_pb_post h1 .entry-title { font-size:30pt;}
h3{ color: #72afbf; font-weight: 700; line-height: 1.2em;}
h2, h3 { padding-bottom: 20px;}
h2  {font-size: 26px;}
h3  {font-size: 26px;}

#top-menu li.current-menu-item > a {
    color: #51a8a1 !important;
}
#top-menu li.current-menu-ancestor > a {
    color: #51a8a1 !important;
}
.nav li ul .current-menu-item a {
    color: #51a8a1 !important;
}

#top-menu {text-transform: uppercase;}

/* affiliate links ein Sternchen verpassen */
a[href*="/go/"]:after {
    content: " *";
}

/* Schriftarten einbinden */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Italic';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Bold Italic';
    src: url('fonts/sourcesanspro-boldit-webfont.eot');
    src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'feminine';
    src: url('fonts/feminine.eot');
    src: url('fonts/feminine.eot?#iefix') format('embedded-opentype'),
         url('fonts/feminine.woff2') format('woff2'),
         url('fonts/feminine.woff') format('woff'),
         url('fonts/feminine.ttf') format('truetype'),
         url('fonts/feminine.svg') format('svg');
    font-weight: normal;
    font-style: normal;
     font-display: swap;
}

/* Ende Schriftarten einbinden */

/* blogpost schriftgroesse 22px */
.page p {font-size: 22px;}

/* related posts anzeigen - restcode ist in der single.php */
.relatedtposthr {border-top: dotted; padding-top:30px;}
.relatedthumb {margin: 0 1px 0 1px; float: left; padding-bottom:30px;}
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#3d3d3d; text-decoration: none; display:block; padding: 4px; width: 250px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}

/* Buttons die mit Divi Editor erstellt sind, Unterstrich rausnehmen */
.et_pb_button { text-decoration: none;  color: #ffffff !important;}
.et_pb_promo_button { text-decoration: none; color: #ffffff !important;}

/* Abstand zwischen Breadcrumb und Überschrift wegmachen */
.page-id-9 .et_pb_section_0, .page-id-9 .et_pb_section_0 .et_pb_row_0 {
padding-top:0px;
}

/* goldenen Strips oben und unten */
#main-header {
    margin-top: 8px;
}

#main-header:before {
    content:  "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url(https://www.spicywebalteslayout.ohspicylab.com/wp-content/uploads/2016/09/golden-strip-new.png);
    background-repeat: repeat-x;
}

footer#main-footer {
    margin-bottom: 8px !important;
}

#footer-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    margin-top: 47px;
    width: 100%;
    height: 8px;
    background-image: url(https://www.spicywebalteslayout.ohspicylab.com/wp-content/uploads/2016/09/golden-strip-new.png);
    background-repeat: repeat-x;
}

/* LIGHTBOX Startseite E-Mail Optin */
/* Farbe vom Eintragsbutton ändern */
#thepop .et_pb_newsletter_button {background: #ffa500; color: #3d3d3d; border: 3px rgba(61,61,61,0.04);}
/* change container width */
.mfp-content {width:70%; max-width:960px;}
/* Font size and color for closing button (we set top:0; to avoid button from jumping upward on popup closing) */
.mfp-close-btn-in .mfp-close {
color: #3d3d3d; font-size: 40px; top:0;}
.btn-red {
            font-size: 22px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            padding: 12px 20px;
            line-height: 1.7em;
            background: transparent;
            border: 2px solid;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -moz-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            position: relative;}
    a.btn-red {
        background-color: #ffa500; /* change background color here */
            border: 2px solid transparent;
            color: #fff!important; /* change font color here */
        font-weight: bold;}
    a.btn-red:hover {
        background: #e59400; /* change background color on hover here */
            border: 2px solid transparent;}           
/*pop up rechter text klein */
#thepop .et_pb_newsletter_footer p {
	font-size:17px !important;
        padding: 20px;
        line-height: 1.4em;
}
#thepop .et_pb_newsletter_description div {
	padding-left: 20px; padding-right: 20px;
}
#thepop .et_pb_newsletter_description div img {
	padding:10px;
}
    
/* Ende LIGHTBOX Startseite E-Mail Optin */            

/* pinselstriche oben und unten */
#main-content {
    overflow-x: hidden;
    background: url(https://www.spicywebalteslayout.ohspicylab.com/wp-content/uploads/2016/09/pinsel-oben-klein.png) top left no-repeat !important;
    background-size: inherit !important;
}

footer#main-footer {
    background: #f0f7f8 url(https://www.spicywebalteslayout.ohspicylab.com/wp-content/uploads/2016/09/pinsel-unten-klein.png) bottom right no-repeat;
}

/* Pinselstriche auf der Blogübersichtsseite und der Startseite sichtbar machen */
.page-id-9 .et_pb_section_0, .page-id-9 .et_pb_section_0 .et_pb_row_0 {background-color: transparent;}
.page-id-4960 .et_pb_section_0, .page-id-4960 .et_pb_section_0 .et_pb_row_0 {background-color: transparent;}

/*styling menue hover*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #51a8a1; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/*
Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a,
.wp-pagenavi span {
display:inline-block;
padding:4px 9px;
border-radius: 100%;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background:#d6ebea;
}

/* datum Uhrzeit bei den Kommentaren rausnehmen */
.comment_date {
    display: none;
}

/*Kommentarbereich stylen */
.comment-body {
    padding-left: 20px;
    border-left: 1px solid #51a8a1;
    border-bottom: 1px solid #51a8a1;
    padding-bottom: 10px;
    border-bottom-left-radius: 15px;
}

#respond {
margin-top: 20px;
background: #fbfbfb;
padding: 50px 50px 10px 50px;
box-sizing: border-box;
border-radius: 30px;
border: 1px solid #51a8a1;
}
  
/* Highlight active form field */
  
#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 13px 0px 13px 13px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
   
   
#respond
input[type=text]:focus,
input[type=email]:focus, 
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(215, 80, 112);
margin: 5px 1px 3px 0px;
border: 2px solid rgba(215, 80, 112);
}


.submit.et_pb_button {
background-color: #51a8a1!important;
color: #fff!important;
}
  
a.comment-reply-link,
a.comment-edit-link {
    color: #d75070!important;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    text-decoration: none!important;
}
 
a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #f6e7d7;
}

/*Thrive Leads Eintragsformulare Progress bar kleiner*/
.tve_progress_bar_fill {
    min-height: 23px;
}
.tve-progress-bar {
    height: 23px;
}
.tve-progress-bar-label {
    line-height: 4px;
}

@media (max-width: 767px) {
 .comment-reply-link { bottom: -20px !important; top: auto !important; } /**keeps the button off of the text **/
 .comment_area { padding-bottom: 40px; } /**keeps the button off of the text **/
}

/*listen mit rosa punkt versehen */
.entry-content ul li {
    list-style: none;
}
.entry-content li {
    padding-left: 1em; 
    text-indent: -.7em;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.5;
}
.entry-content li:before {
	padding-right:7px;
    content: "\002022";
    color: #d75070;
}

/*links unterstrichen in den Blogposts*/
.single-post a:link {
	text-decoration: underline;
}

.single-post a:visited {
	text-decoration: underline;
}

/* nach oben Link - kleinerer Text*/
.nachoben { font-size:14px; }

/* abstand Bild mit Bildunterschrift zum Text und Hintergrundfarbe ändern*/
.wp-caption { margin-top: 20px; margin-bottom: 35px;  background-color: #fff; font-size:120px;}

/*Removing the Divi Sidebar Dividing Line*/
.container::before { display:none;}
.et_pb_widget_area_right { border-left:0; }
#main-content .container:before {
width: 0;
}

/*removes header bottom bar*/
#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

/*breadcrumb*/
.breadcrumb {
	font-size: 16px;
	margin-bottom: 45px;
 	line-height: 1.2em;
	}
        
.breadcrumb a {
	text-decoration: none !important;
    color: #51a8a1 !important;
	}
        
/* social sharing button */
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.share-buttons {
    wwidth: 100%;
    text-align: center;
    background-color: none;
    overflow: auto;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
}

.share-buttons a {
    width: 40px;
    padding: 12px 0;
    float: right;
    font-size: 36px;
}

.share-buttons li {
    list-style: none;
}

/* Disable WhatsApp button on Desktop and share buttons weiter links anzeigen*/
@media screen and (min-width: 850px) {
    .share-whatsapp {
	display: none !important;
    }
    .share-buttons {
    right: 300px;
    }
}

/* auf schmalen Ausgabegeräten die social share buttons weiter oben anzeigen, damit impressum und datenschutz nicht verdeckt wird*/
@media screen and (max-width: 420px) {
    .share-buttons {
     bottom: 30px;
    }
}

/* ende social sharing button */

/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/
 
/* style the get started cta button - Startseite Navi Lern-Lounge andere Hintergrundfarbe */
            .lern-lounge-navi {border-radius: 0px;}
            .lern-lounge-navi a {color: #fff!important;}
            li.lern-lounge-navi {
                background-color:#d75070; 
                font-weight: 700; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 12px 13px 10px 10px!important;
            border-radius: 3px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.lern-lounge-navi:hover {background-color:#c96310;}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .lern-lounge-navi a {
                        color: #fff!important;}
        .lern-lounge-navi li.current-menu-ancestor > a, .lern-lounge-navi li.current-menu-item > a {
                    color: #fff !important;}
 
 
 
    @media only screen and (min-width : 981px) {
            li.lern-lounge-navi {height: 33px;}}
        
/* links in den Kategorieübersichten unterstrichen */
.more-link {
text-decoration: underline;
    color: #51a8a1 !important;
}

#gridcard .et_pb_post a.entry-title, .archive #left-area .et_pb_post .entry-title a,.archive #left-area .wp-pagenavi a {
text-decoration: underline!important;
}

#gridcard .entry-title a {
text-decoration: underline!important;
}

/*footer text Copyright, Datenschutz etc. kleiner */
#footer-info {font-size: 15px;}
#footer-info a {text-decoration: none;}

/*maskottchen bild im footer zentrieren*/
.footer-widget .et_pb_widget {
float: none !important;
}
.footer-widget { text-align:center;}

/* nichts gefunden Seite stylen (search.php)*/
#searchnoresults {margin-bottom: 40px;}
.searchnoresultsabst {margin-bottom: 10px;}

/********* Suche und Archive Seite Verhübschen **********/
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries Aussehen archive und search seite anpassen
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}

/* Überschrift search.php / archive.php anpassen */
.blog-title {
    margin-bottom: 30px;}
/********* ENDE: Suche und Archive Seite Verhübschen **********/

/********* Blogartikelübersichtseite stylen **********/
/**blogartikelübersichtsseite klickbare Überschriften kleiner**/ 
.et_pb_post h2 a {
font-size:26px; 
color: #d75070;
line-height: 1.4em;
}

.et_pb_post p { font-size:22px; }

/*"weiter lesen" Link stylen*/
.et_pb_post a.more-link {
display: block;
text-align:center;
margin-top: 10px;
border: 1px solid #ccc;
border-radius: 20px;
padding: 5px;
text-transform: capitalize;
letter-spacing: 1px;
}

.et_pb_blog_0 .et_pb_post, .et_pb_blog_0 .et_pb_post .post-content .more-link{
color: #51a8a1 !important;
}

/********* ENDE: Blogartikelübersichtseite stylen **********/

/********* Blogartikel stylen **********/
/*blogartikelseite Überschriften anpassen*/ 
.single h1 { 
    border-bottom: 1px solid #ddd;
}

/*lesezeit*/
.single .lesezeit {
	font-size: 14px;
        margin-top: 20px;
}

/**pinterest button auf den Beitragsbildern*/
.socialshare_imagewrapper {margin-top: -60px;}
.imghovertop {position:relative;display:block;top:100px;margin-left:50px;}

dl.bildunterschrift {margin:0 0 50px 0;  float: right; padding-left: 20px;}
dl.bildunterschrift dd {
    width: 300px;
    color: #d75070;
    background: url(https://www.spicywebalteslayout.ohspicylab.com/wp-content/uploads/2016/09/golden-strip-new.png) no-repeat 0 2px;
    margin:0;}

/** blogartikelbild abstand **/
.abstimg { margin-bottom: 40px;}

/* unterschriftsbild und anzeige thrive formular: abstand auf den blogartikelseiten */
.unterschriftabst { margin: 30px 0 30px 0;}
.unterschriftabstimg { margin-bottom: 70px;}
.thriveleads { margin-bottom: 70px;}

/********* ENDE: Blogartikel stylen **********/

/**** auf der bloguebersichtsseite die Standard Schriftgröße ändern ***/

.et_divi_builder #et_builder_outer_content .et_pb_module li {
font-size: 22px;
}
.et_divi_builder #et_builder_outer_content .et_pb_module p {
font-size: 22px;
}

/* im page builder default Schriftgroesse aendern*/
.et_pb_text {
font-size: 22px !important;
}

.et_pb_module h1 {
	font-size: 52px;
}

.et_pb_module h2 {
	font-size: 35px;
}

/*convertplus text unterhalb button line height kleiner*/
.cp-info-container.cp_responsive {line-height: 1em !important;margin-top: 20px;}

/* Responsive Styles Smartphone Only */
/** h2 größer machen **/
@media all and (max-width: 767px) {
.et_pb_post h2,
	.et_pb_portfolio_item h2 {
		font-size: 25px;
	}
}