/*
Theme Name: Divi Child
Description: Child theme for Divi theme
Author:
Author URI:
Template: Divi
Version: 1.0.0
Text Domain:  Divi
*/


@media screen and (max-width: 1235px){
	#top-menu li {padding-right: 10px!important;}
}
@media screen and (max-width: 1160px){
	#top-menu li a{font-size: 13px!important;}
}
@media screen  and (min-width: 980px) and (max-width: 1160px){
	.et_menu_container{width: 98%!important;}
	#logo{max-width: 210px;}
}


/*Schrift einbinden*/
@font-face {
    font-family: 'angelina';
    src: url('fonts/angelina-webfont.woff2') format('woff2'),
         url('fonts/angelina-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*Boxed bei Mobilgeräten deaktivieren und content breiter 80%*/
@media only screen and (max-width: 1100px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	#main-content > .container,
	div.et_pb_row,
	div.et_pb_row.et_pb_row_fullwidth {	width: 90% !important;}
  .et_boxed_layout #page-container, .et_boxed_layout #top-header, .et_boxed_layout #main-header{width:100%!important;}
}


#kursplan .wcs-class__title .wcs-modal-call {font-weight:300;}
#kursplan .wcs-addons--blink{animation: none !important;-webkit-animation:none !important;}

.wcs-vue-modal .wcs-modal__content p {font-weight:300!important;}
.wcs-vue-modal .wcs-modal__content p em {color:#666!important;}
.wcs-vue-modal .wcs-modal__content {width: 100%!important;}
.wcs-vue-modal .wcs-modal__side {width: 0!important;display: none!important;}

.zitat {font-family: 'angelina', serif;}
.schattenbox{-webkit-box-shadow: 0px 30px 50px -30px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 30px 50px -30px rgba(0,0,0,0.1);
box-shadow: 0px 30px 50px -30px rgba(0,0,0,0.1);
border-radius:15px;}


.et_pb_social_media_follow li a.icon{width:60px!important;height:60px!important;}
.et_pb_social_media_follow li a.icon::before{font-size:28px!important;line-height:61px!important;width:60px!important;height:60px!important;}

.mfp-bottom-bar{display: none!important;}

.et-dropcap {
    font-size: 75px;
    line-height: 0.7;
    color: #028411;
    font-family: Abuget;
    padding-top: 10px;
}


.mfp-wrap{z-index: 99999999999!important;}

.speisekarte table{margin-bottom: 0px!important;border: 0px!important;}
.speisekarte table tr td{border-top: 0px!important;padding: 6px 0px;}

/* Modals einblenden im Builder*/
.et-fb #page-container .modal,.et-fb #page-container .modal_zwei{background-color: rgba(0,0,0,.5);}
.et-fb #page-container .modal::before ,.et-fb #page-container .modal_zwei::before {content: "MODAL";color: rgba(255,255,255,.1);font-size: 55px;position: absolute;text-align: center;width: 100%;top: 8px;}
.et-fb #page-container .modal .modalinner , .et-fb #page-container .modal_zwei .modalinner {background-color: #fff;}
.et-fb #page-container .modal .modalinner .modalclose img , .et-fb #page-container .modal_zwei .modalinner .modalclose img {width:50px;}

.et-fb #page-container .modal{background-color: rgba(0,0,0,.5);}
.et-fb #page-container .modal::before {content: "MODAL";color: rgba(255,255,255,.1);font-size: 55px;position: absolute;text-align: center;width: 100%;top: 8px;}
.et-fb #page-container .modal .modalinner {background-color: #fff;}
.et-fb #page-container .modal .modalinner .modalclose img {width:50px;}




/*PW-protected*/
.et_password_protected_form{max-width: 400px;margin: 150px auto 150px;text-align: center;}

/*Space for Cookie Notice DIVI*/
@media screen and (min-width: 900px){#footer-bottom{padding-bottom:45px!important;}}
@media screen and (max-width: 899px){#footer-bottom{padding-bottom:80px!important;}}

/*--------Modals------*/
/*MODAL*/
.page-with-modal .modal{animation: fade 1s forwards;animation-delay: 0s;display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 999999999;background-color: rgba(0,0,0,.5);}
.page-with-modal .modal .modalinner {max-height: 80%!important;overflow-x: hidden;overflow-y: auto;padding: 15px 0;margin: 0 auto;max-width: 1100px!important; width: 100%!important;background-color: #fff;border-radius: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.page-with-modal .modalclose{color:#006f43;transition:all.5s;position: absolute;top: 10px;right: 10px;font-size: 24px;width: 50px;height: 50px;text-align: center;line-height: 27px;font-weight: 600;}
.page-with-modal .modalclose:hover, .modallink:hover{cursor:pointer;opacity:.8}
.page-with-modal .active_modal{display:inline-block!important;}
.active_modal_body{overflow:hidden!important;}
@keyframes fade {from {opacity: 0;}	to {opacity: 1;}}
@keyframes scale {from {height: 0;}	to {height: 600px;}}
.et-fb #page-container .modal{background-color: rgba(0,0,0,.5);}
.et-fb #page-container .modal::before {content: "MODAL";color: rgba(255,255,255,.1);font-size: 55px;position: absolute;text-align: center;width: 100%;top: 8px;}
.et-fb #page-container .modal .et_pb_row {background-color: #fff;padding:0 10px;}
.page-with-modal .modal:hover{cursor:zoom-out;}
.page-with-modal .modal .modalinner:hover{cursor:default!important;}
@media screen and (max-width: 600px){}

@media screen and (max-width: 980px){
	.modal .modalinner {padding: 20px 20px 20px 20px!important;margin-top: 0px auto;}
	.modalclose {top: -6px!important;right: 0!important;}
	.modal .modalinner {width: 95%!important;}
}

/*Footer*/
#footer-info {float: none !important;text-align: center !important}
#footer-info a{font-weight:500!important;}
@media screen and (max-width: 600px){
	.breakspan{display: block;visibility: hidden;height: 0px;}
}