/* CSS Document */
/*
 Theme Name: GeneratePress Child-Theme
 Description: Responsive WordPress Theme for ingtutor.de, based on GeneratePress 
 Author: ingtutor
 Template: generatepress
 Version: 1.0
 Text Domain:  generatepresschild
*/

/*------------0. MAIN-----------------*/
/*------------1. PAGE HEADER--------------*/
/*------------2. CONTENT-----------------*/
/*------------3. NAVIGATION--------------*/
/*------------4. FOOER--------------------*/
/*------------5. BLOG-----------------------*/
/*------------6. SLIDE---------------*/
/*--------- --7. SHORT CODES--------------*/
/*------------8. TABLE-------------------*/ 
/*------------9. FORM-------------------*/ 
/*------------10. SONSTIGES-------------------*/ 
/*------------10. GUESTBOOK-------------------*/ 
/* zusätzliches CSS */

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

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

/*------------0. MAIN-----------------*/
body {
  	background-color:#FFFFFF;
	font-family: 'Roboto Condensed', "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
	color: #333333;
	font-size: 20px;
}
blockquote {
	box-shadow: 0px 0px 10px #ccc;
	border: solid 10px #fff;
	font-size: 19px;
	font-style: normal;	
}
pre {
	max-width:100%;
	white-space:pre-wrap;
	font-size: 20px;
	background-color: transparent;
	padding:0;
}
em {
	line-height: normal;
	font-weight: 700;	
}

hr {background-image: url(images/bar.png);}

/*------------1. PAGE HEADER--------------*/


/*------------2. CONTENT-----------------*/
/*Farbe für Links auf den Seiten*/
/*.site-content a {
	color:#4c8bf5; 
}*/
/*Farbe für Links auf Seiten, wenn Maus drüber ist*/
/*.site-content a:hover {
	color:; 
    text-decoration: underline;
}*/

/*Farbe für Links auf Seiten, wenn bereits angeklickt. Musste deaktiviert werden, wegen ldx buttons weiter und zurück*/
/*.site-content a:visited {
	color:#4c8bf5;
}*/

.site-content ul{ /*aufzählungszeichen nummerierung*/
    margin-left: 20px; /*abstand einzug nach rechts*/
}
.site-content ol{
    margin-left: 20px;
}
.site-content li {margin-left: 25px;} /*ändert den Einzug nach rechts der listenelemente*/
.site-content ul li  {
	/*background-image: url(images/list.png);*/
	/*background-repeat: no-repeat;*/
	/*background-size: 5px 5px;
	list-style-type: none;*/
	/*padding-left: 20px; /*das hier ändert NICHT den EINZUG, sondern den Abstand zwischen Aufzählungszeichen und Text
	background-position: left 12px;*/ /*dieser absatz ist von der webdesignerin hat grüne punkte als aufzählungszeichen geladen*/
}

.inside-page-hero h1 { /*das ist vermutlich für textanimation header page hero = bereich oben auf der webseite*/
	font-size: 80px;
	line-height:80px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin-bottom:30px;
}

h1{
	font-size: 60px;
	font-weight: normal;
	/*text-align: center;*/
}

h2{
	font-size: 40px;
	/*margin: 0 0 60px 0;*/ /*diesen rand hat vermutlich die webdesignerin am anfang gemacht*/
	font-weight: normal;
	/*font-weight: 700;*/
	/*text-align: center;*/
	/*text-transform: uppercase;*/
}
.inside-page-hero h2 {
    font-size: 50px;
	color: #fff;
	text-transform:none;
	font-weight: normal;
}
.entry-title {
	display:none;
}
h3 {
	font-size: 25px;
	font-weight: bold;
}
h4{
	font-size: 20px;
	font-weight: bold;
}
/*------------3. NAVIGATION--------------*/ 
.main-navigation ul  {
	margin-top: 20px;
}

.main-navigation .main-nav ul li a {
	font-size: 17px;
	/*text-transform: uppercase;*/ /*Großschreibung Menüpunkte*/
	/*color: red; /*Farbe für Link für Menüpunkte in der Navigation*/ /*das hier über CSS Editor machen: Farben -> Primäre Navigation -> Navigation Text. Initial und current color müssen identisch sein, weil die sonst die Menüpunkte "über ingtutor" ständig aufleuchten würden. 
}
.main-navigation .main-nav ul li a:hover {
	color: #62f0c3; /*Farbe für Link für Menüpunkte Navigation, wenn Maus drüber ist (ACHTUNG: nur für die Links die auf eine andere Stelle der aktuellen Seite springen (pageroller)*/
}

.main-navigation.is_stuck {
	  background-color:red/*#f4f4f4*/; /*das ist vermutlich für die mobile Ansicht, wenn die Punkte nicht nebeneinenader sondern untereinander sind. hier sollte derselbe Wert genommen werden wie bei "main-navigation .main-nav color"*/
}
.main-navigation.is_stuck a{
    color:pink/*#333*/;} /*das ist vermutlich für die mobile Ansicht, wenn die Punkte nicht nebeneinenader sondern untereinander sind. hier sollte derselbe Wert genommen werden wie bei "main-navigation .main-nav color"*/

.menu-toggle{ /*toggle = ausfahren/rollen*/
	color:pink/*#00cca5*/;
    font-size:30px;	
}
.slideout ul li a{ /*das könnte vielleicht das Menü Desktopversion sein, das kommt, wenn runtergescrollt wird*/
	font-size:40px!important;
}
.slideout-navigation.main-navigation {
    background-color: rgba(0,0,0,0.9)!important; /*Farbe für mobile Ansicht wenn Menü rausgefahren wird*/
}

.slideout-navigation.do-overlay .slideout-exit {
    padding-left: 0px;
}
/*------------4. FOOTER--------------------*/
.chaty-widget .i-trigger {
    z-index: 1000;
    padding: 0px 0px 30px 25px;
}
/*.site-footer img {max-width:50px;}*/

.footer-widgets {
	/*color: #ccc;*/
	/*background-color: #FFFFFF;*/
	/*text-align: center;*/
	box-shadow: 0px -10px 15px #bfd1e033; /*schatten für footer widget box shadow*/
}
/*
.footer-widgets a, .footer-widgets a:visited {
    color: #ccc; }
.footer-widgets a:hover {
	color: #999;
}
.footer-widgets strong {
	font-weight: bold;
	text-transform: uppercase;
}
.footer-widgets p {
	margin-bottom: 15px;
}
*/
/*.site-info {
	background-color: #FFFFFF;	
}
/*.site-info a, .site-info a:visited {
   color: #000; } /*Farbe für Links in Copyright Zeile Footer */
/* .site-info a:hover {
	color: #666; /*Farbe für Links wenn Maus drauf ist Copyright Zeile Footer */
/*}*/
.copyright-bar li  {
	background-image: none;
	display: inline;
	list-style-type: none; margin-right:10px;}

.footer-bar-align-right .copyright-bar {
    float: none;
}

/*--------- --7. SHORT CODES--------------*/
/*spoiler*/
.su-spoiler-title {
    font-weight: bold!important;
    font-size: 25px!important;
	color:#363636; /*Farbe Ausklappmenü ausklappen menü*/
}
.kreis-animiert a {
  color:#333;
}

.center {text-align:center;}

/*----------------------------BLOG-------------------------------*/

.su-posts-default-loop .su-post-meta {
     display: none;
}
h2.su-post-title   {
	font-size: 18px!important;
	background-image: none;
	margin-bottom:30px!important;
	padding-bottom: 0px;
	text-transform: uppercase;
}
h2.su-post-title a  {
	color: #FFFFFF;
}
/*------------8. TABLE-------------------*/ 
table, #cv td {
	border: none;
	text-align: left;
}
#cv th {
	color: #FFFFFF;
	background-color: #ccc;
}
#cv tr:nth-of-type(odd) tr:nth-of-type(odd) { background: #eee; }/*row color*/
#cv tr:nth-of-type(even) tr:nth-of-type(even) {background: #ccc;}
#cv td{
	padding: 10px 10px 10px 10px;
	vertical-align: top;

}
#cv tr:hover {
	background-color: #aad2de;
}
.cvright {
   float: right;}
.cvleft {
   text-transform:uppercase;
   font-weight:700;
}
/*------------9. FORM-------------------*/ 
/*------------WPForm--------------------*/
.form input, .form textarea, .form select {  
    min-width: 100%; 
	background-color:/*#00cca5*/!important; 
	border:none; 
	color:#333!important; 
	font-size:20px;
}
.wpforms-form button{
	background-color: /*#00cca5*/!important;
	border: none!important;
	color:#fff!important;
	font-size: 18px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 20px;
}
 div.wpforms-container-full {
     margin-top: -8px!important;
}
/*------------11. GUESTBOOK-------------------*/ 
/*.gb-entry {
border:none!important;
  background-color:#fff; 
	margin: 30px 0!important;
	padding: 40px!important;
	box-shadow: -1px -1px 25px silver;
}
.gwolle-gb form.gwolle-gb-write {
     text-align: center;
}
.gwolle-gb div.label, .gwolle-gb div.input {
    width: 100%!important;
    text-align: center;
}
.gwolle-gb{text-align:center;}

.gwolle-gb .gb-entry-admin_reply {
    margin: 10px 0 0 0px!important;
    padding: 10px!important;
 }
.gb-entry-content {
	padding-bottom:60px;
	/*background-image: url(https://www.ingtutor.de/wp-content/uploads/2021/06/ic_insert_emoticon_black_24dp_2x.png);*/
/*	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 60px;
}
.gb-author-name {font-size:px!important;}
.gb-admin_reply_uid em, #gwolle-gb-total, .gb-admin_reply_uid em {display:none;}
*/ 
/*------------10. SONSTIGES-------------------*/ 

/*----Section Abstand-----*/
.sectionabstandtop {padding-top:100px;}z

/*----H2 Leistungen-----*/
/*sup {
    font-size: 100%;
    vertical-align:middle ;
}
.btnsmall img {
    max-width:70px!important;
}*/
/*----Animation-----*/
/*.animation	img {
    /*box-shadow: -3px -1px 20px silver;*/ /*Schattierung für die gif-Datei*/
/*}*/
/*.animation  {
    text-align:center;
}*/
/*---- ICONS !! in diesem Abschnitt wird irgendwas bei der mobilen ansicht beeinflusst--------*/
/*---- wenn der block komplett deaktivert wird, dann werden die texte nicht mehr zentriert sondern linksbündig. die überschriften werden wieder normal h2 h1 eigentlich deaktiveren ABER: onlinekurs sales page wird durcheinander. paddings und spacings müssen dort erstmal eingestellt werden--------*/
.kreis h3 {font-weight:; font-size:20px;}
.kreis-animiert img, .kreis img {
    background-color: #62f0c3; /*Farbe Symbol nachhilfe fächer wenn Maus nicht drauf ist*/
    padding: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    transition: color 2s ease;
    transition: background-color 2s ease;
	-webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
    width: 100px;
    height: 100px;
    margin: 10px;
}
.kreis-animiert img:hover{ 
	background-color:#2993a3; /*Farbe symbol fächer wenn Maus auf Symbol*/
   /*-webkit-transform: scale(1.0);
    transform: scale(1.0,1.0);
   -ms-transform: scale(1.0,1.0); /* IE 9 */
   /*-webkit-transform: scale(1.0,1.0); /* Safari and Chrome */
    padding: 15px;
}
.kreis {text-align:center;}
.kreis p {text-align:;}
.kreis h3 {margin-top:-19px;}
/*ursache für die änderung in der mobilen ansicht ist vermutlich die folgenden zeilen*/
 .wp-caption .wp-caption-text {
    font-size: 100%;
    padding-top: 20px;
    opacity: 1;
    text-align: center;
	min-height: 75px;
}

/*-----------ICONS FONT AWESOME---------------*/
/*https://www.w3schools.com/icons/fontawesome5_intro.asp*/ /*hier reingucken für mehr infos*/
/*
.fas, .fab{
   	color:#fff;
	background-color: #00CCA5;
    border-radius: 100%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    transition: color 2s ease;
    transition: background-color 2s ease;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     width: 100px;
     height: 100px;
     padding:20px;
     font-size: 50px;
     text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fas:hover{ 
	background-color:#0baf90;
   -webkit-transform: scale(1.2);
   transform: scale(1.2,1.2);
   -ms-transform: scale(1.2,1.2); /* IE 9 */
   /*-webkit-transform: scale(1.2,1.2); /* #Safari and Chrome */ /*
}
.icon, .icon2 {
    text-align:center;
}
.icon a, .icon2 a {
    color:#333;
}
.icon2 .fas{
   	color:#fff;
	background-color: #00CCA5;
   -webkit-border-radius: 100px;
   -webkit-transition: none;}
.icon2 .fas:hover{ 
	background-color:none;
   -webkit-transform: none!important;
    transform:none;
   -ms-transform:none!important; /* IE 9 */
   /*-webkit-transform:none!important; /* Safari and Chrome */
/*}*/

/*https://www.w3schools.com/css/css3_mediaqueries_ex.asp siehe hier für @media screen*/
/*hier sind die Einstellungen für mobile Ansicht*/
/*@media screen and (max-width: 1000px) {
.main-nav ul li a {
    font-size: 14px!important;
   padding-left: 5px!important;}
}*/
@media screen and (max-width: 760px) {
/*-----CONTENT----------*/
body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
    text-align:center;
}
.site-content ul {margin-left: 0px;}
.site-content ul li {
	padding-left: 0px;
	background-position: center top;
	padding: 15px 0; 
}
h2{
	font-size: 25px;
	margin: 0 0 20px 0!important;
	padding-top: 40px; font-size: 25px;
}
.inside-page-hero h1, .entry-title, h1{ font-size:35px; line-height:30px;}
.inside-page-hero h2{
	font-size: 23px!important;
	margin:0:
	padding-top:10px;
}	
.inside-page-hero h1 {
	padding:0!important;
	margin:0!important;
}
pre {
  padding:0!important;
}	
/*.main-nav ul li a {
    font-size: 20px!important;
}
/*.copyright-bar ul {margin: 0;}
.copyright-bar ul li{
    display: block;
	padding: 0;
	margin: 10px 0;
}*/
blockquote {
    padding: 10px;
}
/*----Section Abstand-----*/
.sectionabstand {padding-bottom: 40px; padding-top: 40px; }
.sectionabstandtop {padding-top:0px;}

}


/*ZUSÄTZLICHES CSS: CUSTOMIZER --> ZUSÄTZLICHES CSS | jetzt hierhin migriert*/

.sectionabstand {
	padding-bottom:100px;
	padding-top:100px;
}

/*----menu element farbe------*/
/*.main-navigation .main-nav ul li a.navleistungen  > a
a:active, a:focus { 
    /*color: red !important; /*Farbe Menüpunkte wenn angeklickt Menü Leiste */
	/*font-weight:700*/;
/*}*/

.cd-words-wrapper {
      text-align: center;
}*/

@media screen and (max-width: 760px){
	/*----mobile header-----*/
#mobile-header {     background:white/*rgba(225,225,225,0.4)*/!important;
}
#mobile-header img { max-height:50px!important;}
/*----menu element farbe------*/
/*.navleistungen a:active, a:focus,.main-navigation .main-nav ul li a.navleistungen  > a
a:active, a:focus { 
    color: #ccc!important; 
}*/

.sectionabstand {padding-bottom: 20px; padding-top: 20px; }
}


.MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
    overflow-x: auto; /*das hier sorgt dafür dass (in der mobilen ansicht vor allem) lange gleichungen seitlich gescrollt werden können. wenn das deaktiviert ist, dann wird die ganze seite verkleinert dargestellt damit die lange gleichung reinpasst*/
    overflow-y: hidden;
}