/******************************************************************************************************
 * Standard-Einstellungen
 ******************************************************************************************************/

@media screen and (max-width: 75em) { /* 1200px */

 h1					{ font-size: 2.0rem !important; margin-top: 20px }
 h2					{ font-size: 1.1rem !important }

 .navbar-brand img			{ width: 100%; height: auto }
 .views-field-field-image		{ clear: float !important; width: 100%; padding: 0 0 15px 0 }

}

/******************************************************************************************************
 * Navigation
 ******************************************************************************************************/

@media screen and (max-width: 75em) { /* 1200px */
 
 .navbar-brand			{ height: 70px; width: 60%; padding: 10px 0 0 5px }
 .navbar-brand img			{ height: 60px; width: auto; padding: 10px 0 0 5px }

 .nav-link-header			{ display: none }
 #block-headernavigation .fas	{ width: 30px }

}

/******************************************************************************************************
 * Titel
 ******************************************************************************************************/

@media screen and (max-width: 70em) {

 #block-bannerstartseite 		{ height: 150px; margin-top: 100px }


}


/******************************************************************************************************
 * Direktlinks
 ******************************************************************************************************/

@media screen and (max-width: 75em) {

 .direktlink  .container .row 	{ display: block!important  }

}

/******************************************************************************************************
 * Content
 ******************************************************************************************************/

@media screen and (max-width: 75em) { /* 992px */

 .breadcrumb				{ padding: 0 2% }
 .content				{ padding: 0 5% }

 .content_prefix			{ padding: 0 }

 #block-textstartseite		{ padding: 0 5px }
 #block-bannerstartseite		{ margin-top: 20px }
 #block-bs-one-content		{ padding: 0 }

 .node--type-page .field--name-body		{ width: 100%; padding: 5px; margin-bottom: 20px; overflow: hidden }

 .views-field-field-bild		{ clear: float; width: 100%; padding: 0 0 15px 0 }

 #block-views-block-accordion-block-1	{ padding: 0 10px }
 .ui-accordion .ui-accordion-content	{ padding: 10px }

 .fc-content					{ font-size: 75% }

}

/******************************************************************************************************
 * Content mit Spalten
 ******************************************************************************************************/

@media screen and (max-width: 75em) { /* 992px */

}

/******************************************************************************************************
 * Kontaktformular
 ******************************************************************************************************/

@media screen and (max-width: 75em) { /* 992px */

 .field--name-field-webform			{ padding: 0 5px !important }

 #webform-submission-kontakt-add-form	{ padding: 0 5% !important } 

 #webform-submission-kontakt-add-form .js-form-item-organisation 	{ clear: float }
 #webform-submission-kontakt-add-form .js-form-item-name-vorname 	{ clear: float }
 #webform-submission-kontakt-add-form .js-form-item-e-mail-adresse 	{ clear: float }

 #edit-organisation 			{ width: 100% }
 #edit-name-vorname 			{ width: 100% }
 #edit-e-mail-adresse		{ width: 100% }
 #edit-mitteilung	 		{ width: 100%; margin-left: 0 !important }

}

/******************************************************************************************************
 * sub-features
 ******************************************************************************************************/

@media screen and (max-width: 60em) { /* 992px */

 .sub_content				{ padding: 5% } 
 .sub_content .col			{ clear:   float!important; width: 100%!important; margin-bottom: 15px }
 .sub_content .container .row 	{ display: block!important;  }

 .sub_features .col			{ clear: float!important; width: 100%!important; margin-bottom: 15px }
 .sub_features .container .row 	{ display: block!important;  }

 #block-bs-one-footer-menu		{ width: 100%; display: block }
 #block-bs-one-account-menu		{ width: 100%; display: block }
 #block-bs-one-account-menu .navbar	{ padding: 0 0 0 5px !important }

}