/* -------------------------------------
 *
 * responsive CSS für content-kitchen 4.0 
 * Author: Gerhard Sinnhuber
 *
 * @copyright     Copyright (c) 2020 transForm - digitale medien (https://transform.at)
 * @link          https://transform.at Project
 * @license       https://opensource.org/licenses/mit-license.php MIT License
 *
------------------------------------- */



/* verysmall mobile (tablets, 575px max) */
@media (max-width: 575px;) { 

	.logo  { width: 230px; min-width:230px; left: 0px;}
	.logo img{ width: 100%; }
	.container { width: 100%; max-width: 100%; min-width: 360px; }
	.breadcrumb{ margin: 0; margin-bottom: 32px; }
    article { padding: 0 0px !important; }

 } /* end verysmall tablets */


/* mobile phone ( 576px and up) */
@media (min-width: 576px) { 
	.container { width: 100%; max-width: 100%; }
	.modal-dialog { max-width: 100%; margin: 15px; }
	
 } /* end small desktops */


/* small (tablets, 768px and up) */
@media (min-width: 768px) { 

	.container { width: 100%; max-width: 100%; }
.ablauf{ margin-left: 10px; margin-right: 10px; }

} /* end small desktops */


/* medium (desktops, 992px and up) */
@media (min-width: 992px) {
 	
	.bigpicture { border-right: 0;}
	.textbox{ width: 50%; }
	.logo { width: 31%; min-width: 230px;}
	.container { width: 100%; max-width: 100%; }
	element.style { }
	footer input { max-width: 100%; width: 330px; }

} /* end medium desktops */

/* large (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.container { width: 100%; max-width: 1440px; }

	.dreiviertelbox .boxbuttons{
		left: 15px !important;
	}


} /* end large desktops */