/*
 Theme Name:	TwentyTwentyOne Child
 Theme URI:		https://www.language-school.online/twentytwentyone-child/
 Description:	Wordpress ist super 
 Author:        Zsolt Gabler
 Author URI:	https://www.language-school.online/
 Template:		twentytwentyone
 Version:		1.0.0
 Text Domain:	twentytwentyone-child
*/


/*-------------------------------------- BASICS --------------------------------------*/

body { background-color: rgba(209, 228, 221,0.3) !important; overflow-x: hidden !important; }

b, strong { font-weight: 500 !important; }

#masthead { max-width: 1240px; margin: 0 auto; padding: 30px 20px; }
.site-branding { margin-top: 0 !important; }
.site-branding h1 { margin: 0 !important; }

#content { background-color: rgb(209, 228, 221); min-height: calc(100vh - 210px); }
.entry-header.alignwide { display: none; }
#content h1 { font-size: 72px !important; }
.entry-content { margin-top: 20px !important; }

.widget-area 
{ position: relative; bottom: 0px; margin: 0 auto 10px auto !important; padding: 0 20px !important; }
.widget-area { grid-template-columns: repeat(2, 1fr) !important; }

#colophon { position: relative; width: 100vw; bottom: 0px; margin-top: -140px;  }
#colophon .footer-navigation { margin: 20px; }

#colophon .site-info { display: none; }

@media (max-width:1239px) { 
	#masthead { padding: 15px 20px }
	.site-branding h1 { font-size: 16px } .site-branding p { font-size: 14px } }

@media (max-width:655px) { #block-14 p, #block-15 p { text-align: center !important; } }

@media (max-width:599px) { #content h1 { font-size: 50px !important; } }

@media (max-width:481px) { 
	#masthead { padding: 16px 20px 30px 15px }
	.site-branding { max-width: 240px !important; }
	.site-branding h1 { font-size: 12px !important; } 
	.site-branding p { font-size: 12px !important; line-height: 16px } }


/*-------------------------------------- NAVI --------------------------------------*/

#header-widget-area 
{ position: absolute; top: 102px; max-height: 60px !important; margin-left: -20px !important; }

.chw-widget { margin: 0 !important; }

#header-widget-area .chw-widget:nth-child(1) { z-index: 1000 !important; width: 120px !important; }
#languages-list { display: none; margin-top: 3px; }
.widget_wpglobus .widgettitle { display: none; }
.widget_wpglobus .dropdown-styled { font-size: 16px; line-height: 20px !important; }
.widget_wpglobus .dropdown-styled li 
{ text-transform: lowercase !important; width: 100% !important; padding: 3px 10px !important; }
.widget_wpglobus .dropdown-styled li ul 
{ display: block !important; position: absolute !important; opacity: 1 !important; visibility: visible !important; 
padding: 0 !important; left: 0 !important; top: 36px !important; width: 100% !important; }
.widget_wpglobus .dropdown-styled li ul li { background-color: white !important; }
.widget_wpglobus .dropdown-styled li ul li:hover { background-color: white !important; }
.widget_wpglobus .dropdown-styled a { line-height: 20px !important; text-decoration: none !important; } 
.widget_wpglobus .dropdown-styled .wpglobus-current-language { opacity: 0 !important; }

#header-widget-area .chw-widget:nth-child(2) { z-index: 3000 !important; width: 124px !important; }
#header-widget-area .chw-widget:nth-child(2) p { height: 40px !important; }
#switcher 
{ background-color: rgba(0,0,0,0); z-index: 6000; margin-left: -172px; margin-top: -28px !important; 
padding: 17px 58px; border-color: rgba(0,0,0,0.0) !important; outline-color: rgba(0,0,0,0.0) !important;
line-height: 40px !important; }

.custom-menu 
{ display: block; position: absolute; float: left; margin-left: -48px; top: 105px; font-size: 16px; 
z-index: +1000 !important; }
.custom-menu li { list-style-type: none !important; text-transform: none; text-decoration: none !important; }
.custom-menu li a { padding: 10px; text-decoration: none !important; }
.custom-menu li a .wpglobus_language_name { padding-left: 26px !important; }

#menu-sprachen {  }
#menu-item-9999999999 
{ height: 36px; line-height: 36px !important; background-color: white; width: 120px; }
#menu-item-9999999999 a { line-height: 28px !important; }
#menu-item-9999999999 .sub-menu { padding-left: 0; }

.primary-navigation a { font-size: 18px !important; padding-left: 8px !important; padding-right: 8px !important; }

.primary-navigation-open .button:focus, .primary-navigation .button:focus, .sub-menu-toggle:focus
{ outline-width: 0 !important; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle { width: 22px !important; }

@media (max-width:1239px) { 
	
	#masthead { max-height: 70px; overflow: display; }
	.primary-navigation a { font-size: 16px !important; padding-left: 8px !important; padding-right: 8px !important; } 
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle { font-size: 16px !important; }

	#header-widget-area { top: 67px; } 
	.custom-menu { margin-left: -48px; top: 70px; z-index: +2000 !important; } }

@media (max-width:999px) { 

.menu-button-container 
{ display: flex !important; position: static !important; max-width: 176px !important; 
margin-top: -20px !important; margin-left: auto !important; border: none !important;
z-index: 5000 !important; }
	
.primary-navigation > .primary-menu-container 
{ height: auto !important; max-width: 176px !important; position: static !important; z-index: 499 !important; 
/*----- border: 2px solid transparent; -----*/
margin-left: auto !important; margin-right: 0px !important; padding-bottom: 16px !important; }
	
.primary-navigation > .primary-menu-container li { display: none !important; }

.primary-navigation-open .primary-navigation > .primary-menu-container 
{ background-color: white !important; }
.primary-navigation-open .primary-navigation > .primary-menu-container li 
{ display: block !important; min-width: 140px !important; }
.primary-navigation-open .primary-navigation > .primary-menu-container li.menu-item-has-children
{ width: 100% !important; }

.primary-navigation a 
{ width: 140px !important; padding: 8px 8px 8px 14px !important; display: inline-block !important; } 
.primary-navigation > div > .menu-wrapper .sub-menu-toggle 
{ width: 40px !important; max-height: 35px; position: relative !important; display: inline-block !important; }
.primary-navigation > div > .menu-wrapper .sub-menu-toggle > span
	{ margin-left: 10px; } }


@media (max-width:650px) { 
#header-widget-area .chw-widget:nth-child(2) 
{ position: absolute; top: 0px !important; margin-left: 168px !important;  }
#switcher { margin-left: -166px !important; } }

	
@media (max-width:481px) { 
	
.custom-menu { margin-left: -48px; top: 61px; }
	
.menu-button-container { margin-top: -5px !important; min-width: 184px !important; } 
	
.primary-navigation > .primary-menu-container 
{ min-height: 350px !important; 
padding-left: 0px !important; padding-right: 0px !important;
position: absolute !important; max-width: none !important; top: 62px !important; right: 0px !important;
margin-left: auto !important; overflow-x: visible !important; overflow-y: visible; 
border: none !important; }
	
#primary-menu-list { margin-top: -73px; padding-bottom: 0px; }
	
.primary-navigation-open .primary-navigation > .primary-menu-container 
{ background: none !important; }

.primary-navigation-open .primary-navigation > .primary-menu-container li 
{ margin-left: calc(100vw - 184px) !important; min-width: 140px !important;
background-color: white !important; }

.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
	display: none; }
.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="true"] ~ ul {
	display: block; }
	
.primary-navigation-open .primary-navigation > .primary-menu-container li > .sub-menu 
{ border: 0px !important; }
	
.primary-navigation-open .primary-navigation > .primary-menu-container li > .sub-menu > li 
{ margin-left: 0px !important;  }

#header-widget-area { top: 58px; } }

.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle > span
	{  }

#header-widget-area .chw-widget:nth-child(2) { z-index: 3000 !important; width: 0px !important; }


/*-------------------------------------- UEBER UNS --------------------------------------*/

.home #content 
{ background-image: url("https://www.language-school.online/wp-content/uploads/language-school-online.jpg"); 
background-size: cover; background-repeat: no-repeat; background-position: center center; 
display: table; width: 100vw; }

.home #primary { display: table-cell !important; vertical-align: middle; }
.home #main { padding-top: auto !important; padding-bottom: auto !important; }
.home .entry-content { max-width: 700px !important; }
.home-intro { background-color: rgba(255,255,255,0.9); max-width: 700px !important; }
.home-intro p { font-size: 19px; line-height: 1.3 !important; }
.home-intro h2 { margin-bottom: -20px !important; line-height: 1.3 !important; }

@media (max-width:768px) { .home-intro { padding: 10px 0px !important; } }

@media (max-width:700px) 
{ .home .entry-content, .home-intro { max-width: 100vw !important; } .home-intro p { font-size: 16px; } }


/*-------------------------------------- KURSE --------------------------------------*/

.page-id-2 #content h1 { margin-bottom: -15px !important; }
.accordion { width: 100%; background-color: #eee; color: #444; 
margin-bottom: 2px !important; padding: 10px 18px 12px 18px; 
border: none; outline: none; cursor: pointer; transition: 0.4s; }
.accordion h2 { line-height: 1 !important; }
.accordion p { font-size: 18px; line-height: 24px !important; }
.active, .accordion:hover { background-color: #ccc; }

.panel { background-color: white; display: none; overflow: hidden; margin-top: 2px !important; padding: 0 18px 12px; }
.panel.hidden { display: none }
.panel p { font-size: 15px; line-height: 18px !important; margin-top: 15px !important; margin-bottom: 2px !important; }
.panel .wp-block-table 
{ max-width: 280px !important; margin: 2px 0 2px 0 !important; }
.panel tbody 
{ font-size: 15px; line-height: 18px !important; 
margin-top: 2px !important; margin-bottom: 2px !important; padding: 0 18px; }
.panel td { padding: 0 5px 5px 0 !important; border: none !important; outline: none; }


/*-------------------------------------- ANMELDUNG --------------------------------------*/

.wpcf7-form { margin-bottom: 80px }
.wpcf7-form label, .wpcf7-list-item 
{ font-family: ".SF NS Display"; font-size: 16px; font-weight: 100 !important; line-height: 22px; }
.wpcf7-form input, .wpcf7-form textarea { border-width: 1px !important; }
.wpcf7-form p:nth-child(6) { visibility: hidden !important; line-height: 20px; }
.wpcf7-form p:nth-child(12) { font-size: 16px !important; line-height: 19px; }
.wpcf7-form p:nth-child(15) { font-size: 16px !important; line-height: 19px; }
.wpcf7-form p:nth-child(14) { font-size: 16px !important; line-height: 19px; }
.wpcf7-list-item { margin-left: 0px; margin-top: 15px; }
.wpcf7-submit { margin-top: 20px; }


/*-------------------------------------- DATENSCHUTZ --------------------------------------*/

.page-id-3 #content p { font-size: 16px; line-height: 19px; }


/*-------------------------------------- IMPRESSUM --------------------------------------*/

.page-id-57 #content p { font-size: 16px; line-height: 19px; }


/*-------------------------------------- COOKIES --------------------------------------*/

#menu-item-157 { display: none !important; }