@import url('https://fonts.googleapis.com/css?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');

ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
h3 {
    font-family: 'Caveat', cursive;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
h4 {
    font-family: 'Caveat', cursive;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.header {
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #7db9e8 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #7db9e8 0%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=0 );
    text-align: center;
    
}    
.footer {
    border-top: 1px solid #d4d3d3;
    /* background-color: red; */
}
.kopffilm {
    max-height: 158px;
    overflow: hidden;
}
.foot_menu_liste {
text-align: center;
}
.contentzeile {
padding: 15px;
min-height: 800px;

}
.profil_startbildcontainer {
    text-align: center;
}
.reisen_list_container {
/* width: 50%; */
margin-left: auto;
margin-right: auto;
}
.table_reisen {
width: 100%;
}
.textfeld_2st {
width: 30px;
}
.textfeld_4st {
width: 40px;
}
.reisebild_vs_container {
margin-top: 15px;
height: 210px;
}
.reisebild_vs_container img {
max-width: 100%;
max-height: 100%;
border-radius: 10px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
/*width: 90%;*/
margin: auto;
}
.carousel-control.left, .carousel-control.right {
    background: transparent;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-right: -10px;
color: #333;
}
.news_vs_container h4 {
    font-size: 14px;

}
.news_vs_container h3 {
    font-size: 16px;
    font-weight: 600;
}
.news_vs_container p {
    text-align: justify;
}
.fa {
    /* color: red; */
}
.anzeige_menue {
    text-align: center; 
    height: 40px;     
}
.warnung {
    color: red;
}
.edit_formular {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #d4d3d3;
}
.form_container {
    border: 1px solid #d4d3d3;
    border-radius: 10px;
    padding: 25px;
}
/* .listenzeile {
    padding-top: 5px;
    padding-bottom: 5px;
} */
div.listenzeile,
tr {
    background: #eee9e9;
}
div.listenzeile:nth-child(2n),
tr:nth-child(2n) {
    background: #fff;
}
.formulartabelle {
    width: 100%;
}
.zeilenkopf,
.zeileninhalt {
    margin-bottom: 10px;
}  
.header_liste {
    border-bottom: 1px solid #d4d3d3;
}
.icons_unter_bildern {
    text-align: center;
}
.unter_startbild {
    text-align: center;
    margin-top: 10px;
}
.datum_unter_bild, .bildbeschreibung_slider p {
    text-align: center;
    padding-top: 15px;
}

/* Lupeneffekt Beginn*//*
.vs_bild_container {
    -webkit-transition: -webkit-transform 0.6s ease-out; 
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5;
    -webkit-transition-delay: 0.5s;
    transition-duration: 0.5s;
    z-index: 100;

}
.vs_bild_container:hover {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    z-index: 100000;
}
.vs_bild_container:hover img {
    border-radius: 10px;
}*/
.reisebild_list {
    z-index: 0;
}
.shorten-long-text {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
 }
/* Lupeneffekt Ende */

/* .formularcontainer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #d4d3d3;
} */
h4.gruss  {
    font-family: 'Caveat', cursive;   
    color: #000;
}
div.location_details {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 0;
}   
div.location_details p.fliesstext {
    line-height: 0.9em;    
} 
div.location_details h1 {
    color: #000;
    font-weight: 600;
    font-family: 'Caveat', cursive;
    font-size: 24px;        
}
div.main_menu {

}
div.counter {
    text-align: center;
}
img.startbild_cms_edit {
    /*margin: auto;
    text-align: center;*/    
    margin: 5px;
}
img.startbild {
    max-width: 100%;
    max-height: 585px;
    text-align: center;
}
div.slidercontainer.startbild {
    width: 100%;
    text-align: center;
}
.slidercontainer {
    width: 100%;
    text-align: center;
}


/* Extra small ########################### Extra small ######################################### Extra small ########################################### Extra small ############################################# Extra small ################################ */

@media (max-width: 767px) {
    .header {
        height: 75px;
    }
    img.startbild_grid {
        max-width: 100%;
    }
    .main_menu li {
        list-style-type: none;
    }
    .foot_menu {
        text-align: center;
        list-style-type: none;
    }
    li.nav_left_main,
    /*li.nav_main,*/
    li.nav_left_about,
    div.anzeige_menue li {
        display: inline;
        margin-right: 15px;
        margin-bottom: 15px;
        list-style-type: none;
        padding: 5px;
    }
    li.nav_main {
        display: inline;
        margin: 0px 10px 0px 0px;
    }
    li.nav_sub,
    li.nav_tmg {
        display: inline;
        margin: 0px 10px 0px 0px;
    }
    div.anzeige_menue li .fa {
        font-size: 30px;
    }
    img.portrait, img.flagge {
        border: 1px solid #7db9e8;
        width: 100%;            
    }
    img.wappen {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    div.location_details p.fliesstext {
        line-height: 0.9em;
    }
    div.location_details {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    div.wappencontainer {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
        padding: 25px 0;
    }
    img.wappen {
        width: 100%;
    }

    img.startbild {
        /*margin: auto;
        text-align: center;*/
        width: 100%;
    }
    div.slidercontainer {
        width: 100%;        
        margin: auto;               
    }
    div.slidercontainer.startbild {
        width: 100%;
        text-align: center;
    }
    div.anzeige_menue {
        margin-bottom: 15px;
        margin-top: 15px; 
        text-align: center;       
    }
    ul.main_menu_liste {
        margin-bottom: 0;
        background: #ffffff;  /*Old browsers */
        background: -moz-linear-gradient(top,  #81BBE8 0%, #fff 46%, #81BBE8 100%);
        background: -webkit-linear-gradient(top,  #81BBE8 0%,#fff 46%,#81BBE8 100%);
        background: linear-gradient(to bottom,  #81BBE8 0%,#fff 46%,#81BBE8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81BBE8', endColorstr='#81BBE8',GradientType=0 );
        margin-top: 15px;
        width: 100%;
        height: auto;
        padding: 10px;
        text-align: center;
        color: #000;
    }
    ul.main_menu_liste a {
        color: #000;
        font-weight: 600;
    }
    ul.main_menu_sub,
    ul.foot_menu_liste {
        margin-bottom: 0;
        background: #ffffff;  /*Old browsers */
        background: -moz-linear-gradient(top,  #81BBE8 0%, #fff 46%, #81BBE8 100%);
        background: -webkit-linear-gradient(top,  #81BBE8 0%,#fff 46%,#81BBE8 100%);
        background: linear-gradient(to bottom,  #81BBE8 0%,#fff 46%,#81BBE8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81BBE8', endColorstr='#81BBE8',GradientType=0 );
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
        height: auto;
        padding: 10px;
        text-align: center;
    }
    ul.main_menu_sub a,
    ul.foot_menu_liste a {
        color: #000;
        font-weight: 400;
    }
    div.bildtext_slider {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #d4d3d3;
    }
    div.bildtext_slider p {
        text-align: center;
        margin-top: 10px;
    }
    
    div.news_vs_container,
    div.tmg_container {
        border-top: 2px;
        border-top-style: outset;
    }
    img.startbild_liste {
        max-width: 100%;
        margin-bottom: 5px;
    }
    div.location_details h1 {
        color: #000;
        font-weight: 600;
        font-family: 'Caveat', cursive;
        font-size: 24px;        
    }
    div.google_map {
        margin-top: 15px;
    }
    div.spruch {
        border-top: 1px solid #d4d3d3;
        padding: 15px;
        text-align: center;
    }
    .tmg_container h3 {
        font-family: 'Caveat', cursive;
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }
    ul.nav_left {        
        margin: 0   15px 10px -25px;
    }
    ul.nav_left a {
        color: #000;
    }
    li.nav_land {
        background-color: #bddbf1;
        margin-bottom: 3px;
        list-style: none;
        border-radius: 6px;
        padding: 5px 15px;
    }
    li.nav_buland {
        background-color: #bddbf1;
        margin-bottom: 3px;
        margin-left: 5px;
        list-style: none;
        border-radius: 6px;
        padding: 5px 15px;
    }
    li.nav_ort {
        background-color: #d7e9f5;
        margin-bottom: 3px;
        list-style: none;
        margin-left: -30px;
        border-radius: 6px;
        padding: 5px 15px;
    }
    li.nav_termin {
        background-color: #e7eaec;
        margin-bottom: 3px;
        list-style: none;
        margin-left: -50px;
        border-radius: 6px;
        padding: 5px 15px;
    }    
    div.menu_ausflugsziele {
        /*display: block;*/
        text-align: center;
        border-top: 1px solid #d4d3d3;
        border-bottom: 1px solid #d4d3d3;
        padding: 5px 0;
        margin-top: 5px;
    }
    div.reiseausflug_ort_liste a {        
        color: #000;
    }
    div.reiseausflug_ort_liste {
        /*background-color: #d1dfe9;*/
        color: #000;
        padding: 5px;
        border-radius: 6px;
        text-align: center;
        margin-top: 3px;
    }
    div.flaggencontainer {        
        padding: 20px 0;
    }
    div.flaggencontainer img {        
        width: 100%;        
    }
    .blocktext {
        text-align: justify;
    }  
    .news_vs_container h4 {
        font-size: 14px;
    
    }
    .news_vs_container h3 {
        font-size: 20px;
        font-weight: 600;
        font-family: 'Caveat', cursive;
    }
    .news_vs_container p {
        text-align: justify;
    }  
    img.vs_bild_container {
        max-width: 100%;
    }  
}
/* Small ################################ Small ####################################### Small ########################################################## Small ##################################### Small ################################## Small #####################*/

@media (max-width: 991px) and (min-width: 768px) {
    .header {
        height: 100px;
    }
    /*.main_menu li {
        list-style-type: none;
    }*/
    img.startbild_grid {
        max-width: 100%;
    }
    img.startbild_liste {
        max-width: 100%;
        margin-bottom: 5px;
    }    
    li.nav_left_main,
    li.nav_main,
    li.nav_left_about {
        float:left;
        margin-right: 15px;
        margin-bottom: 15px;
        list-style-type: none;
    }
    img.portrait, img.flagge {
        border: 1px solid #7db9e8;
        width: 100%;            
    }
   
    img.wappen {
        width: 100%;
    }
    div.location_details p.fliesstext {
        line-height: 0.9em;
    }
    div.location_details {
        margin-top: 15px;
        margin-top: 15px;
    }
    /*div.wappencontainer {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }*/
    img.startbild {
        /*margin: auto;
        text-align: center;*/
        width: 100%;        
    }
    div.anzeige_menue {
        margin-bottom: 15px;
    }
    /*ul.nav_left {        
        margin: 0   15px 10px -25px;
    }
    ul.nav_left a {
        color: #000;
    }
    li.nav_land {
        background-color: #bddbf1;
        margin-bottom: 3px;
        list-style: none;
        border-radius: 6px;
        padding: 5px 15px;
    }
    li.nav_ort {
        background-color: #d7e9f5;
        margin-bottom: 3px;
        list-style: none;
        margin-left: -30px;
        border-radius: 6px;
        padding: 5px 15px;
    }
    li.nav_termin {
        background-color: #e7eaec;
        margin-bottom: 3px;
        list-style: none;
        margin-left: -50px;
        border-radius: 6px;
        padding: 5px 15px;
        display: block;
    }*/
    div.menu_ausflugsziele {
        text-align: center;
    }
    /*.reiseausflug_ort_liste li {
        background-color: rgb(206, 236, 237);
        color: red;*/
    }
    .blocktext {
        text-align: justify;
    }
    div.reiseausflug_ort_liste a {        
        color: #000;
    }
    .reiseausflug_ort_liste div {
        background-color: #d1dfe9;
        color: #000;
        padding: 5px;
        border-radius: 6px;
        text-align: center;
        margin-top: 3px;
    }
    img.vs_bild_container {
        max-width: 100%;
    } 
}


/* Medium ###################################### Medium ################################## Medium ############################ Medium ####################################### Medium ##################################### Medium ################################*/

@media (max-width: 1199px) and (min-width: 992px) {
    .header {
        height: 125px;        
    }
    .main_menu li {
        display: inline;
        list-style-type: none;
    }
    img.startbild_grid {
        max-width: 100%;
    }
    img.startbild_liste {
        max-width: 100%;
        margin-bottom: 5px;
    }
    .blocktext {
        text-align: justify;
    }
    div.reiseausflug_ort_liste a {        
        color: #000;
    }
    .reiseausflug_ort_liste div {
        background-color: #d1dfe9;
        color: #000;
        padding: 5px;
        border-radius: 6px;
        text-align: center;
        margin-top: 3px;
    }
}


/* Large ############################## Large ############################################ Large ################################################# Large ######################################### Large #######################*/

@media (min-width: 1200px) {
    .h1,
    h1 {
        font-size: 30px;
    }
    .blocktext {
        text-align: justify;
    }
    .header {
        height: 158px;
    }
    .main_menu {
        /* background: cyan; */
        text-align: center;
    }
    .main_menu_liste {
        margin-bottom: 0;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #c0c0c0 46%, #ffffff 100%);
        background: -webkit-linear-gradient(top,  #ffffff 0%,#c0c0c0 46%,#ffffff 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#c0c0c0 46%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    }
    .main_menu_liste li a {
        color: #000;
        font-weight: 500;
        font-family: 'Caveat', cursive;
        font-size: 24px;
    }
    .container_right {
        min-height: 800px;       
        background-color: #b6d8f2;           
    }
    .container_left {
        border-right: 1px solid #d4d3d3;
        height: 800px;       
        background-color: #b6d8f2;        
        overflow-y: scroll;
        scrollbar-width: thin; 
        padding-top: 25px;       
    }    
    .container_right {
        border-left: 1px solid #d4d3d3;
    }
    .container_content {
    /* background: darkorange; */
    /*min-height: 300px;*/
    min-height: 800px;
    max-height: 800px;
    scrollbar-width: 1px;
    overflow-y: scroll;
    scrollbar-width: thin;
    }
    .foot_menu_liste {
        margin-bottom: 0;
    }
    .main_menu_liste li {
        display: inline;
        list-style-type: none;
        margin: 15px;
        line-height: 35px;
    }
    .foot_menu_liste li {
        display: inline;
        list-style-type: none;
        margin: 15px;
        line-height: 35px;
    }
    .startbild_container {
        /* min-height: 400px; */
        /* background: red;         */
        text-align: center;
    }
    .startbild_container img {
        max-width: 100%;
        border-radius: 10px;
        max-height: 279px;
    }
    img.startbild_about {
        width: 100%;
    }
    .wappen {
        max-width: 100%;
        height: auto;
        margin: 10px;
    }
    img.flagge {
        border: 1px solid #7db9e8;
        width: 100%;        
    }
    img.portrait {
        width: 100%;
    }    
    .ort {
        border: 1px solid #d4d3d3;
        border-radius: 10px;
        margin: 10px 0; 
        padding: 10px 0;
    }
    div.reisebild_kachel {
        height: 175px;
        margin-bottom: 15px; 
       text-align: center;       
    }
    div.reisebild_kachel img {
        /* overflow-x: hidden; */
        max-width: 100%;
        max-height: 175px;
    }
    .cms_reisebild_kachel {
        height:150px;
        margin-bottom: 15px;
        padding: 5px;
        text-align: center;
    }
    .reisebild_list {
        height: 200px;
        margin-bottom: 15px;
        z-index: 0;
        text-align: center;
    }
    .reisebild_list img {
        max-width: 100%;
        max-height: 185px;
    }
    .menu_ausflugsziele {
        /* border: 1px solid #d4d3d3;
        border-radius: 10px; */
        text-align: center;             
    }
    div.menu_ausflugsziele {
        /*display: block;*/
        text-align: center;
        border-top: 1px solid #d4d3d3;
        border-bottom: 1px solid #d4d3d3;
        padding: 5px;
        margin: 5px 0;
    }        
    .menu_ausflugsziele h5 {
        margin-bottom: 0;
        margin-top: 0;
        line-height: 0;  
    }
    .anzeige_menue {
        text-align: center;
        height: 40px;
        /* border: 1px solid #d4d3d3;
        border-radius: 10px; */
        margin: 10px 0;
    }
    .anzeige_menue li {
        display: inline;
        list-style-type: none; 
        margin: 15px;  
        line-height: 45px;     
    }
    .anzeige_menue .fa {
        font-size: 25px;
    }
    .beschreibung {
        margin: 15px;
    }
    .galerie_container {
         /*border: 1px solid #6d0505;
       border-radius: 10px;*/
        padding: 10px 0;
        text-align: center;
    }
    .carousel {
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
        /*height: 600px;*/
    }
    .header_bild_links {
        height: 100%;
        float: left;          
    }
    .header_bild_rechts {
        height: 100%;
        float: right;          
    }
    .header_bild_links img,
    .header_bild_rechts img {
        max-height: 100%;
        /* margin: 0 15px; */
    }
    .container_left ul {
        margin-left: -10px;
    }
    .container_left ul li {
        list-style-type: none;
        
    }
    .container_left ul li a,
    .container_left ul li span {
        font-size: 24px;
        color: #000;
        font-family: 'Caveat', cursive;
    }
    div.container_left img {
        width: 100%;
    }
    .news_vs_container h3 {        
        font-family: 'Caveat', cursive;
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }
    /* .form_container {
        border: 1px solid #d4d3d3;
        border-radius: 10px;
        padding: 10px;
    }   */
    .form_container h3 {
        margin: 0 0 15px 0;
    }
    .textfeld_ez,
    .textfeld_mz {
        width: 100%;
        max-width: 100%;        
    }
    .textfeld_ez {
        height: 24px;
    }
    .textfeld_ez_bildupload {
        height: 60px;
        background-color: #a8b5d4;
        width: 100%;
        padding: 20px;
        border: #000;
    }
    .checkbox {
        height: 24px;
    }
    .login {
        /* background: lightyellow;         */
    }
    .login_formular {
        /* background: lime; */
    }
    p .blocktext, p .fliesstext {
        margin-top: 15px;
    }
    .bildbeschreibung_slider {
        padding-top: 15px;
        text-align: center;
        
    }
    h4.gruss  {
        font-size: 36px;
        font-weight: 600;
        line-height: 150px;
    }
    div.reiseausflug_ort_liste a {        
        color: #000;
    }
    /*.reiseausflug_ort_liste div {
        background-color: #d1dfe9;
        color: #000;
        padding: 5px;
        border-radius: 6px;
        text-align: center;
        margin: 2px 2px;*/
    }
    .reiseausflug_ort_liste_lg li{
        text-align: left;
    }
}
div.bildtext_slider {
    text-align: center;
    margin-top: 10px;
}
div.bildtext_slider p {
    text-align: center;
    margin-top: 10px;
}


div.spruch {
   border-top: 1px solid #d4d3d3;
   padding: 15px;
   text-align: center;
}
.tmg_container h3 {
    font-family: 'Caveat', cursive;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
div.datentabelle {
    border-bottom: 1px solid #d4d3d3;
    margin-bottom: 10px ;
}