@font-face {
        font-family : 'sans_light';
        font-style : normal;
        font-weight : normal;
        src : url('../font/midiet/Midiet_Sans_Light.eot');
        src : local('../font/midiet/Midiet_Sans_Light-Reg'),  url('../font/midiet/Midiet_Sans_Light.woff') format('woff');
}

@font-face {
        font-family : 'sans_medium';
        font-style : normal;
        font-weight : normal;
        src : url('../font/midiet/work-sans/Midiet_Sans_Medium.eot');
        src : local('../font/midiet/Midiet_Sans_Medium-Reg'),  url('../font/midiet/Midiet_Sans_Medium.woff') format('woff');
}
@font-face {
        font-family : 'sans_italic';
        font-style : normal;
        font-weight : normal;
        src : url('../font/midiet/Midiet_Sans_Italic_Medium.eot');
        src : local('../font/midiet/Midiet_Sans_Italic_Medium-Reg'),  url('../font/midiet/Midiet_Sans_Italic_Medium.woff') format('woff');
}

body {
        margin : 0;
        padding : 0;
}
body, #textimsider, p {
        font-family : 'sans_light',  Arial,  Helvetica,  sans-serif;
}
#readmore, #russGuid {
        font-family : 'sans_italic',  Arial,  Helvetica,  sans-serif;
}

#alberttext, h1, h2 {
        font-family : 'sans_medium',  Arial,  Helvetica,  sans-serif;
}
h1.blau, h1.schwarz, h1 {
        font-size : 40px;
        text-align : center;
}
h2 {
        font-size : 30px;
}
.blau, h2.blau {
        color : #004D9B;
}

.weiss, #readmore > p > a, .telefon {
        color : #fff;
}
a {
        text-decoration : none;
}
h2#albert {

        text-transform : uppercase;
}
h2#albert, h2.rot, .rot, a, #russGuid, #roterbalken {
        color : #E3001A;
}
h3 {
        font-size : 18px;
}

p {
        font-size : 1.1em;
}
#logo {
        width : 100%;
}
hr {
        width : 90%;
}
.cb {
        clear : left;
}
.home {

        width : 100%;
        text-align : left;
        padding : 0;
}
#muenster {

        margin-top : -3.5em;
}

#russGuid {

        font-size : 1.2em;
}

.grau {
        color : #D3D3D3;
        width : 90%;
}

a.schwarz {
        color : #000;
}
.odd {
        background-color : #D3D3D3;
}
table {
        margin : 0 auto;
}

/*----home exkursion ----*/
.alekbild {

        width : 23%;
        float : left;
}
#alekbilderkontakt {
        padding : 9% 10%;
}

.ausflug-container {

        width : 75%;
        float : left;
        margin-bottom : 50px;
}
.excursion-container {

        width : 32.9%;
        float : none;
        display : inline-block;
        float : none;
        vertical-align : top;
}

/*----offers-----*/
.offers {
        max-width : 940px;
        margin : 0px auto;
}
#albertbild {
        max-width : 63%;
}
#alberttext {
        max-width : 620px;
        margin : 0 auto;
}
/*----ende offers--*/

/*----offers unterseite-----*/
.back {
        margin-top : 4em;
}

/*----offers unterseite-----*/
/*------scrolling--*/
.scrollicon {
        text-align : center;
        text-decoration : none;
        width : 50px;
        height : 50px;
        border-radius : 50%;
        background-color : #fff;
        opacity : 0.7;
        position : fixed;
        z-index : 999;
        bottom : 100px;
        right : 40px;
        display : none;
        border : 2px solid #0066FF;
        cursor : pointer;
}
.scrollicon img {
        position : absolute;
        margin-top : 8px;
        left : 12px;
}
/*------scrolling--*/

/*-------fotoalbum----*/
#tabele {
        max-width : 940px;
        margin : 0 auto;
}

ol, ul {
        list-style : none;
        margin : 0;
}
ul.galerie {
        width : 100%
}
ul.galerie, ul#galerien {
        padding : 0;
}
figure {
        margin : 0 0 12px;
}
.galerie li {
        float : left;
        padding-right : 1.333%;
        width : 32%;
        padding-bottom : 1%;
}

.fancybox img {
        width : 100%;
}
#fotogalerie {
        max-width : 940px;
        margin : 0 auto;
}
/*ende fotoalbum---*/

header, #pageheader {
        background : #fff;
        color : #f4f4f4;
        padding-bottom : 3em;
}
#roterbalken {
        background : #E3001A;
        height : 59px;
        padding-top : 1em;
}
#verbindung {
        margin-right : 2em;
        float : right;
        margin-top : -5em;
}
#whatsapp, #viber {

        padding-right : 1em;
        float : left;
}

.telefon {
        float : left;
        margin-top : 0.16em;
        font-weight : 800;
}

#logo {
        text-align : center;
}
footer {
        padding-top : 1em;
        background : #3D403F;
        min-height : 100px;
        color : #f4f4f4;
        text-align : center;
        padding-bottom : 1em;
        font-size : 18px;
}

img.scale-with-grid {
        max-width : 100%;
        height : auto;
}
header {
        background : #D3EF7A;
        color : #f4f4f4;
}

img.scale-with-grid {
        max-width : 100%;
        height : auto;
}
ul#sprache {
        width : 10%;
        padding : 29px;
        margin : 0;
        float : left;
}
ul#sprache li {
        display : inline-block; 
        padding : 0 2px;
}
ul#sprache li a{ 
        color : #fff;
        text-decoration : none;
}

ul#mainnav {
        text-align : center;
        padding : 0;
        margin : 0;
        font-weight : lighter;
        padding-top : 1em;
}
ul#mainnav li {
        list-style-type : none;
        display : inline-block;
        position : relative;
        height : 26px;
        padding : 0 2px;
}
ul#mainnav li a {

        text-decoration : none;
        color : #000;
        padding : 9px;
        font-size : 1.3em;
}
ul#mainnav li.current a, ul#mainnav a:hover {
        font-weight : bold;
}
li.active {
        font-weight : bold;
}
ol, ul {
        list-style : none;
        margin : 0;
}
ul.galerie, ul#galerien {
        padding : 0;
}
figure {
        margin : 0 0 12px;
}

#slider img {
        width : 100%;
        height : auto;
}
.row .bx-wrapper .bx-viewport {
        left : 0;
}
.row .bx-wrapper {
        margin : 6px auto 30px;
}
#slider img {
        width : 100%;
        height : auto;
}
.row .bx-wrapper .bx-viewport {
        left : 0;
}
.row .bx-wrapper {
        margin : 6px auto 30px;
}
/*---------text homeseite im slider-----*/
/*#slidertext {
 text-align : center;
 color : #fff;
 position : absolute;
 z-index : 10;

 width : 100%;
 } */

#textimsider {
        text-align : center;
        color : #fff;
        position : absolute;
        z-index : 10;
        width : 100%;
        margin : -281px auto;
        text-transform : uppercase;
}

#readmore {

        border-style : solid;
        border-width : 1px;
        border-radius : 38px;
        width : 13em;
        margin : 0 auto;
        line-height : 0;
}
#readmore > p > a {
        text-decoration : none;
}
#zurichtours {
        max-width : 1024px;
        margin : 0 auto;
}
/*---------ende-----*/
/*-------offers---*/
section {
        padding : 0 2em 1em;
        text-align : center;
}
.box0, .box1, .box2, .box3, .box4, .box5 {
        width : 31%;
        float : left;
        background-color : #E9E9E9;
        min-height : 40em;
}
.box0, .box1, .box3, .box4 {
        margin-right : 3.433%;
        margin-bottom : 48px;
}
.box2 {
        margin-bottom : 48px;
}

.textoffers {
        padding : 2em;
}
.video {
        width : 100%;
}
.clr {
        clear : left;
}
.clrr {
        clear : right;
}
.readmore0, .readmore1, .readmore2, .readmore3, .readmore4, .readmore5 {
        cursor : pointer;
}

/* -------------about---------- */
#alberttext {
        max-width : 623px;
        margin : 0 auto;
        line-height : 2em;
}
#russguid {
        line-height : 10px;
        text-align : center;
}
#albert {

        max-width : 1024px;
        margin : 0 auto;
        padding-bottom : 2em;
}

/*--------------offersinfo------------*/

.bannerbild {

        width : 100%;
}
#info {
        max-width : 1024px;
        margin : 0 auto;
}
#info > img {
        width : 100%;
}
.textbanner {
        padding : 2em;
}
.back > p > a {
        font-size : 1.5em;
        border-style : solid;
        border-width : 1px;
        border-radius : 57px;
        padding : 0.3em;
}

/*------------ende offersinfo---------*/

/*-------------kontakt--------------*/
#map {
        max-width : 1024px;
        margin : 0 auto;
}

#citymap {
        width : 100%;
}
#kontaktalbert {
        padding-bottom : 2em;
}

#paymentError {
        color : red;
        font-weight : bold;
        font-size : larger;
}
/*---------------ende kontkt-----------*/

/*----------- Mobile Style ---------------*/
@media screen and (max-width : 850px) {
        body {
                font-size : 90%;
        }
        .box0, .box1, .box2, .box3, .box4 {
                margin-right : 23.5px;
                margin-bottom : 1.5em;
        }
        .excursion-container {
    width: 48.5%;
    }
    .fotoalek{
        	width: 100%;
        }
        .box0, .box1, .box2, .box3, .box4, .box5 {
                width : 46.82%;
                float : left;
                background-color : #E9E9E9;
                min-height : 54em;
        }
        
        .galerie li {
                float : left;
                padding : 0 2px 1px;
        }
        section {
                padding : 0 1em 6em;
                text-align : center;
        }
        #textimsider {
                margin-top : -13em;
        }
}
@media screen and (max-width : 650px) {
        .galerie li {
                float : left;
                padding : 0 2px 1px;
        }
        section {
                padding : 0 1em 6em;
                text-align : center;
        }
        .box0, .box1, .box2, .box3, .box4, .box5 {
                width : 100%;
                float : left;
                background-color : #E9E9E9;
                min-height : 44em;
        }
        .box0, .box1, .box2, .box3, .box4, .box5 {
                width : 100%;
                float : none;
                background-color : #E9E9E9;
                min-height : 44em;
        }
        #textimsider {
                margin-top : -12em;
        }
}

@media screen and (max-width : 480px) {
        body {
                font-size : 86%;
        }
             .excursion-container {
    width: 90%;
    }
    .fotoalek{
        	width: 100%;
        }
        .ausflug-container {
    width: 60%;
    }
    .alekbild {
    width: 40%;}
    #alekbilderkontakt {
    padding: 5% 5%;
}
        p {
                font-size : 1em;
        }
        h2 {
                font-size : 1.1em;
        }
        ul#sprache li a {

                font-size : 1.5em;
        }
        #roterbalken {

                height : 140px;
        }
        #verbindung {

                margin-right : 0em;
        }
        #whatsapp {
                padding-right : 1em;
        }

        #verbindung {
                margin-right : 1em;
                width : 130px;
                float : right;
                margin-top : -7em;
        }
        #viber {
                display : block;
                padding : 0.5em;
        }
        #muenster {
                margin-right : 0em;
        }
        #textimsider > h1 {
                display : none;
        }
        #textimsider {
                margin-top : -7.5em;
        }
        #readmore {
                font-size : 0.7em;
        }
        #menubar ul li a.menubutton {
                display : block;
        }
        section {

                text-align : left;
        }
        #albertbild {
                width : 100%;
        }
        .textoffers {
                padding : 1em;
        }
        .fancybox img {
                width : 100%;
        }
        #fotogalerie {

                text-align : center;
        }
        .galerie li {
                float : left;
                width : 100%;
        }
        .galerie li {
                float : none;
        }
        .box0, .box1, .box2, .box3, .box4, .box5 {
                width : 100%;
                float : none;
                background-color : #E9E9E9;
                min-height : 44em;
        }
        #albertbild {
                max-width : 100%;
        }

}