@charset "UTF-8";

/*setup global pagegrid for non mres/css pages (https://www.fachschule-veitshoechheim.bayern.de/) */
.pageGrid {
    max-width: 1280px;
    min-width: 255px;
    margin-left: auto;
    margin-right: auto;
}

/*Publikationen - Übersicht/Suche */
div.publikationen div.moduleCont1 > h3,
div.publikationen div.moduleCont1 > div.boxImage {
  cursor: pointer;
}
    
/**GDFinder + general **/
.ihalb{float:left;width:45%;margin-right:4%}
.isechstel{float:left;width:13%;margin-right:3%} 
.idrittel{float:left;width:30%;margin-right:3%}
.i2drittel{float:left;width:62%;margin-right:3%}
.i3fuenftel{float:left;width:57%;margin-right:3%}
.iviertel{float:left;width:23%;margin-right:3%}
.i3viertel{float:left;width:71%;margin-right:3%}



.clearAll, .clearfloat{
    clear:both;
    display:block;
    height:1em;
    background:transparent;
}

.iresult{width:100%;}

 .flabel{display:block;color: #993333;font-size:0.9em;font-weight:bold;margin:0.5em 0; }   
 .idrittel label{font-weight:normal;font-size:0.8em}
 
/*RD 2014, format old non responsive micronavs*/

.mnSubstitute{display:block;min-height: 100px;}

/*****************/
/* Topnavigation */
.moduleTopNavigation {display: block;position: absolute;top: 3px;}
.moduleTopNavigation ul {overflow:hidden;margin:0;line-height:100%;}
.moduleTopNavigation ul li {float:left;color:#338233;list-style:none;padding:0 7px 0 0;}
.moduleTopNavigation ul a {display:inline;float:left;text-decoration:none;padding:0 7px 0 0;}
.moduleTopNavigation ul a:focus,.moduleTopNavigation ul a:hover,.moduleTopNavigation ul a:active {text-decoration:underline;}

/* Logo Staatsministerium */
.moduleLogoStaatsministerium {float:right;}

/* Logo Amt */
.moduleLogoAmt {float: left;
    left: 10px;
    position: relative;
    top: 35px;
    width: 45%;
    }
.mnSubstitute > .boxRight{ 
    /*
    float: right;
    padding-right: 30px;
    padding-top: 28px;
    text-align: right;
    width: 45%; */
    
    padding-top: 17px;
    position: absolute;
    right: 30px ;   
}    
 

  
.moduleNavigation ul ul {
    display: inline;
}


.moduleNavigationSubHide ul ul {
    display: none;
}


.moduleNavigation ul li span.backLinkElem {
    color: #235A23;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
    background: url("../img/sprites/sprite_icons.gif") no-repeat scroll -320px -5px transparent;
    border: 0 none !important;
    font-size: 0.775rem;
    font-weight: bold;
    padding-left: 13px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 140%;
    cursor:pointer
}


.boxBackShow {
    display:none;
}
        
.boxBackHide {
    display: none !important;
}

nav.moduleNavigationSubHide ul .boxActive ul{
  display:none;
}

.moduleNavigation.hideActiveSubs .activeBg.boxHasSub.active {
    background: url("../img/icons/arrow_right.gif") no-repeat scroll right center #f2f2f2;
}


.moduleNavigation.hideActiveSubs .boxActive .boxHasSub.activeParent {
   background: url("../img/icons/arrow_right.gif") no-repeat scroll right center #f2f2f2;
}
.moduleNavigation .boxHasSub {
    background: url("../img/icons/arrow_right.gif") no-repeat scroll right center transparent;
}

/* 4 all cases, not only screen*/
.moduleNavigation ul a.activeBg {
    font-weight: bold;
}


.activeParent{background-color:#fff}




.impM24Vid{margin:22px 0 !important;}

/* additional mediaqueries */

@media only screen and (min-width: 700px) {
   .moduleNavigationSubHide ul ul {
        display: block;
    }
    nav.moduleNavigationSubHide.hideActiveSubs ul .boxActive ul{
        display:block;
    }
    .activeParent{
       background-color:#fff !important; 
    }
} 


@media only screen and (max-width: 699px) {
  .mnSubstitute .boxWappenStmelf {
        display: none;
        /*zoom:0.5;*/
    }
   
   .boxBackShow {
        display:inline;
    } 
   .boxBackHide {
        display: none !important;
    }
    .moduleNavigationSub.nokids li {
        display: inline !important;
    }
}
 

@media only screen and (max-width: 480px) {
   .idrittel{float:left;width:90%;margin-right:3%;padding:0.3em 0; }
  
    .impM24Vid{display:none;}
}

.moduleTable1 table.shopCard .boxSum td {
    border-bottom: 1px solid #338233;
 }
 table.minibasket .boxRowHint td {
    color: #000000;
    padding-bottom: 4px;
    padding-top: 4px;
    
}
.impWbsHint{font-weight:bold;color:green;display:block;background:#f2f2f2;padding:3px;}
.wbsCheckboxlist {
    margin-bottom: 5px;
    margin-left: 15px;
}



.moduleNavigation .boxToggle span {
    /*background: none repeat scroll 0 0 transparent;*/
    display: block;
    /*font-size: 0.9em;*/
    height: 16px;
    margin: 4px 0 4px 25px;
    width: 200px;
    text-decoration:none; 
    padding-left: 20px;
    font-weight: bold;
}


/*fixes 4 font selector s*/
.divContent.fontSize2 {
    font-size: 1.3em !important;
 }
.divContent.fontSize2 .textOnly, .divContent.fontSize2 .firstModule{
    font-size: 0.9375rem;
}

.divContent .rs_skip .galery img {
    float:none;
}


/*
* General Form Styles
*
*/

.formItem {
    /*background-color: #F3F6EE;
    border-bottom: 1px solid #aaaeb6;
    border-right: 1px solid #aaaeb6;*/
    /*padding: .6em 1em .2em 1em;           Müller-Schmid*/
    position: relative;
    }

    /*
.formItem  .follow {
    border-bottom: 1px solid #676c75;
    }
*/
    
.formLabel {
    float: left;
    width: 20%;
    min-width: 9rem;
    /* padding: .3em 0 0 0; */
    }

.formField {
    float: left;
    width: 60%;
    /* min-width: 360px;       Müller-Schmid */
    }
    
.formField.f_check {
	margin-top: .6em;	
}

.formField input {
    font-size: 1rem;
    border: 2px inset #ddd;
    width: 100%;
    /* padding: .2em .4em; */
    }
    
.formField input.f_plz {
    width: 20%;
    /* min-width: 55px; */
}
    
.formField input.f_ort {
    margin-left: 2px;
    width: 77%;
    /* min-width: 275px; */
}

.formField .f_land {
    float: left;
    margin-right: 1%;
    width: 45%;
}

.formField input.f_land2 {
    width: 50%;
}

.formField .formRadio {
    width: auto;
    float: left;
    }
    
.formField .formRadio input {
    width: auto;
    float: left;
    border: none;
    padding: 0;
    }

.formField .formRadio label {   
    padding-left: .2em;
    padding-right: .5em;
    position: relative;
    top: .3em;
}

.formField textarea {
    font-size: 1rem;
    border: 1px inset #aaaeb6;
    width: 100%;
    height: 10em;
    padding: .2em .4em;
    }
    
.contentCenterF .formField textarea {
    width: 100%;
    }

.formField select {
    font-size: 1.1em;
    border: 1px inset #aaaeb6;
    width: 100%;
    padding: .1em 0;
    }

label{
    font-size: 1rem;
    }
    
.formFieldCheck,
.formFieldRadio {
    width: 100% !important;
    }

.formFieldCheck label,
.formFieldRadio label {
    padding-left: .4em;
    position: relative;
    top: -.1em;
    }
    
.formField input.input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    width: 100%;
    border-top: 1px solid #737373;
    border-left: 1px solid #737373;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    padding: .2em .3em;
    }

.formField textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    width: 100%;
    border-top: 1px solid #737373;
    border-left: 1px solid #737373;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    padding: .2em .3em;
    }

.formField select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    width: 100%;
    padding: .1em 0;
    border-top: 1px solid #737373;
    border-left: 1px solid #737373;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    }

.formField span.itick {
    clear: left;
    display: block;
    margin-bottom: -0.5rem;
}
.formField span.itick input {
     width: 2rem;
     border: none;
}
.formField span.itick input[type="checkbox"], .formField span.itick input[type="radio"] {
    background: none;
    height: 1rem;
}
.formField label.itick{
    float: left;
    padding: 0 0 0 2rem;
    position: relative;
    top: -0.75rem;
}

.formFullHint {
    margin: 0.7rem 0;
}

.oamForm {
    margin-top: 25px;
}



/* Foersterfinder */
.ff_content {
    border: 2px solid green;
    padding: 2px 0 2px 5px;
    height:20px;
}
.ff_button {
    background-color: lightgreen;
    border: 2px solid green;
    padding: 3px 5px 3px 5px;   
    margin-left: 10px;      
    color: grey;                
}
.ff_result_bar {
    font-weight: bold;
    font-size: 13px;
    border-top: 3px solid #A5BD62;
    border-bottom: 1px solid #D2DBB0;
    background-color: #EBF1DF;
    padding: 7px 0px 7px 10px;
}
.ff_table td{
    border: 2px solid #EBF1DF;
}
.ff_headline {
    font-weight: bold;
    font-size: 16px;
    padding: 0 10px;
}
.ff_highlight {
        font-weight: bold;
        text-decoration: underline;
}
.fancybox-wrap {
    border: 3px solid #ccc;
}
.fancybox-title.fancybox-title-inline-wrap {
  padding: 0 2px 0 3px;
}
.fancybox-outer {
    padding: 0px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.fancybox-inner {
    width: 100% !important;
}
.fancybox-print {
    background: url("/resp/img/icons/ff_print.gif") no-repeat scroll left top transparent;   
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: 18px;
    top: -18px;
    width: 36px;
    z-index: 1004;
}

/* Amtsuche */

.amtsuche_headline {
        font-weight:bold;
        color: white;
        font-size:14px;
        background-color: #338233;
        padding: 5px 10px;
    }
    .amtsuche_button {
        background-color: #338233;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 3px 3px 3px #888;
        -webkit-box-shadow: 3px 3px 3px #888;
        box-shadow: 3px 3px 3px #888;
        color: white;
        padding: 5px;
        border: 1px solid #338233;
    }
    .amtsuche_button:hover {
        border: 1px solid lightgreen;
    }
    .amtsuche_box {
        width:95%;
        padding:15px;
        border:1px solid #338233;
    }
    .amtsuche_text {
        padding: 5px;
        width:400px;
        border: 2px solid #338233;

    }
    
    
/**GDFinder + general **/
/* vgl. Zeile 9 ff.
.ihalb{width:45%;margin-left:4%}
.i1drittel{width:30%;margin-left:3%}
.i2drittel{width:62%;margin-left:3%}
.i1viertel{width:23%;margin-left:3%}
.i3viertel{width:71%;margin-left:3%}

.clearAll{
    clear:both;
    display:block;
    height:1em;
    background:transparent;
}

.iresult{width:100%;}
*/

.wbsSubcat {
    background: url("/resp/img/icons/list_dot.gif") no-repeat scroll 0.3em 0.4em transparent;
    padding-left: 1.5em;
}

/* glossar global */

.boxGlossarBox {
    background: none repeat scroll 0 0 #f7f9f2;
    border: 1px solid #547E1A;
    left: 199px;
    padding: 15px 20px;
    position: absolute;
    width: 391px;
    z-index: 10000;
}
.boxGlossarBox .jsHead {
    color: #666666;
    font-size: 91.67%;
    margin: 0 0 2px;
}
.boxGlossarBox .jsHead a {
    background: url(/resp/img/sprites/sprite_icons.gif) no-repeat scroll -320px -219px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 15px;
}
.boxGlossarBox p {
    margin: 0;
}
.boxGlossarBox .jsContent {
    margin: 0 0 5px;
}
.boxGlossarBox .jsContent h3 {
    color: #666666;
    font-size: 1.5em;
    font-weight: normal;
}
.boxGlossarBox .jsFoot {
    background: url(/resp/img/sprite_icons.gif) no-repeat scroll 0 -1118px transparent;
    padding: 0 0 0 9px;
}
.boxLargeGlossar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #547E1A;
    left: 315px;
    padding: 15px 20px;
    position: absolute;
    /*top: 408px !important;*/
    width: 405px;
    z-index: 10000;
}
.boxLargeGlossar .jsHead a {
    background: url(/resp/img/sprites/sprite_icons.gif) no-repeat scroll -320px -219px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 15px;
}
.boxLargeGlossar p {
    margin: 0;
}
.boxLargeGlossar .jsContent {
    margin: 0 0 5px;
}
.boxLargeGlossar .jsContent h3 {
    color: #000000;
    font-size: 1.5em;
    font-weight: normal;
}


.moduleGlossar ul{margin:0;padding:0}
.moduleGlossar li{list-style:none; margin:0;}
.moduleGlossar h2{background:#f7f9f2}
.moduleGlossar h2 span{width:24px; height:19px; background:#235a23; display:inline-block;color:#ffffff; text-align:center; margin:0; padding:2px 0px 2px 0px;}
.moduleGlossar .globalArrow{margin:16px 0 17px 24px;}
.moduleGlossar .globalArrow li{margin:0 0 10px 0; width:150px; float:left;}

a.globalGlossarLink {
    border-bottom: 2px dotted #777777 !important;
    color: black;
    padding: 0;
    text-decoration: none;
}
/*fe docs*/
#feToggler , #feDocToggler {border: 0pt none; outline: none;padding:4px 10px 7px 32px;}
.searchOptionMask {background-color:#F3F6EE; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:30px;}
.ibuttonset {float:right; margin-left:20px; margin-top:15px; padding-bottom:20px;}
#feOptions { padding-left: 0 !important;background:#f3f6ee;}
.searchOptionMask label { display: block;margin: 0.5em 0;}
.searchOptionMask .ihalb label {
    display: inline-block;
    margin-left: 0.5em;
    position: relative;
    font-size: 0.9rem;
    top: -0.2em;
}
.icatdata {line-height: 1.6em; display: block;}   
#feSearch .formWrapper {background-color:#F3F6EE; padding:3px;}  
#fe_publisher,#fe_date_start,#fe_date_end {font-size:1em;}
.popModal_content label {padding-right:0.5em;}

.alresp {float:none;width:90%;margin-right:1%;}

@media only screen and (min-width: 560px) {
  .alresp {float:left; margin-right:2%; width:47%;}
}
@media only screen and (min-width: 650px) {  
  .searchOptionMask .ihalb label {font-size:1rem;}
}


.al-scrambled{width:80%;/*height:100px;*/background:#f7f9f2;color:#000;padding:1em;margin:1em 0 1em 0;border: 1px solid #000;}
.al-scrambled > a{color:#235a23;text-decoration:none;}
.al-scrambled strong {text-decoration:underline;}
.yt-title {margin: 1em -0.5em; padding: .5em; background: #fff; color: #000;font-weight: bold;border-top: 1px solid #235a23;}

/*oam 18-12-17*/
.al-formhp {display: none;}

/* sticky teaser 19-03 */

/*.cmsbg local overwritable */
.cmsbg {
    background-color: #369b57;
    color: #FFFFFF;
    border: 1px solid #ccc;
}
/* global */
.stmelf-sticky {
    position: fixed;
    left: 50px;
    /*bottom: 2.6em; */
    bottom:0.5em;
    width: 100%;
    padding: 20px;
    max-width: 450px;
    z-index: 9999999;
}
.stmelf-sticky h3 {
    position: relative;
    font-size: 1.2em;
    /* font-weight: normal; */
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 11px 0;
    color:#fff;
}
.stmelf-sticky p {
    margin: -1em 0 0 0;
    font-size: .9em
}
.stmelf-sticky .js-al-closesticky {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    border: 0;
    font-size: 1em;
    cursor: pointer;
}

.stmelf-sticky .js-al-linksticky {
    display: block;
    font-weight: bold;
    text-align: righ;
    float: right;
    margin: .5em 0;
    margin-top: 1em;
    color:#fff;
    background: url("/resp/img/icons/arrow_right.gif") no-repeat scroll 0 2px transparent;
}
/* slick /for slides 19-08 */
.boxSlideContainer-slick {
    background: #f3f6ee;
    color: #338233;
    min-height:50px;
    padding: 10px;
    cursor: grab;
}

/* fix klapper minus*/
.divToggle a.jsActive {
    background-position: -120px -517px;
}


/* teaser transition 19-04 */

.al-tteaser {
    width: 207px;
    padding-right: 6%;
    float: left;
    min-height:150px;
}


a.alTeaser {text-decoration:none;}

.tteaser .teasergalery .boxOuter {
    border:0;
}
.al-teaser {
    position:relative;
    display:block
}
.al-teaser img {
    display:block;
    width:100%;
    height:auto
}
.al-teaser figcaption {
    display:none
}
.al-teaser__img {
    position:relative
}
h2.al-teaser__heading {color:#fff;}

h2.al-teaser__heading.dark {color:#000;}
.al-teaser:hover h2.al-teaser__heading.dark {color:#fff;}

.al-teaser__img:after,.al-teaser__img:before {
    position:absolute;
    z-index:1;
    right:0;
    bottom:0;
    left:0;
    display:block;
    content:'';
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.al-teaser__img:before {
    height:33.33333%;
    background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.8));
    background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8))
}

/*fixes after jquery update 2019-08*/

/*ui autocompleter*/
.ui-menu .ui-menu-item {
    color:grey;
    border-radius: 0;
    border:0;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
    color:grey;
    border-radius:0;
    border:0;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
    background:#f2f2f2;
}


/* custom formatting for fancybox 4 galleries  */

.fancybox-slide .fancybox-content {
    width  : 800px;
    max-width  : 100%;
    margin: 50px 0;
    overflow: visible;
}

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-toolbar {
    opacity: 0;
    display: none;
}

.fancybox-custom-caption {
    color: white;
    padding: 20px 0;
    position: absolute;
    background: #333232;
    display: block;
    bottom: -5em;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.fancybox-stage a.button-close:hover,
.fancybox-stage a.button-previous:hover,
.fancybox-stage a.button-next:hover
{
    text-decoration: none;
    color:#fff;
}

.fancybox-stage a.button-close,
.fancybox-stage a.button-previous,
.fancybox-stage a.button-next {
    position: absolute;
    width: 44px;
    height: 44px;
    background: #000;
    text-align: center;
    line-height: 42px;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    text-decoration: none !important;
}

.fancybox-stage .button-previous,
.fancybox-stage .button-next {
    top: 50%;
    margin-top: -22px;
    line-height: 42px;
}

.fancybox-stage .button-previous {
    left: -50px;
}

.fancybox-stage .button-next {
    right: -50px;
}

.fancybox-stage .button-close {
    top: -24px;
    right: -24px;
    font-size: 22px;
    color: rgba(255,255,255,0.8);
}

/* new close button 4 all fb instances */
.fancybox-content a.button-close {
    position: absolute;
    right: -24px;
    top: -24px;
    width: 44px;
    height: 44px;
    background: #000;
    text-align: center;
    line-height: 42px;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    text-decoration: none !important;
}

@media (max-width:767px) {
    .al-teaser__heading {
        position:absolute;
        z-index:4;
        padding:20px;
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    .al-teaser__text {
        text-align:center
    }
    .al-teaser__text p {
        padding:20px 0 0
    }
    .al-tteaser {
        padding-right: 2%;
    }

}

@media (min-width:768px) {
    .al-teaser {
        overflow:hidden;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
        box-shadow:0 2px 4px 0 rgba(0,0,0,.5)
    }
    .al-teaser:active,.al-teaser:focus,.al-teaser:hover {
        box-shadow:0 2px 20px 0 rgba(0,0,0,.3)
    }

    .al-teaser__img {
        position:relative;
        z-index:0
    }
    .al-teaser__content {
        position:absolute;
        z-index:1;
        right:0;
        bottom:0;
        left:0;
        max-height:100%;
        padding:48px 10px 20px 10px;
        color:#fff
    }
    .al-teaser__text {
        overflow:hidden
    }
    /*check this for spacing headline to text  */
    .al-teaser__text p:first-child {
        margin:10px 0 0
    }
    .al-teaser__text p:last-child {
        margin:10px 0 0
    }


    .al-teaser:active .al-teaser__text,.al-teaser:focus .al-teaser__text,.al-teaser:hover .al-teaser__text {
        max-height:350px
    }
    .al-teaser:active .al-teaser__img:after,.al-teaser:focus .al-teaser__img:after,.al-teaser:hover .al-teaser__img:after {
        opacity:1
    }
    .al-teaser__img:after {
        top:0;
        opacity:0;
        background:rgba(0,0,0,.6)
    }
    .al-teaser__text {
        max-height:0;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
}
@media (min-width:920px) {
    .al-teaser:active .al-teaser__text,.al-teaser:focus .al-teaser__text,.al-teaser:hover .al-teaser__text {
        max-height:350px
    }
    .al-teaser:active .al-teaser__img:after,.al-teaser:focus .al-teaser__img:after,.al-teaser:hover .al-teaser__img:after {
        opacity:1
    }
    .al-teaser__img:after {
        top:0;
        opacity:0;
        background:rgba(0,0,0,.6)
    }
    .al-teaser__text {
        max-height:0;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
}

/*add ons barrierefreiheit 21-02*/
.al-bf-invisible {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.al-bf-invisible a:focus {
    position:static;
    width:auto;
    height:auto;
}

/*everything should be reachable in every mode (smartphone too) */

.moduleIcons {display:block; position:relative;z-index:13;top:12px;right:10px;overflow:hidden;text-align:right;}
.moduleHeaderImage img.moduleIconImg {display: block}
.moduleIcons2 {
    position: relative;
    overflow: visible;
    float: unset;
    top: 3px;
    right: 0;
    left: 10px;
    margin-right: 5px;
    display: inline-block;
}

@media only screen and (min-width: 700px) {
    .moduleIcons {display:block; position:absolute;right:38%;}
}


/* add on simple grid, mat 21-06-24  */

.grid-basecontainer {
    margin: .5em 0;
    display: flex;
    flex-flow: row wrap;
}

.grid-small-1, .grid-medium-2 {
    flex: 0 0 auto;
    padding: 0;
    vertical-align: top;
    text-align: left;
				   
}

 
.grid-small-1 {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .grid-medium-2 {
        width: 50% !important;
    }

}