/*
Theme Name: divi child
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
dunkelrot: #8a0103
blau: #1e8194
grün: #51a8a1
gelb: #fde57e

*/

body { color: #3d3d3d; font-weight: 400; font-family: Source Sans Pro, Helvetica, Arial, sans-serif;}

h1, h2, h3 { font-family: Source Sans Pro SemiBold, Helvetica, Arial, sans-serif; text-transform: uppercase;}
h1 { font-size: 35px;}
h1, h2 { color: #8a0103; font-weight: 700; line-height: 1.2em;}
h2 {font-size: 30px; padding-bottom: 20px;}
h3 {font-size: 27px; color: #72afbf; font-weight: 700; line-height: 1.2em; padding-bottom: 20px;}
h4, h5, h6  {font-size:24px; font-weight: 700;}

#main-content a {
    text-decoration: underline;
    color: #51a8a1 !important;
}

#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;}

/* texthervorhebung: hintergrund über die häfte der Schrifthöhe*/
.color-marks {text-decoration: none;box-shadow:inset 0 -15px #8FC0CA;-webkit-box-shadow:inset 0 -15px #8FC0CA;-moz-box-shadow:inset 0 -15px #8FC0CA;color: inherit;}
.color-marks-gelb {text-decoration: none;box-shadow:inset 0 -15px #fecd86;-webkit-box-shadow:inset 0 -15px #fecd86;-moz-box-shadow:inset 0 -15px #fecd86;color: inherit;}
.color-marks-weiss {text-decoration: none;box-shadow:inset 0 -20px #ffffff;-webkit-box-shadow:inset 0 -20px #ffffff;-moz-box-shadow:inset 0 -20px #ffffff;color: inherit;}
.color-marks-weiss-kleinere-Schrift {text-decoration: none;box-shadow:inset 0 -15px #ffffff;-webkit-box-shadow:inset 0 -15px #ffffff;-moz-box-shadow:inset 0 -15px #ffffff;color: inherit;}
.color-marks-pink {text-decoration: none;box-shadow:inset 0 -15px #d75070;-webkit-box-shadow:inset 0 -15px #d75070;-moz-box-shadow:inset 0 -15px #d75070;color: inherit;}
.color-marks-rose {text-decoration: none;box-shadow:inset 0 -20px #fbeaeb;-webkit-box-shadow:inset 0 -20px #fbeaeb;-moz-box-shadow:inset 0 -20px #fbeaeb;color: inherit;}
.color-marks-hellblau {text-decoration: none;box-shadow:inset 0 -15px #dbebef;-webkit-box-shadow:inset 0 -15px #dbebef;-moz-box-shadow:inset 0 -15px #dbebef;color: inherit;}

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

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

/*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%;
}

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

/* Remove sidebar */
#sidebar {
	display:none;
}

/* Removing the Divi Sidebar Dividing Line */
/*#main-content .container:before {
	background: none;
}*/

/* Make content 100% width */
@media (min-width: 981px){
#left-area {
	width: 100%;
	padding-right: 0px !important;
}}

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

/* abstand login seite text und auflist. bundles*/
.abst { margin-bottom: 40px;}

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

/* bundle login Seite styling*/
#kurscontainer1, #kurscontainer2, #kurscontainer3 {width: 100%; margin-bottom: 80px !important;}
#kurs1img, #kurs2img, #kurs3img {width:20%; margin-right:2%; float:left;}
#kurs1, #kurs2, #kurs3 {width:76%; float:left;}

/*media screens */