@charset "UTF-8";
@media only screen and (max-width : 5000px) {

	.m768 {
		display: none;
	}

}

/*******************************/
/* Large Devices, Wide Screens */
/*******************************/

@media only screen and (max-width : 1170px) {

	#mainbody {
		padding-right: 0px;
		padding-left: 0px;
		width: 98%;
	}
	
	.contactbox_details{
	display: none;
	}

	.slideshow, .slideshow img {
		width: 100%;
	}

	.btn-rights {
		display: none;
	}

	.slideshow,
	.slideshow-step {
		height: 400px !important;
	}

	.slideshow-content {
		margin: 280px 0 0 0 !important;
		padding: 10px;
	}
	
		#homeboxes_light .text-box{
		padding: 15px 15px 15px 20px;
		Height: 120px;
	}
}

/****************************/
/* Medium Devices, Desktops */
/****************************/

@media only screen and (max-width : 992px) {

	/* nicht verwenden */

	article header {
		height: auto !important;
	}

	.col-3, .col-9, .col-4 {

	}

	.slideshow,
	.slideshow-step {
		height: 310px !important;
	}

	.slideshow-content {
		margin: 210px 0 0 0 !important;
		padding: 10px;
	}
	
		/* Homeboxes
	------------*/
	
	#homeboxes_light img {
	height: 75px !important; 
	padding: 0 20px 0 0;
		float: left;
	}
	
	#homeboxes_light .text-box{
		padding: 15px 15px 15px 20px;
		Height: 100px;
	}

}

/**************************/
/* Small Devices, Tablets */
/**************************/

@media all and (max-width : 768px) {

	.m768 {
		display: block;
	}

	.header img {
		padding-left: 0px;
	}

	#mainbody {
		width: calc(100% - 20px);

	}

	#articles article img {
		width: 100%;
		height: auto;
	}
	
	/* Homeboxes
	------------*/
	
	#homeboxes_light img {
	display: none;
	height: 130px;
	padding: 0 20px 0 0;
		float: left;
	}
	
	#homeboxes_light .text-box{
		padding: 15px 15px 15px 20px;
		Height: auto;
	}

	/* Emotion
	------------*/

	.emotion,
	.emotion .elm {
		height: 150px;
	}

	/* Hauptnavigation
	------------------*/

	.btn-menu {
		display: inline-block;
		padding: 222px 20px 10px 20px;
		font-size: 20px;
		box-sizing: border-box;
		text-align: center;
		line-height: 55px;
	}

	.btn-menu .fa {
		font-size: 21px;
		opacity: 0.6;
	}

	.m1 {
		float: left;
		width: 50%;
		text-align: left;
	}

	.m2 {
		float: right;
		width: 25%;
	}

	.btn-menu.m3 {
		float: right;
		width: 25%;
		border-right: 0px;
	}

	.mainnav ul li a {
		line-height: 40px;
	}

	.mainnav ul {
		display: none;
	}

	.mainnav ul li,
	.mainnav ul li li {
		width: 100%;
		box-sizing: border-box;
		background-color: #ffffff;
	}

	.mainnav ul li a {
		height: 40px;
		border-bottom: 1px solid #cecece;
		color: #333333;
	}

	.mainnav li a .fa {
		position: absolute;
		right: 0px;
		top: 0px;
		height: 40px;
		width: 40px;
		text-align: center;
		box-sizing: border-box;
		padding-top: 11px;
		font-size: 18px;
		border-left: 1px solid #cccccc;
	}

	.mainnav ul ul {
		position: relative;
		top: 0;
		padding: 0;
		box-shadow: none;
	}

	.mainnav ul li a:hover {
		background-color: transparent;
	}

	.mainnav ul ul li a {
		padding: 0 0 0 40px;
	}

	/* Schatteneffekt deaktivieren
	-------------------------------*/

	.shadow {
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.quicklinks {
		display: none;
	}
	
	.contactbox{
	display: none;
	}

	.mobile-languages {
		display: block;
		position: absolute;
		top: 34px;
		right: 6px;
		list-style-type: none;
	}

	.mobile-languages a img {
		width: 32px;
		height: 22px;
		margin-right: 5px;
	}

	.mobile-languages a.inactive {
		opacity: 0.3;
	}

	/* nicht verwenden */
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
	.col-7, .col-8, .row .col-9, .col-10, .col-11, .col-12 {
		width: 100%;
	}

	.pad-left {
		margin-left: 0;
	}

	.solution .img {
		height: auto;
	}

	/* Suche
	---------*/

	.form-search > .fa-search {
		display: none;
	}

	.mainnav .head-search {
		width:100%;
		margin-top:55px;
	}

	.mainnav .search-box {
		position: relative;
		top: -55px;
		margin-right: 1px;
		width: 100%;
	}

	/* Footer
	-----------*/

	.footer strong {
		display: block;
		margin-top: 10px;
	}

	.pad-right {
		padding-right: 0px;
	}
	.pad-left {
		padding-left: 0px;
	}

	/* Startseite Sliderelement
	----------------------------*/

	.slideshow,
	.slideshow-step {
		height: 200px !important;
	}

	.slideshow-content * {
		font-size: 20px !important;
	}

	.slideshow-content {
		margin: 130px 0 0 0 !important;
		padding: 10px;
	}

	.slideshow-content h3 {
		font-size: 28px;
	}

	.slideshow-content p {
		font-size: 20px;
	}

}

/*******************************/
/* Extra Small Devices, Phones */
/*******************************/

@media only screen and (max-width : 480px) {

  .block-video{
		width: 100%;
		height: 50px;
	}

	.header image {
		margin-left: 20px;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 0;
		padding-left: 0;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.pad-right {
		margin-right: 0;
	}

	.pad-left-half,
	.pad-right-half {
		margin-right: 0;
	}

	.emotion,
	.emotion .elm {
		height: 120px;
	}

	/* Tabs
	--------*/

	.ego-tab {
		width: 100%;
		height: auto;
		border: none;
		background-image: none;
	}

	.ego-tab li {
		display: block;
	}

	.ego-tab li a {
		display: block;
		border-radius: 0px;
		border: 1px solid #f3f3f3;
		margin-right: 0;
	}

	.ego-tab li.active a {
		padding-bottom: 7px;
	}

	.ego-tab:after {
		clear: both;
	}

	.table-container {
		clear: both;
		overflow-x: scroll;
	}

	.pad-left, .pad-right {
		padding: 0;
	}

	/* Eingabefelder bei Findpartner
	---------------------------------*/

	.findpartner-selectcontainer select {
		width: 100%;
	}

	.findpartner-selectcontainer .select-countries {
		margin: 5px 0 0 0;
	}

	/* Startseite Sliderelement
	----------------------------*/

	.slideshow,
	.slideshow-step {
		height: 160px !important;
	}

	.slideshow-content {
		margin: 30px 0 0 0 !important;
	}

	.slideshow-content * {
		font-size: 13px !important;
	}

	.slideshow-content h3 {
		font-size: 20px;
	}

	.slideshow-content p {
		font-size: 12px;
	}

	.slideshow-navigator {
		display: none !important;
	}

	.slideshow-content {
		margin: 80px 0 0 0 !important;
	}

}

/*************************/
/* Custom, iPhone Retina */
/*************************/

@media only screen and (max-width : 320px) {

	.slideshow,
	.slideshow-step {
		height: 160px !important;
	}

	.slideshow-content {
		margin: 70px 0 0 0 !important;
	}

	.emotion,
	.emotion .elm {
		height: 100px;
	}

	.m320 {
		display: block;
	}

	body {
		border-top: 1px solid #3770D6;
	}

}