*/Allgemein*/

*{
    margin: 0 0 0 0;
    padding: 0px;
}

body {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    background-color: white;
} 

a {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: darkgray;
} 

a: hover {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: darkgray;
    border: 2px solid red  !important;
    text-decoration: none;
} 

a: visited {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: darkgray;
    border: 2px solid red;
        text-decoration: none;
} 

.container_antrazith_top {
    display: flex;
    height: 7%;
    width: 100%;
    flex-flow: row wrap;
    justify-content:center;
    padding: 1%;
    background-color: #404040;
    position: relative;
    top: 0px;
    margin-top: 1px;
 }

.container_antrazith_bottom {
    display: flex;
    height: 6%;
    width: 100%;
    flex-flow: row wrap;
    justify-content:center;
    padding: 1%;
    background-color: #404040;
    position: fixed;
    bottom: 0px;
    margin-top: 1px;
 }

.container_white_land {
    display: flex;
    height: 70%;
    width: 100%;
    flex-flow: row wrap;
    justify-content:left;
    padding: 1%;
    border-bottom-style: hidden;
    justify-content: space-around;
    background-color: lightgray;
 }

.container_white {
    display: flex;
    height: auto;
    width: 100%;
    flex-flow: row wrap;
    justify-content:center;
    padding: 4%;
    background-color: white;
    justify-content: space-around;
 }

.container_white_start {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content:center;
    padding: 4%;
    background-image: url(images/IMG_5662.jpg);
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    text-align: center;
    color: white;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #404040;
    text-transform: uppercase;
    text-align: center;
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #91cf8a;
    text-align: center;
}

h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #404040;
    text-align: center;
}

h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #404040;
    text-align:justify;
}

h6 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    text-align: center;
    color: white;
}

.jumbo_white {
    font-family: 'Oswald', sans-serif;
    color: #91cf8a;
    position: relative;
    font-size: 24px;
    text-align: center;
    transition: width 0.1s ease-in-out;
    text-shadow:  2px  2px 2px grey,
                  2px -2px 2px grey,
                 -2px  2px 2px grey,
                 -2px -2px 2px grey;
}

blockquote {
    font-family: 'Ruthie', cursive;
    font-size: 48px;
    font-style: italic;
    background: white;
    border-left: 8px solid #91cf8a;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #91cf8a;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

.item_kontinent {
    display:block;
    height: 100%;
    width: 350px;
    min-width: 12%;
    padding: 10px;
    margin-left: 5px; 
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent img {
    max-height: 50%;
    max-width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    width: 300px;
    transition: width 0.1s ease-in-out;
    border: 0px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px 5px grey;
    -moz-box-shadow: 5px 5px 5px 5px grey;
    box-shadow: 5px 5px 5px 5px grey;
    -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
 }

.item_kontinent img:hover {
    width: 100%;
    -webkit-filter: grayscale(0%); /* Chrome, Opera, Safari  */
filter: grayscale(0%);
     }


.item_kontinent30 {
    display:block;
    height: auto;
    width: 250px;
    max-width: 30%;
    padding: 1px;
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent70 {
    display:block;
    height: auto;
    width: 750px;
    max-width: 70%;
    padding: 1px;
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent70 img {
    max-height: 90%;
    min-width: 90%;
    max-width: 100%;
    padding: 1px;
    transition: width 1s ease-in-out;
    border: 0px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px 5px grey;
    -moz-box-shadow: 5px 5px 5px 5px grey;
    box-shadow: 5px 5px 5px 5px grey;
 }


.item_kontinent50 {
    display:block;
    height: auto;
    width: 800px;
    max-width: 100%;
    padding: 1px;
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent50 img {
    max-height: 90%;
    min-width: 90%;
    max-width: 100%;
    padding: 1px;
    transition: width 1s ease-in-out;
    border: 0px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px 5px grey;
    -moz-box-shadow: 5px 5px 5px 5px grey;
    box-shadow: 5px 5px 5px 5px grey;
    
 }

.item_kontinent100 {
    display:block;
    width: 100%;
    padding: 1px;
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent100 img {
    max-height: 80%;
    max-width: 5%%;
    padding: 1px;
    transition: width 0.3s ease-in-out;
    border: 0px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px 5px grey;
    -moz-box-shadow: 5px 5px 5px 5px grey;
    box-shadow: 5px 5px 5px 5px grey;
 }

.item_kontinent100 img:hover {
    position:relative;
    width: 20%;
    overflow:auto;
    }

.item_kontinent_small {
    display:block;
    height: 150px;
    width: 150px;
    min-width: 16%;
    padding: 1px;
    margin-left: 5px; 
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
 }

.item_kontinent_small img {
    max-height: 150px;
    max-width: 150px;
    width: 150px;
    padding: 1%;
    transition: width 1s ease-in-out;
    border: 0px;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px 5px grey;
    -moz-box-shadow: 5px 5px 5px 5px grey;
    box-shadow: 5px 5px 5px 5px grey;
 }

.container_reise {
    display: inline-block;
    height: 150px;
    width: 150px;
    min-width: 5%;
    padding: 5px;
    margin-left: 5px; 
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 10px;
    border: 3px solid #91cf8a;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
    background-color: white;    
 }

.container_reise_aktiv {
    display: inline-block;
    height: 150px;
    width: 150px;
    min-width: 5%;
    padding: 5px;
    margin-left: 5px; 
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 10px;
    border: 3px solid #91cf8a;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: hidden;
    transition: border 0.3s ease-in-out;
    background-color:#d8ffd4;
 }

.container_reise_aktiv:hover {
    border: 3px solid #000000; 
}
    
.item_rechts {
    display:block;
    height: auto;
    width: auto;
    padding: 1px;
    margin-left: 10px; 
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    align-self:flex-start;
    justify-content: space-between;
    vertical-align:top;
    overflow: scroll;
 }

span.icon { 
  font-family: 'Glyphicons Halflings'; 
}


form {
font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: #4d4d4d;
    text-align: left;
    display: block;
    max-width: 90%;
    width: auto;
}

select {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: #4d4d4d;
    text-align: left;
    display: inline;
    width: auto;
}

button {
    background-color: transparent !important;
    border-style: none !important;
    position: relative!important;
    width: 50px !important;
    color: #209919;
    font-size: 30px;
    top: 20px !important;
    left 20px !important;
}

.ws_images {
    z-index: 1;
}

/* iMac */
@media screen and (min-width: 800px)
{
    
}    

/* iPhone 4,7" und 5,5" */
@media screen and (max-width: 800px)   
{
blockquote 
    {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    }

h3  {
    font-size: 22px;
    }    
    
h4  {
    font-size: 18px;
    }