#start-heroinhalt {
top: -150px;
background-color: transparent;
}
#start-herotext {
margin: 50px auto;
}
.start-kurskachel {
height: 320px;
max-height: 320px;
overflow: hidden;
}
.start-kurskachel:hover .start-kurstitel {
top: 0;
}
.start-kurskachel:hover .start-kurskacheltext {
top: 50px;
}
.start-kurstitel {
height: 50px;
max-height: 50px;
overflow: hidden;
top: 270px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
margin: 0;
}
.start-kurstitel h3 {
padding: 0 20px;
line-height: 50px;
font-size: 25px !important;
background-color: white;
vertical-align: middle;
margin: 0;
height: 50px;
}
.start-kurskacheltext {
background-color: rgba(117, 102, 158, 0.9);
position: absolute;
height: 270px;
top: 320px;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
color: white;
margin: 0;
padding: 0 10px 10px 10px;
}
#titel-wochenplan {
background-color: white;
padding: 20px;
}
#kursplan-desktop {
background-color: rgba(117, 102, 158, 0.9);
margin: 0;
top: 510px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
}
#kursplan-mobil {
margin-top: 0;
}
.pricing-table li {
height: 110px;
margin-top: 20px;
color: #75669e;
overflow: hidden;
font-size: 0.8em !important;
}
.pricing-table li:first-child {
height: 60px;
vertical-align: middle;
}
#hintergrundkursplan {
overflow: hidden;
}
#hintergrundkursplan:hover #kursplan-desktop {
top: 0;
}
.infobox {
height: 500px;
max-height: 500px;
overflow: hidden;
}
.infotitel {
height: 100px;
background-color: white;
padding: 20px;
line-height: 100px;
vertical-align: middle;
top: 400px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
}
.infotext {
background-color: rgba(117, 102, 158, 0.9);
padding: 20px;
height: 400px;
color: white !important;
position: relative;
top: 500px;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
line-height: 1.5em !important;
}
.infotext strong {
color: white !important;
}
.infobox:hover .infotitel {
top: 0;
}
.infobox:hover .infotext {
top: 0;
}
@media only screen and (max-width: 1800px) {
.start-kurstitel h3 {
font-size: 20px !important;
}
.pricing-table {
font-size: 18px;
}
}#start-heroinhalt {
top: -150px;
background-color: transparent;
}
#start-herotext {
margin: 50px auto;
}
.start-kurskachel {
height: 320px;
max-height: 320px;
overflow: hidden;
}
.start-kurskachel:hover .start-kurstitel {
top: 0;
}
.start-kurskachel:hover .start-kurskacheltext {
top: 50px;
}
.start-kurstitel {
height: 50px;
max-height: 50px;
overflow: hidden;
top: 270px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
margin: 0;
}
.start-kurstitel h3 {
padding: 0 20px;
line-height: 50px;
font-size: 25px !important;
background-color: white;
vertical-align: middle;
margin: 0;
height: 50px;
}
.start-kurskacheltext {
background-color: rgba(117, 102, 158, 0.9);
position: absolute;
height: 270px;
top: 320px;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
color: white;
margin: 0;
padding: 0 10px 10px 10px;
}
#titel-wochenplan {
background-color: white;
padding: 20px;
}
#kursplan-desktop {
background-color: rgba(117, 102, 158, 0.9);
margin: 0;
top: 510px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
}
#kursplan-mobil {
margin-top: 0;
}
.pricing-table li {
height: 110px;
margin-top: 20px;
color: #75669e;
overflow: hidden;
font-size: 0.8em !important;
}
.pricing-table li:first-child {
height: 60px;
vertical-align: middle;
}
#hintergrundkursplan {
overflow: hidden;
}
#hintergrundkursplan:hover #kursplan-desktop {
top: 0;
}
.infobox {
height: 500px;
max-height: 500px;
overflow: hidden;
}
.infotitel {
height: 100px;
background-color: white;
padding: 20px;
line-height: 100px;
vertical-align: middle;
top: 400px;
position: relative;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
}
.infotext {
background-color: rgba(117, 102, 158, 0.9);
padding: 20px;
height: 400px;
color: white !important;
position: relative;
top: 500px;
transition: all 0.5ms;
-webkit-transition: all 0.5s;
line-height: 1.5em !important;
}
.infotext strong {
color: white !important;
}
.infobox:hover .infotitel {
top: 0;
}
.infobox:hover .infotext {
top: 0;
}
@media only screen and (max-width: 1800px) {
.start-kurstitel h3 {
font-size: 20px !important;
}
.pricing-table {
font-size: 18px;
}
}
#unterseite-kursplan #kursplan-desktop {
top: 0 !important;
}
.cbs-timetable-list-item a {
background-color: white !important;
}
#coursebooking h4 {
color: white !important;
}
.cbs-timetable h4>a {
color: white !important;
}
.cbs-timetable h5>a {
font-size: 1.4em !important;
}
h1{
font-size: 2em!important;
}
h2{
font-size: 1.8em!important;
}
h3{
font-size: 1.6em!important;
}
h4{
font-size: 1.4em!important;
}
.hero{
} .hintergrund-grau{
background-color: #f4f4f4;
}
.hintergrund-lila{
background-image:
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-1.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-2.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-3.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-4.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-5.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/zertifikate-6.png);
background-position: left top, center top, right top, left bottom, center bottom, right bottom;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-color: #75669e;
color: white!important;
}
.hintergrund-lila h1, h2, h3{
color: white,  !important;
} .titel-dekoration1{
background-image:
url(http://diehl-sabine.de/wp-content/uploads/2019/09/icon-1.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/icon-1.png);
background-position: right center, left center;
background-repeat: no-repeat, no-repeat;
padding: 20px 80px;
}
.titel-dekoration2{
background-image:
url(http://diehl-sabine.de/wp-content/uploads/2019/09/icon-2.png),
url(http://diehl-sabine.de/wp-content/uploads/2019/09/icon-2.png);
background-position: right center, left center;
background-repeat: no-repeat, no-repeat;
padding: 20px 20px;
margin: 0 20px;
}
.titel-dekoration3 h2:after {
content: "";
display: block;
background: url(http://diehl-sabine.de/wp-content/uploads/2019/09/icon-3.png) no-repeat;
width: 85px;
height: 108px;
float: right;
margin: 0 30% 0 0;
} .boxtitel h4{
min-height: 150px;
margin-bottom: 20px;
text-align: center;
word-break: break-word;
}
.boxtext{
text-align: center;
word-break: break-word;
}
@media only screen and (max-width: 1500px) {
.raender {
display: none;
}
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 450px) {
}#unterseite-kursplan #kursplan-desktop {
top: 0 !important;
}
.cbs-timetable-list-item a {
background-color: white !important;
}
#coursebooking h4 {
color: white !important;
}
.cbs-timetable h4>a {
color: white !important;
}
.cbs-timetable h5>a {
font-size: 1.4em !important;
}