/* 
Theme Name: DI Moderna 
Description: Childtheme 
Author: Designers Inn 
Template: di-basis 
Version: 2.0
*/
	
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Test
li.langswitch::after {
	content: url(https://www.jelbi.de/wp-content/uploads/2022/08/bvg-sprache-line.png);
}
*/

#logo {
	max-height: 90%!important;
}

.et_search_outer {
	display: block;
}

.et-search-field {
	display: block;
}

#et-main-area {margin-top: 20px;}

#page-container {padding-top: 59px!important;}

.menulink {color: #000000; background-color: #f0d722; padding: 3px 5px; line-height: 1;}

.et_pb_divider_4:hover:before {border-top-width:0px!important;}
.et_pb_divider_3:hover:before {border-top-width:0px!important;}
.et_pb_divider_5:hover:before {border-top-width:0px!important;}
.et_pb_divider_2:hover:before {border-top-width:0px!important;}
.et_pb_divider_0:hover:before {border-top-width:0px!important;}
.et_pb_divider_1:hover:before {border-top-width:0px!important;}

.center {text-align: center; margin: 0 auto 0 auto;}

.mobile_menu_bar et_pb_header_toggle et_toggle_fullscreen_menu {color: #ffffff;}

#top-menu li {font-size: 18px;}
.et_mobile_menu li a {font-size: 18px;}

a {
	cursor: pointer;
}

#top-menu-nav>ul>li>a:hover {text-decoration:underline; opacity: 1;}

.bottom-nav a:hover {text-decoration:underline; opacity: 1;}

a:focus {
	outline: 1px solid;
	outline: -webkit-focus-ring-color auto 1.5px;
}

a:visited {color: #000000;}

.highlight {color: #000000; background-color: #f0d722; padding: 3px 5px; line-height: 1;}
.highlight:hover {color: #f0d722!important; background-color: #000000;}
.highlight:focus,.nohovr:focus {outline: 1px solid; outline: -webkit-focus-ring-color auto 1.5px;}

.inverslink:hover {text-decoration:underline;}

.textlink:hover {text-decoration:underline;}

.boldlink:hover {font-style: italic;}

.contrastlink {color: #ffffff!important;}

.mejs-button>button:focus {outline: 1px solid #f0d722!important;}

p {color: #000000;}

ul {color: #000000;}

.cookieconsent {line-height: 1.4;}

.ctcc-left-side {margin-right: 0!important;}

.w3eden .modal-open {
    font-family: 'Transit', Arial, sans-serif!important;
}

#footer-widgets {padding: 3% 0 0;}
.et_pb_widget {float: none;}
#footer-bottom {background-color: #1f1f1f;}

.bottom-nav a {
    color: #bbb;
}

.footer-widget * {
  box-sizing: border-box;
}

.footer-widget .row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px 0;
  text-align: center;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.formfield1 {float: left;}
.formfield2 {float: left; padding: 0 0 0 3%;margin-bottom: 16px;}

.formfieldinput {width: 100%; color: #999; background-color: #eee; border:0; font-size: 14px; padding: 16px;}

input.formfieldinput {color: #999; background-color: #eee; border:0; font-size: 14px; padding: 16px 23px;}

.formsend {background-color:#f0d722; color: #000; padding: 6px 18px; border:0;font-size: 18px;}

.wpcf7-not-valid-tip {font-size: 0.8em;}
.wpcf7 form .wpcf7-response-output {border: 0; color: #dc3232; font-size: 0.8em;padding: 0; margin: 8px 0;line-height: 1.3em;}


@media only screen and (max-width: 600px) {    
  
	#et-main-area {margin-top: 30px;}
	
	.col-4 {
        width: 100%!important;
        display: block!important;
        margin: 0 auto;
        float: none !important;;
    }

    .playstore {
    padding: 0;
}
}

@media (max-width: 1200px) {
	#logo {max-width: 200px!important;
}
}

@media (min-width: 981px) {
	.footer-widget {margin-bottom: 3%!important;}
}
@media (max-width: 768px) {
	#page-container {padding-top: 50px!important;}
	
	.footer-widget:nth-child(n) {width: 100%!important;}
	#footer-widgets {padding: 3% 0;}
}

@media (max-width: 480px) {
	.formfield, .formfield1, .formfield2 {width: 100%;display: block;float: none!important; padding-left:0;}
	.formfieldinput {width: 100%;}
	select.formfieldinput {width: 100%;}
	
	#footer-widgets {padding: 11% 0 0;margin-bottom: -15px;}	
	.footer-widget:nth-child(n) {margin-bottom: 0!important;width: 100%!important;}
}