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


.imagewechsler-neu{
	z-index: 5;	
	width:100%;
	position: relative;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-blend-mode: normal;
}
.imagewechsler-neu:hover{opacity: 0;}
.austauschbild-neu{
	z-index: 3;	
	width:100%;
position: absolute;
top:0px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-blend-mode: normal;
left: 0;
right: 0;
}


body.logged-in.et-fb .imagewechsler-neu,
body.logged-in.et-fb .austauschbild-neu {
    position: static;
    display: block;
}

.image_swap  {
    -webkit-transition: all .3s ease-in !important;
    -moz-transition: all 0.3s ease-in!important;
    -ms-transition: all 0.3s ease-in!important;
    -o-transition: all 0.3s ease-in!important;
    transition: all 0.3s ease-in!important;
}


.imagewechsler{
	z-index: 5;
	height: 220px;
	width:100%;
	position: relative;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-blend-mode: normal;
}
.imagewechsler:hover{opacity: 0;}
.austauschbild{
	z-index: 3;
	height: 220px;
	width:100%;
position: absolute;
top:0px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-blend-mode: normal;
}

#bild1{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/nils-beurer.jpg);}
#bild1-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/nils-beurer-w.jpg);}

#bild2{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/thilo-grobe.jpg);}
#bild2-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/thilo-grobe-w.jpg);}

#bild3{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/danny-.jpg);}
#bild3-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/danny-w.jpg);}

#bild4{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/max.jpg);}
#bild4-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/max-w.jpg);}

#bild5{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/henrik.jpg);}
#bild5-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/henrik-w.jpg);}

#bild6{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/mathias.jpg);}
#bild6-w{background-image: url(https://www.periscope7.com/wp-content/uploads/2020/10/mathias-w.jpg);}

@media (max-width: 980px){.austauschbild, .imagewechsler{height: 400px;}}
@media only screen and (max-width: 600px)  {  .austauschbild, .imagewechsler{height: 220px;}}


/* Kontaktformular*/
.wps-form {
	width: 100%;
	margin: 0 auto;
}
.wps-form-row {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.wps-form-row .wpcf7-form-control {
	width: 100%;
}
.wps-form-column {
	flex: 1;
	padding: 0.5rem 0;
	width: 100%;
}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) {
	.wps-form-row {
    	flex-direction: row;
	}
	.wps-form-column {
    	padding: 0.5rem 0.5rem;
	}
}
/* Kontaktformular Ende*/



@media (max-width: 980px){
  #blogmenu .et_pb_menu__menu
  {
  display:block!important;
  }
  #blogmenu .et_mobile_nav_menu{
  display: none!important;
  }
}


@media (max-width: 980px){
.et_pb_menu__wrap{
justify-content: flex-end!important;
}
}


#blogmenu nav>ul>li{background-color:#8795a5;border-radius: 5px;margin: 10px;}
#blogmenu nav>ul>li.current-menu-item{background-color:#2a3340;}
#blogmenu nav>ul>li a{padding: 7px;}
.page-id-670 #blogmenu nav>ul>li:first-child{background-color:#2a3340;}



.image_swap  {
    -webkit-transition: all .3s ease-in !important;
    -moz-transition: all 0.3s ease-in!important;
    -ms-transition: all 0.3s ease-in!important;
    -o-transition: all 0.3s ease-in!important;
    transition: all 0.3s ease-in!important;
}

#hauptmenu.et_pb_section_0_tb_header{width: 100%!important;}
/*BUTTON in MENU / Menu LEFT*/
/*MENÜ
#et-top-navigation {float: left!important;padding-left: 280px!important;width: 100%;}
#top-menu-nav{float:none!important;}
#top-menu{width:100%}
#top-menu a{font-weight:400!important}
#top-menu .current-menu-item a, #top-menu .current_page_item a{border-bottom:5px solid #7dccff}
@media screen and (max-width: 1040px){#top-menu li a{font-size:15px!important;}#top-menu li {padding-right: 14px!important;}}
@media screen and (min-width: 981px){.menu_icon{float: right;}}
@media screen and (min-width: 981px) and (max-width: 1180px){#main-header .container{width: 95%!important;}}
.menu_icon{text-align:center}
#top-menu .menu_icon a{top: -10px;padding: 12px 20px!important;color:#fff!important;background: #7dccff !important;font-size: 22px!important;}
#main-header.et-fixed-header #top-menu li.jobsbutton > a{color:#fff!important;}
.menu_icon a::before{font-family: 'ETmodules';content: "\e090";margin-right:5px;font-size: 18px}
*/

/*MODAL im Visuellen Builder anpassen damit klickbar
.et-fb .modal{display: block!important;position: relative!important;top: inherit;left: inherit;width: inherit;height: inherit;}
.et-fb .modal .modalinner {position: relative!important;left: inherit!important;top: inherit!important;transform: none!important;}
.et-fb .modal_zwei{display: block!important;position: relative!important;top: inherit;left: inherit;width: inherit;height: inherit;}
.et-fb .modal_zwei .modalinner {position: relative!important;left: inherit!important;top: inherit!important;transform: none!important;}
.et-db #et-boc .et-fb-modal,.et-fb-settings{z-index:99999999!important;}
.et-fb .mce-panel{z-index: 99999999999!important;}
*/
.hoverbox .et_pb_text_inner{opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;}
.hoverbox:hover .et_pb_text_inner{opacity: 1;}

.hoverbox{background-size: 100%;transition: background-size 0.2s ease-in-out;
-moz-transition: background-size 0.2s ease-in-out;
-ms-transition: background-size 0.2s ease-in-out;
-o-transition: background-size 0.2s ease-in-out;
-webkit-transition: background-size 0.2s ease-in-out;}

.hoverbox:hover{background-size: 105%}



.startboxen .et_pb_blurb_description a{padding: 5px 10px 8px; background-color: #8795a5;}

.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:30px;}

.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:30px;}




/*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: 30px;height: 30px;text-align: center;line-height: 27px;font-weight: 600;}
.page-with-modal .modalclose:hover, .modallink:hover{cursor:pointer;opacity:.8}
.page-with-modal .modalclose:hover, .modaloeffner:hover{cursor:pointer;}
.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;}
}