/*Desktop-First*/

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


    /*Header-Elemente*/

    .dropdown-item{
        height: 50px; /*Zeilenhöhe soll 50px sein - TODO*/
    }

    header .dropdown-menu> .dropdown-item:not(:first-child){
        border-top:1px solid #E3E3E5;
    }



    /*Footer-Elemente"*/

    footer{
        height:auto;
    }

    footer .navbar-nav{ 
        flex-direction: row;
        align-items: center;
    }
 
	.navbar-nav .nav-item {
    	margin-right: 0px;
     }


    .pagesearch-field {
        width: 100%;
        display: flex;
        flex-direction: row;
    }



	#mega-menu-wrap-infotheme-primary-menu #mega-menu-infotheme-primary-menu > li.mega-menu-item > a.mega-menu-link {
    	font-size: 19px !important;
	}	

	.card-deck {
   		margin: 30px -56px 0 0;
	}
	.card-deck .card {	
		margin-right: 48px;
	}
	.card-deck .card.sitemp {	
		margin-right: 818px !important;
	}
}



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

	footer {
        height: auto;
    }

    .width-100 {
        width: auto;
    }

    .breadcrumb {
        padding-top: 30px;
        margin-left: 50px;
    }
	
	.container.info-main {
		
	}
	
	
	
	footer .navbar-nav { 
        flex-direction: column;
    }
	
	
    #topnav button, .dd-right button{
        /* width:auto; */
    }

    header .logo span {
        /* display:none; */
    }

    header .row {
        margin-top: 4px;
    }

    .icon-info-circled::before {
        font-size: 28px;
    }


    .breadcrumb {
		padding-top: 35px;
		margin-left: 60px;
	}


    .dropdown-item {
        border-radius:0;
    }

    .dd-label{
        display: none;
    }

	.dropdown-menu {
		border: 1px solid #A7ADB1;
	}

    .dropdown-menu-full .dropdown-menu> .dropdown-item:not(:first-child){
        border-top:1px solid #A7ADB1;
    }

    #topnav .dropdown-menu, #usernav .dropdown-menu{
        display: none;
    }

    .dropdown-menu-full{
        display: block;
        position: absolute;
        left: 0px;
        right:0px;
        z-index: 1024;
    }

    #usernav-mobile.dropdown-menu-full .dropdown-menu{
        width: 100%;
        border-radius: 0;
    }

    #topnav-mobile.dropdown-menu-full .dropdown-menu{
        width: 100%;
        float: left;     
        border-radius: 0; 
    }

   

    #topnav-mobile .dropdown-item {
        padding-left: 40%;
    }

    #usernav-mobile .dropdown-item {
        padding-left: 40%;
    }
    
    footer .navbar-brand{
        display: flex;
        justify-content: center;
    }

	
    .footer-nav {
        flex-direction: column;
        align-items: center;
    }

    #menu-footer .menu-item {
        justify-content: center;
        margin-right: -5px;
    }
    
    #menu-footer .menu-item a {
        padding: .5rem 1rem;
    }


    site-main .container{
        display: flex; 
        width:540px;
        justify-content: center;
    }

    



    .nav-tabs .nav-link {
        font-size: 19px;
    }

    .form-row > .col, .form-row > [class*="col-"] {
        padding: 5px;
    }

    form label {
        display:none;
    }

	.card-deck {
   	 	margin: 30px -58px 0 0;
	}

	.card-deck .card {
    	margin-right: 55px;
	}
	
    .box-content .card {
        padding:0
    }


    
    .site-main-category.container {
        padding: 0 15px;
    }
    
    article {
        width: 100%;
    }
    
    .entry-thumbnail img {
        padding: 0;
    }
   
	
	/*---------------------Responsive Menu---------------------*/

	
 	button#responsive-menu-pro-button {
        top: 62px !important;
        background: #009CEE !important;
        z-index: 999 !important;
    }
	
	.responsive-menu-pro-accessible.is-active {
		display:none !important;
	}
	
	#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
		height: 59px !important;
		line-height: 59px !important;
		width: 60px !important;
		background-color: #0088DC !important;
		border-left: none !important;
	}	
	
	
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
        background-color: #009CEE !important;
        border-bottom: 1px solid #5C646F !important;
        border-color: #5C646F;

    }

    #responsive-menu-pro-container {
        margin-top: 50px !important;
    }

#responsive-menu-pro-container #responsive-menu-pro .responsive-menu-pro-back {
    border-bottom: 1px solid #5C646F !important;
    border-top: none !important;
    background-color: #0088DC;
	padding: 5px;
	height: 60px !important;
	line-height: 60px !important;
}
	
	.responsive-menu-pro-back .fa-chevron-left::before{
		padding-right: 10px !important;
	}

    #responsive-menu-pro-container {
        background-color: #009CEE !important;
    }

	#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
    	line-height: 60px !important;
    	height: 60px !important;
	}
	

    #responsive-menu-pro-container #responsive-menu-pro-additional-content {
        display: none;
    }

   #responsive-menu-pro-container li.responsive-menu-pro-item {
	   height: 60px;
	}

	#responsive-menu-pro-container #responsive-menu-pro > li.responsive-menu-pro-item:first-child > a {
    	border-top: none !important;
	}
  

    .site-main-category.container {
        padding: 0 15px;
    }

    .entry-thumbnail img {
        padding: 0;
    }

	


}    



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

    /*TODO Logo soll dann mittig über LinkList stehen"*/
    footer .row{
        flex-direction: column;
    }
	
	footer .navbar-nav a {
		padding: .5rem 1rem;
	}

    #topnav-mobile .dropdown-item{
        padding-left: 30%;
    }

    #usernav-mobile .dropdown-item {
        padding-left: 30%;
    }
    

    #info-nav .column {
        width: 100%;
        height: auto;
    }

	.card-deck {
    	margin: 30px -135px 0 0;
	}
	
	.card-deck .card {
    	margin-right: 133px;
	}



    .entry-title {
        margin: 30px 30px 15px 15px;
    }


}

 

@media (max-width: 575px) {

    header.container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

	.card-deck {
    	margin: 30px -80px 30px 30px;
	}
	
	.card-deck .card {
    	margin-right: 30px;
	}

	.info-main .grid-text {
    	margin: 0 0 -10px 30px;
	}
    



    #topnav-mobile .dropdown-item {
        padding-left: 30%;
    }

    #teaser.container {
        width:369px;
        height: 170px;
    }


  

    .nav-tabs {
        margin-left: 15px;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .nav-tabs .nav-item {
        margin-right: 30px;
    }

    .nav-tabs .nav-link {
        font-size: 14px;

        
    }


}

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

	.card-deck {
    	margin: 30px -30px 30px 0px;
	}
	
    .card-deck .card {
    	width: 100%;
		height: auto;
	}       

	
    .card-body {
        
    }

    h2 {
        
    }

    h3 {
        
    }

    .card-text {
        
    }

    .card-img-top {
        height: 90%;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
    }
	
	.error-404 {
		padding: 0 15px;
	}


}



/*Ansicht bis 440px gut*/

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

	 main {
        margin-left: 0;
        margin-right: 0;
    }
	

    .nav-link {
        display: block;
        padding: .2rem .4rem;
        margin-right: 3px;
    }


    .dd-right .dropdown-toggle::after {
        padding: 0;
    }

    .breadcrumb {
        /*display: none;*/
    }
    
    .form-control::placeholder {
        display: none;
    }



}



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

    

    #usernav-mobile .dropdown-item {
        padding-left: 20%;
    }

    #topnav-mobile .dropdown-item {
        padding-left: 20%;
    }



}