/*
 * Copyright - Violution GbR Dortmund
 */

/* Alte kleine Laptops und große Tablets (Galaxy Tab) */
@media only screen and (min-width: 800px) and (max-width: 990px) and (max-aspect-ratio: 13/9) and (orientation: portrait){

    body {
        /*border: 3px dotted #3eff42 !important;*/
        max-width: 100%;
    }

    #main .mod_article.content-twocol-color .col_1 p,
    #main .mod_article.content-twocol-color .col_2 p,
    #main .mod_article.content-onecol-color p{
        padding: 0 40px;
    }

    #header .sm-bar {
        padding-top: 45px;
        overflow: visible;
        height: 90px;
    }

    #video_background{
        height: 400px;
    }

    /* Ausblenden */
    #stickybutton,
    .ticket-button,
    #scroll-control .inner:before{
        display: none !important;
    }

    #colorbars-header .bar_2{
        width: 45vw;
    }

    .row [class^="grid"]{
        margin: 0 0;
    }

    #eventslider .swiper-slide-active .title_box,
    #eventslider .detail-header .title_box,
    #eventslider .swiper-slide-next .title_box,
    #eventslider .swiper-slide-prev .title_box{
        font-size: 3.3em !important;
        padding: 20px 20px 20px 36px !important;
    }

    #eventslider .swiper-slide-active .date_box,
    #eventslider .detail-header .date_box,
    #eventslider .swiper-slide-next .date_box,
    #eventslider .swiper-slide-prev .date_box
    {
        width: 73.333%;
    }

    #eventslider .swiper-slide-active .date_box,
    #eventslider .detail-header .date_box,
    #eventslider .swiper-slide-next .date_box,
    #eventslider .swiper-slide-prev .date_box{
        top: -36px;
    }

    #eventslider .swiper-slide-active .subtitle_box,
    #eventslider .detail-header .subtitle_box,
    #eventslider .swiper-slide-next .subtitle_box,
    #eventslider .swiper-slide-prev .subtitle_box
    {
        width: 94.666%;
        font-size: 2.2em !important;
        padding: 15px 15px 15px 40px !important;
        height: 65px !important;
    }

    #eventslider .swiper-slide-active .first_box,
    #eventslider .detail-header .first_box,
    #eventslider .swiper-slide-next .first_box,
    #eventslider .swiper-slide-prev .first_box
    {
        height: 50px;
    }

    #eventslider .swiper-slide-active .first_box,
    #eventslider .swiper-slide-next .first_box,
    #eventslider .swiper-slide-prev .first_box,
    #eventslider .detail-header .first_box
    {
        height: 25px;
    }

    #logo-nav-wrapper{
        padding-top: 50px;
        padding-left: 2.7% !important;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 9px 0 9px;
    }

    #hero .binding{
        margin: 0;
        width: 100% !important;
        max-width: 100% !important;
    }

    #hero .row.mobilpadding{
        width: 94%;
        margin: 0 auto;
    }

    /* Hero Startseite */
    .start #hero {
        width: 100%;
        height: 500px;
        display: block;
        position: relative;
        background-color: #1e1f28;
    }

    #domicil-logo-header
    {
        width: 17%;
    }

    #header .mod_navigation.grid10{
        width: 83%;
    }

    .domicil-event-list .grid2,
    .domicil-event-list .grid3
    {
        width: 60%;
    }

    .domicil-event-list .grid5
    {
        width: 40%;
    }

    #header .mod_navigation ul li{
        padding-left: 16px;
    }

    #header .mod_navigation ul li a,
    #header .mod_navigation ul li .active,
    #header .mod_navigation ul li .trail{
        font-size: 1.6em;
    }

    /* Bilding */
    .binding{
        width: 94%;
    }

    #main .mod_article.content-text-programmlist{
        padding-top: 90px;
    }

    .folge #main .mod_article.white-bg.margintop{
        margin-top: 20px;
    }

    #domicil-logo-header #logo{
        background-size: auto 80%;
    }

    #top-infos{
        font-size: 1.2em;
        padding: 10px 3px;
    }

    #eventslider .swiper-slide-active .date_box,
    #eventslider .detail-header .date_box,
    #eventslider .swiper-slide-next .date_box,
    #eventslider .swiper-slide-prev .date_box {
        font-size: 1.8em !important;
        top: -50px;
        padding: 13px 10px 14px 36px;
    }

    .folge #eventslider .swiper-slide-active .date_box,
    .folge #eventslider .detail-header .date_box,
    .folge #eventslider .swiper-slide-next .date_box,
    .folge #eventslider .swiper-slide-prev .date_box{
        font-size: 1.6em;
        padding: 16px 10px 16px 36px;
    }

    #eventslider .swiper-slide-active .title_box,
    #eventslider .detail-header .title_box,
    #eventslider .swiper-slide-next .title_box,
    #eventslider .swiper-slide-prev .title_box {
        font-size: 3.4em;
        padding: 36px 20px 36px 36px;
        margin-top: 0 !important;
    }

    #eventslider .swiper-slide-active .subtitle_box,
    #eventslider .detail-header .subtitle_box,
    #eventslider .swiper-slide-next .subtitle_box,
    #eventslider .swiper-slide-prev .subtitle_box
    {
        font-size: 1.8em;
        padding: 20px 15px 20px 36px;
    }

    #main h2{
        font-size: 3.5em;
    }

    .start #eventTypes .select2-container {
        background-position: 39.5% center;
    }

    .start #wishdate {
        background-position: 41.5% center;
    }

    .folge .defaultform .formbody #wishMonth .select2-container{
        text-indent: 9.4%;
    }

    .start #today {
        background-position: 43.5% center;
    }

    .folge.eventdetails #container .mod_article.first
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #main .mod_article.content-crossteaser{
        font-size: 2.4em;
    }

    #main .mod_article.content-crossteaser p:before{
        left: 40%;
        width: 20%;
    }

    /* Swiper-Navigation Bullets */
    #header .swiper-pagination,
    .folge #main .eventslider_inner .swiper-pagination {
        top: -80px;
        text-align: center;
        padding-right: 0;
    }

    .start #main {
        padding-top: 500px;
    }

    #scroll-control span {
        padding-top: 56px;
    }

    /* Eventliste */
    .domicil-event-list .grid2,
    .domicil-event-list .grid3{
        width: 20%;
        margin-left: 15px;
    }

    .domicil-event-list .grid5{
        width: 30% !important;
        margin-left: 15px;
    }

    .start #main .mod_article.content-text-programmlist{
        padding-bottom: 50px !important;
    }

    .start #main .mod_article.margintop{
        padding-top: 0 !important;
    }

    #main .mod_article.content-crossteaser{
        padding-top: 63px;
    }

    #main .mod_article.content-text-programmlist{
        padding-bottom: 50px !important;
    }

    .c50l, .c50r{
        width: 100%;
        float: none;
    }

    #footer .sm-bar,
    #footer .sm-bar ul{
        text-align: left;
    }

    #footer .sm-bar ul li:first-child{
        padding-left: 0;
    }

    #main .mod_article.content-twocol-color .col_1,
    #main .mod_article.content-twocol-color .col_2,
    #main .mod_article.content-onecol-color{
        padding-top: 90px;
        padding-bottom: 80px;
    }

    #main .mod_article.content-twocol-color .subcolumns,
    #main .mod_article.content-onecol-color{
        height: auto;
    }

    .content-foerderungen .grid6{
        width: 100%;
        text-align: center;
    }

    #colorbars-footer-bottom .bar_1{
        bottom: -42px;
    }

    #colorbars-footer-bottom .bar_2{
        bottom: -62px;
    }

    #footer .grid3{
        width: 25%
    }

    #main .mod_article.content-formular .defaultform .formbody .grid10 input,
    #main .mod_article.content-formular .defaultform .formbody .grid10 select,
    #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container,
    #main .mod_article.content-formular .defaultform .formbody .grid10 div.button,
    #main .mod_article.content-formular .defaultform .formbody .grid10 textarea {
        max-width: 94%;
    }

    #main .mod_article.content-formular .defaultform .formbody .widget-submit{
        margin-top: 20px;
    }

    .content-formular{
        text-align: left;
    }

    .folge .defaultform .formbody .select2-container .select2-selection__choice,
    .folge .defaultform .formbody .select2-container .show_more{
        margin-left: -3.2%;
    }

    .defaultform .formbody .select2-container .show_more,
    .defaultform .formbody .select2-container .select2-selection__choice{
        padding: 0;
    }

    /* Steuerpfeile Pagina */
    .swiper-button-next,
    .swiper-button-prev{
        display: block;
    }
    
    /* Mobile Filter */
    .domicil-event-search .defaultform .formbody input, 
    .domicil-event-search .defaultform .formbody select, 
    .domicil-event-search .defaultform .formbody .select2-container, 
    .domicil-event-search .defaultform .formbody div.button, 
    .domicil-event-search .defaultform .formbody textarea, 
    .domicil-event-search a.button{
		margin: 0 auto !important;
		padding: 20px;
		font-size: 1.4em;
		height: 54px !important;
		margin-left: 12% !important;
    }
    
    .domicil-event-search .defaultform .formbody input.select2-search__field{
		margin-left: 0% !important;
    }
    
    .defaultform .formbody .select2-container {
	    background-position: 10px center;
	    font-size: 0.9em;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 1em;
	    line-height: 13px !important;
	    margin-top: -3px;
	}
	
	.domicil-event-search .defaultform .formbody #eventTypes .select2-container,
	.domicil-event-search .defaultform .formbody #eventGenres .select2-container{
		padding-top: 8px;
	}

	
	#eventTypes .select2-search__field, 
	#eventGenres .select2-search__field{
		font-size: 0.6em;
		padding-bottom: 36px;
	}
	
	.folge .defaultform .formbody .select2-container .select2-selection__choice{
		font-size: 0.6em !important;
		padding-top: 8px !important;
		background-color: transparent !important;
		display: inline;
		padding-right: 38px !important;
	}

    /* Filter Hack 28.2.2020 */
    .folge .defaultform .formbody .select2-container {
        background-position: 2% center;
    }
	
	.folge .defaultform .formbody .select2-container .show_more{
		display: none;
	}

    .folge .defaultform .formbody #wishMonth .select2-container {
        text-indent: 27px;
    }

    .domicil-event-search .defaultform .gridelement {
        width: 91%;
    }

    .domicil-event-search .defaultform .formbody input#eventTitle {
        width: 78.4%;
        margin-left: 11.4% !important;
    }

    .domicil-event-search .defaultform .gridelement.grid5 {
        margin: -8px -7px !important;
        width: 101.3%;
    }

    .defaultform .formbody .gridelement.grid5 label {
        margin: 10px 2px !important;
        position: absolute;
        left: 7px;
        top: 15px;
    }
    /* Filter Hack 28.2.2020  ENDE */
	
	ul.select2-selection__rendered{
		text-align: left !important;
	}
	
	.domicil-event-search .defaultform .gridelement {
	    width: 87.9%;
	    margin: 5px 0 !important;
	    position: relative;
	}
	
	.defaultform .formbody label {
	    margin: 10px 2px !important;
	    position: absolute;
	    left: 0;
	    top: 4px;
	}
	
	.folge .domicil-event-search .defaultform {
    	margin-bottom: 0;
	}
	
	.domicil-event-search {
	    margin-top: 0;
	    margin-bottom: 23px;
	}
	
	.domicil-event-search .defaultform .select2-selection--multiple {
	    margin-left: -9px;
	}

    /* Grid bei der Veranstaltungsliste */
    .domicil-event-list .date, .domicil-event-list .title, .domicil-event-list .typename, .domicil-event-list .genrename, .domicil-event-list .special_box {
        line-height: 1.45em;
    }

    /* Siteinfos Veranstaltungsdetails */
    #main #eventslider_text p.siteinfos{
        max-width: 100%;
    }

    #main #eventslider_text p.siteinfos a.button{
        margin-bottom: 30px !important;
        text-align: left !important;
    }

    #eventslider_text .special_box {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #eventslider_text .special_box .flag {
        width: 30%;
    }
}