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

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

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

 .breadcrumb				{ padding-left: 5px }
 .content				{ padding-left: 10px } 

 .navbar-brand img			{ width: 100%; height: auto }
 .node__content .field--name-field-image 		{ 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; color: #415eab }


 .navbar-sidebar		{ display: none !important }
 .form-inline			{ border: none }

 #block-views-block-banner-block-1 .views-row  	{ margin-bottom: 5px; padding: 10px 20px }

}

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

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

 #block-views-block-banner-block-1			{ margin-left: 20px !important; position: relative }
 #block-views-block-aktuelles-block-1		{ margin-left: 20px !important; position: relative }

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


}


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

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

 
 .direktlink  .col			{ clear: float!important; width: 100%!important; margin-bottom: 15px }
 .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 }

 .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 }

}

/***********************************************************************
 * Gemeinderat / Personal
 **********************************************************************/

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

 .view-gemeinderat .views-label-field-e-mail,
 .view-gemeinderat .views-label-field-telefon-nr-,
 .view-gemeinderat .views-label-field-funktion,
 .view-gemeinderat .views-label-field-ressorts 			{ clear: float !important; width: 100% }

 .view-gemeinderat .views-field-title 				{ border-bottom: 2px solid #415eab; margin: 0 }
 .view-gemeinderat .views-field-field-portrait			{ clear: float; width: 100%; padding: 10px 0 }
 .view-gemeinderat .views-field-field-portrait img		{ max-width: 165px; height: auto }
 .view-gemeinderat .views-field-title .field-content		{ padding-left: 0px }
 .view-gemeinderat .views-field-field-funktion .field-content	{ padding-left: 0px }
 .view-gemeinderat .views-field-field-ressorts .field-content	{ padding-left: 5px; padding-top: 20px }

 .view-gemeinderat .field-content ul li:first-child		{ margin-top: 10px !important }

 .view-mitarbeiter .views-row					{ padding: 15px 0 0 0 }
 .view-mitarbeiter .views-label-field-funktion,
 .view-mitarbeiter .views-label-field-e-mail,
 .view-mitarbeiter .views-label-field-telefon-nr-,
 .view-mitarbeiter .views-label-field-hauptaufgaben			{ clear: float !important; width: 100% !important }

 .view-mitarbeiter .views-field-title .field-content			{ padding-left: 0px }
 .view-mitarbeiter .views-field-field-funktion				{ padding-top: 5px }
 .view-mitarbeiter .views-field-field-funktion .field-content		{ padding-left: 0px }
 .view-mitarbeiter .views-field-field-hauptaufgaben .field-content	{ padding-left: 0px; padding-top: 20px }

 .view-mitarbeiter .field-content ul li:first-child			{ margin-top: 10px !important }
}

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

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


}

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

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

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

 .sub_content				{ padding: 5%; margin-top: 20px } 
 .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 }

}