html {
    /*background: url(/Content/img/bg.jpg) no-repeat center center fixed;*/
    background-color: #FFFFFF;
    /*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
        */
}

body {
}

html, body{
    scrollbar-face-color: #00a2e8; 
    scrollbar-shadow-color: #FFFFFF; 
    scrollbar-highlight-color: #666699; 
    scrollbar-3dlight-color: #FBF5C3; 
    scrollbar-darkshadow-color: #7F7F7F; 
    scrollbar-track-color: #FFFFFF; 
    scrollbar-arrow-color: #000000;
    /* background-color: #7e7e7e; */
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(255,255,255, 0.8);
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

textarea {
    width: 100%;
}

.carousel-header
{
    color: #ffffff;
    padding-top: 5px;
    font-size: 2em;
    font-family: 'Trebuchet MS', sans-serif  !important;
    text-align: center;
    text-shadow: 1px 1px #000000;
}

.carousel-tags
{
    position: absolute;
    width:80%;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    bottom: 50px;
}

.img-Start
{
    width: 450px;
    margin-left: 10px;
}

.liste-tags {
    height: 70px;
}

.liste-slogan {
    height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
}

.liste-img {
    height: 250px;
}

.liste-imgbox {
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.map {
  height: 300px;
  width: 100%;
  padding: 0; margin: 0;
  margin-bottom: 5px;
}

.map2 {
  height: 300px;
  width: 100%;
  padding: 0; margin: 0;
  margin-bottom: 0px;
  margin-left: 5px;
}

.field-validation-error {
    color: red;
}

.Kontakt_Box {
    float: right;
    padding: 5px;
    margin-top: -16px;
    margin-right: -16px;
    margin-left: 5px;
    border: 1px solid #D60B7D;
}

thead {
    background-color: #94bd5e;
}

.profile-link {
    background-color: #d61f27;
    display: block;
    float: right;
    padding: 5px;
    width: 200px;
}

.profile-link > img {
    float: left;
    margin-right: 10px;
    width: 55px;
}

.colorContainer1 {
    background-color: rgba(0,146,70, 0.8);
    padding-top: 10px;
}

.colorContainer2 {
    background-color: rgba(206,43,55, 0.8);
    padding-top: 10px;
}

.colorContainer3 {
    background-color: rgba(0,146,70, 0.8);
    padding-top: 10px; 
}

.suchButton {
    background-color: rgba(206,43,55, 0.8);
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.7em;
    margin-right: 0px;
}

.suchButton:hover {
    background-color: rgba(0,146,70, 0.8);
    cursor: pointer;
}

.italienKarteBG {
}

.italienKarte {
    position: absolute;
    left: 0px;
    top: 0px;
}

.suchButtonWL {
    background-color: #D60B7D;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.7em;
    margin-right: 0px;
}

.suchButtonWL:hover {
    background-color: #E9A7C1;
    cursor: pointer;
}

.picSlide {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border: 2px solid #00a2e8;
}

.pulse-button {  
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;  
  font-size: 1.3em;
  font-weight: light;
  font-family: 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: -1px;
  color: white;
  border: none;  
  background: #00a2e8;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(214, 31, 39, 0.50);
  -webkit-animation: pulse 8s infinite;
}
.pulse-button:hover {
    color: white;
  -webkit-animation: pulse 5s infinite;
  background: #d61f27;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(214, 31, 39, 0.50) ;
  }
    100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(214, 31, 39, 0.50);
  }
}

.mBox {
    text-align: center;
}

        .aLink {
            position: absolute;
            bottom: 20px;
            left: calc(50%);
            background-color: #d61f27;
            display: block; 
            width: 150px;           
            height: 50px;
            color: #fff;
            padding: 5px;
            border-radius: 4px 4px;
            font-family: Verdana;
            font-weight: bold;
            text-decoration: none;
            font-size: 19px;
            padding-top: 10px;
        }

        .aLink:hover {
            color: white;
            background-color: #00a2e8;
        }

        .slideItem {
            background-size: cover; 
            background-position: center; 
            width: 100%; 
            height: 500px; 
            text-align: center;
            padding: 15px;
        }

		.item {
			width: 100%;
		}

.slideItem > h3 {
    color: #ffffff;
    text-shadow: 2px 2px 2px #333;
}

.slideItem > strong {
    color: #ffffff;
    text-shadow: 2px 2px 2px #333;
}

.pBox {
            position: absolute;
            bottom: 20px;
            left: calc(50% - 150px);
            background-color: #00a2e8;
            display: block;            
            width: 150px;
            height: 50px;
            color: #fff;
            padding: 5px;
            padding-top: 5px;
            border-radius: 4px 4px;
            font-family: Verdana;
            font-weight: bold;
            text-decoration: none;
            font-size: 10px;
            padding-top: 2px;
        }

.pBoxPreis {
    font-size: 20px;
}

.lslide > a {
    cursor: zoom-in;
}

.lslide > a > img {
    height: 300px;
}

textarea.form-control {
    height: 250px;
}

h1, h2, h3, h4, h5 {
    /*
    font-family: 'Courgette';   
    text-align: center;
        */
}

/* courgette-regular - latin_latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/courgette-v5-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Courgette Regular'), local('Courgette-Regular'),
       url('../fonts/courgette-v5-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/courgette-v5-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/courgette-v5-latin_latin-ext-regular.svg#Courgette') format('svg'); /* Legacy iOS */
}

.icons-Angebote {
    background-image: url('img/Icons-Angebote-100x100.png');
    background-repeat: no-repeat;    
    width: 25px; height: 25px;
    float: left;
    border: solid 1px #00a2e8;    
    margin-right: 10px;
}

.Stern1 {    
    background-position: 0px 0px;
}

.Stern2 {
    background-position: -25px 0px;
}

.Stern3 {
    background-position: -50px 0px;
}

.Stern4 {
    background-position: -75px 0px;
}

.Stern5 {
    background-position: 0px -25px;
}

.Stern6 {
    background-position: -25px -25px;
}

.gruppenIcon {
    background-position: -50px -25px;
}

.reiseleitungIcon {
    background-position: -75px -25px;
}

.ausfluegeIcon {
    background-position: 0px -50px;
}

.laufenIcon {
    background-position: -25px -50px;
}

.wintersportIcon {
    background-position: -50px -50px;
}

.kulturIcon {
    background-position: -75px -50px;
}

.weinprobeIcon {
    background-position: 0px -75px;
}

.radsportIcon {
    background-position: -25px -75px;
}

.familyIcon {
    background-position: -50px -75px;
}

.tageIcon {
    height: 25px;
    float: left;
    border: solid 1px #00a2e8;
    color: #d61f27;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 1.2;
}

.pull-right {
    float: right !important;
}

.pull-left {
  float: left !important;
}

/* Header für Seiten */    

.start-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-starthead.jpg");
}

header.listhead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);  
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
header.listhead h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.listhead {
    height: 50vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.listhead p {
    font-size: 1.15rem;
  }
  header.listhead h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.listhead h1 {
    font-size: 3.5rem;
  }
}

.it-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-it.jpg");
}

.at-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-at.jpg");
}

.bg1-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-1.jpg");
}

.bg2-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-2.jpg");
}

.bg3-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-3.jpg");
}

.bg4-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-4.jpg");
}

.bg5-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-5.jpg");
}

.bg6-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-6.jpg");
}

.bg7-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-7.jpg");
}

.bg8-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-8.jpg");
}

.bg9-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-9.jpg");
}

.bg10-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-10.jpg");
}

.bg11-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-11.jpg");
}
.bg12-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-12.jpg");
}
.bg13-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-13.jpg");
}
.bg14-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-14.jpg");
}
.bg15-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-15.jpg");
}
.bg16-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-16.jpg");
}
.bg17-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-17.jpg");
}
.bg18-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-18.jpg");
}
.bg19-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-19.jpg");
}
.bg20-head {
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-20.jpg");
}

.sidenav {
  width: 35px;
  position: fixed;
  z-index: 1;
  top: 115px;
  right: 0px;
  background: #eee;
  overflow-x: hidden;
  padding: 0px 0;
}

.sidenav a.fb-icon {
  padding: 0px 5px 0px 10px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  background-color: #3b5998;
  display: block;
}

.sidenav a.fb-icon:hover {
  color: #3b5998;
  background-color: #ffffff;
}

.sidenav a.ig-icon {
  padding: 0px 5px 0px 7px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  background-color: rgba(206,43,55, 1);
  display: block;
}

.sidenav a.ig-icon:hover {
  color: rgba(206,43,55, 1);
  background-color: #ffffff;
}

.sidenav a.mail-icon {
  padding: 0px 2px 0px 5px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  background-color: #e8852a;
  display: block;
}

.sidenav a.mail-icon:hover {
  color: #e8852a;
  background-color: #ffffff;
}

.frmOrder {
    width: 35px;
}

img.cPart.img-fluid {
    box-shadow: rgba(0, 0, 0, 0.70) 6px 6px 4px;
    margin-bottom: 13px;
}


header.angebothead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 4.5rem);  
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header.angebothead h1 {
  font-size: 2.25rem;
}
@media (min-width: 992px) {
  header.angebothead {
    height: 30vh;
    min-height: 40rem;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }
  header.angebothead p {
    font-size: 1.15rem;
  }
  header.angebothead h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  header.angebothead h1 {
    font-size: 3.5rem;
  }
}

header.adminhead {
    height: 30vh;
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);  
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%);
}

header.sHead {
    height: 174px;
    padding-top: 0px;
    padding-bottom: 0px;  
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%);
    margin-bottom: 10px;
}

.cHead {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;    
}

.red {
    color: white;
    background-color: #d61f27;
}

.blue {
    color: white;
    background-color: #00a2e8;
}

.orange {
    color: white;
    background-color: #f48b25;
}

.dblue {
    color: white;
    background-color: #1d3d76;
}

.logoKarusell {
    display: inline;
    height: 100px;
    margin-right: 10px;
    
}

.KarusellFrame {
    overflow: hidden;
    padding: 10px;
    margin: 10px;
    border: 1px solid rgba(118, 118, 118, 0.65);
    width: 100%;
    white-space: nowrap;
}

/* ABJETZT */

        .mainbody{
			display: inline-block;
			width: 100%;
			font-family: 'Raleway', sans-serif;
			border-style: solid;
			border-color: deeppink;
            margin-left: auto;
            margin-right: auto;
            background: #eee;
			}

		.mainbody .title_logo{
			width: auto;
			background-color: #eee;
		}

        .mainbody .discription{
            width: 49.9%;
			background: #eee;
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 15px;
            padding-left: 15px;
            padding-right: 10px;
            float: left;
		}

		.mainbody .cta_email{
			width: 49.9%;
            height: 100%;
			background-color: #EEE;
			padding-left: 15px;
			padding-top: 0px;
            float: left;
		}

		.mainbody .logoabjetzt{
			width: 150px;
			height: auto;
			padding-top: 20px;
			padding-left: 20px
		}
		.mainbody .textsite{
			margin-top: -60px;
			margin-left: 225px;
			font-size: 1.9em;
			color: deeppink;
		}
		
		.mainbody .abjetztH3 {
			font-size: 1.2em;
			color: deeppink;
            margin-top: 1em;
			margin-bottom: 0.2em;
            text-align: left;
            font-weight: bold;
		}
		.mainbody p{
			color: #555;
			display: block;
		}
		.mainbody b{
			color: deeppink;
		}
		.mainbody .emailbody{
			color: #555;
			
			}
		.mainbody .kursbild{
			max-width: 100%;
			height: auto;
			animation: slide 3s infinite ease-in-out;
			transform: transform 0.2s;
			}
		.mainbody .kursbild hover{
			transform: scale(2.0,2.0);
		}		

/* ENDE abjetzt */

tr.HotelPreisliste:hover  {
    background-color: #17a2b8 !important;
}

.imgBox {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 15%;
    position: relative;
    height: 300px;    
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.imgBox .Header-Blue {
    color: white;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;    
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 0px 0px 5px #000000;
    background-image: linear-gradient(to top, rgba(0,162,232,0), rgba(0,162,232,0.5));
}

.imgBox .Header-Black {
    color: white;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;    
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 0px 0px 5px #000000;
    background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.imgBox .Footer {
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}


.List-Item {      
    position: relative;    
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    text-decoration: none;
    color: #000000;
    width: 100%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.70);
}

.List-Item:hover {
    text-decoration: none;
    color: #000000;
}

.List-Item .List-Item-Header {
    width: 100%;
    height: 40px;
    margin: 0px;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-bottom: none;
    padding: 5px;
    font-size: 1.25rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
}

.List-Item .List-Item-Header .Flagge {
    height: 25px;
    margin-top: -5px;
}

.List-Item .List-Item-Image {
    height: 200px;
    margin: 0px;  
    overflow: hidden;  
}

.List-Item .List-Item-Image .List-Image-Container{
    height: 200px;
    margin: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 15%;
    overflow: hidden;
    transition: all 1s;
}

.List-Item .List-Item-Image .List-Image-Container:hover {
    transform: scale(1.1);
}

.List-Item .List-Item-Footer {
    height: 100px;
    margin: 0px;
    border-left: solid 1px #a1a1a1;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-top: none;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.List-Item .List-Item-Footer-H {
    height: 40px;
    margin: 0px;
    border-left: solid 1px #a1a1a1;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-top: none;
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.List-Item .List-Item-Footer .List-Item-pic {
    width: 100%;    
    padding-left: 20px;
    padding-right: 20px;
}


.Reiseart-Item {      
    position: relative;    
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    text-decoration: none;
    color: #000000;
    width: 100%;    
}

.Reiseart-Item:hover {
    text-decoration: none;
    color: #000000;
}

.Reiseart-Item .Reiseart-Item-Header {
    width: 100%;
    height: 40px;
    margin: 0px;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-bottom: none;
    padding: 5px;
    font-size: 1.25rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
}

.Reiseart-Item .Reiseart-Item-Header .Flagge {
    height: 25px;
    margin-top: -5px;
}

.Reiseart-Item .Reiseart-Item-Image {
    height: 200px;
    margin: 0px;  
    overflow: hidden;  
}

.Reiseart-Item .Reiseart-Item-Image .Reiseart-Image-Container{
    height: 200px;
    margin: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 15%;
    overflow: hidden;
    transition: all 1s;
}

.Reiseart-Item .Reiseart-Item-Image .Reiseart-Image-Container:hover {
    transform: scale(1.1);
}

.Reiseart-Item .Reiseart-Item-Footer {
    height: 100px;
    margin: 0px;
    border-left: solid 1px #a1a1a1;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-top: none;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.Reiseart-Item .Reiseart-Item-Footer .Reiseart-Item-pic {
    width: 100%;    
    padding-left: 20px;
    padding-right: 20px;
}

.Ausflug-Item {      
    position: relative;    
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    text-decoration: none;
    color: #000000;
    width: 100%;    
}

.Ausflug-Item:hover {
    text-decoration: none;
    color: #000000;
}

.Ausflug-Item .Ausflug-Item-Header {
    width: 100%;
    height: 40px;
    margin: 0px;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-bottom: none;
    padding: 5px;
    font-size: 1.25rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
}

.Ausflug-Item .Ausflug-Item-Header .Flagge {
    height: 25px;
    margin-top: -5px;
}

.Ausflug-Item .Ausflug-Item-Image {
    height: 200px;
    margin: 0px;  
    overflow: hidden;  
}

.Ausflug-Item .Ausflug-Item-Image .Ausflug-Image-Container{
    height: 200px;
    margin: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 15%;
    overflow: hidden;
    transition: all 1s;
}

.Ausflug-Item .Ausflug-Item-Image .Ausflug-Image-Container:hover {
    transform: scale(1.1);
}

.Ausflug-Item .Ausflug-Item-Footer {
    height: 30px;
    margin: 0px;
    border-left: solid 1px #a1a1a1;
    border: solid 1px rgba(0, 0, 0, 0.125);
    border-top: none;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: bold;
}

.Ausflug-Item .Ausflug-Item-Footer .Ausflug-Item-pic {
    width: 100%;    
    padding-left: 20px;
    padding-right: 20px;
}

.img-Header {    
    text-align: center;
    -webkit-transform: rotate(25deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(25deg);     /* IE 9 */
  transform: rotate(25deg);
  /* z-index: 500; */
  position: absolute;
  top: 80px;
  /* left: 50.5%; */
  right: -10px;
  width: 200px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

footer {
    margin-top: 10px;
}

.dropdown-menu {
    margin-top: -8px !important;
}

.banner {
    background-image: url('../Content/img/slider-bg-1.jpg') !important;
}

.banner .block h1 {
    text-transform: none !important;    
    text-shadow: 0px 1px 2px black;
}