/* Layout:
Farben:
beige:          #FDFAE0
rot:            #8C0E26             153,0,0
hellrot:        #ff6633
blau:           #005576             0,85,118
gold:           #E0B929             224,185,41
gelb:           #FDFAE0             253,250,224
grau hell:      #ecebeb             236,235,235
grau dunkel:    #595959             89,89,89
grün tiefdunkel:    #73AD21             57,163,97
grün hell:      #B0E36A             57,163,156

Social Media Buttons

facebook        #3B59A3
twitter         #55ACEE
linkedin        #0077B5
xing            #2C6B6A

mail kt         #8C0E26        
mail out        #595959
*/

.colorKTbeige {color: #FDFAE0}
.colorKTrot {color: #8C0E26}
.colorKThellrot {color: #ff6633}
.colorKTblau {color: #005576}
.colorKTgold {color: #E0B929}
.colorKTgelb {color: #FDFAE0}
.colorKTgrauhell {color: #ecebeb}
.colorKTgraudunkel {color: #595959}
.colorKTgrautiefdunkel {color: #73AD21}
.colorKTgreenlight {color: #B0E36A}


/************************************************************************************
KT spezifische Anpassungen
*************************************************************************************/

* {
    /* Google Fonts
    font-family: 'Lato',Arial,Helvetica,sans-serif !important;
    font-family: 'Istok Web',Arial,Helvetica,sans-serif !important;*/
    /*    font-family: 'Roboto',Arial,Helvetica,sans-serif;*/
    /*    font-family: Poppins !important;*/
    /*    font-family: Montserrat,Arial,Helvetica,sans-serif !important;*/




    /*WINDOWS Fonts    */
    /*    font-family: 'Calibri',Arial,Helvetica,sans-serif !important;
        font-family: 'Candara',Arial,Helvetica,sans-serif !important;
        font-family: 'Corbel',Arial,Helvetica,sans-serif !important;*/

}

body {
    color: #595959;
    padding-top: 50px;
    /* nötig damit die Navigation keinen Inhalt überschreibt */
    padding-bottom: 70px;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    line-height: 1.4em;
    margin: 20px 0 .4em;
    color: #8C0E26;
    font-weight: 500;
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
    color: #8C0E26;
    font-weight: 500;
}*/

h2 {
    font-size: 200%;
    /*    font-weight: bold;*/
}

h3 {
    font-size: 140%;
    /*    font-weight: bold;*/
}

h6 {
    font-size: 140%;
    /*    font-weight: bold;*/
}

h1.indexTitel {
    color: #FFFFFF;
    font-size: 160%;
}
h1.seitenTitel {
    color: #FFFFFF;
    font-size: 400%;
    margin-left: 80px;
    text-shadow: 0 0 5px black;
}
h2.seitenAnker {
    /*    text-decoration: underline;*/
    font-weight: 500;
    /*    text-align: center;*/
    font-size: 140%;
    line-height: 1.2em;
}

h2.mobileTitel {
    color: white;
    margin-left: 10px;
}

h1.seitenBoxDestinationText,
h1.seitenBoxThemaText{
    font-size: 180%;
}

h2.seitenBoxDestinationText,
h2.seitenBoxThemaText{
    font-size: 160%;
}

/*strong {
    font-weight: 500;
}*/
a {
    color: #8C0E26;
}

a.facebook {
    color: #3B59A3;
}

a.carouselLink {
    background-color: white;
}

a.twitter {
    color: #55ACEE;
}

a.linkedin {
    color: #0077B5;
}

a.xing {
    color: #2C6B6A;
}

a.mailkt {
    color: #8C0E26;
}

a.mailout {
    color: #595959;
}

a.back {
    color: #595959;
}

a.font {
    color: #000000;
}

a.pdf {
    /*    color: #F40002;*/
    color: #E11820;
}

.label {
    color: #005576;
    font-weight: bold;
}


.infoText {
    font-size: 80%;
    margin-left: 10px;
}

.fehlerText {
    color: #8C0E26;
}

.hrLinie {
    width: 95%; 
    height: 3px; 
    margin: 0 auto;
    color: blue;
    background: #E0B929;
}

.hrLinieReise {
    width: 95%; 
    height: 5px; 
    margin: 0 auto;
    color: blue;
    background: #ecebeb;
}
/* Ende Standard-Tags */


/* eigene Tags */

/*.ladeanzeige {
    position: fixed;
    background-color: black;
    top: 0px;
    left: 0px;
    width: 2000;
    height: 2000;
}*/

/* Ladeanzeige */
#wartebox {
    background-color: #ecebeb;
    display: block;
    width: 100%;
        height: 100%;
    /*    min-height: 100%;
      height:auto !important;
      height:100%;*/
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    /*    margin-left: auto;
        margin-right: auto*/
}

#loading {
    position: fixed;
    z-index: 100000;
    display: block;
    width: 70px;
    height: 70px;
    border: 6px solid rgba(255,255,255,.3);
    border-radius: 50%;
    border-top-color: #E0B929;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    /*  background-color: #ecebeb;*/
    opacity: 1.0;
    top: 45%;
    left: 45%;
    margin-left: auto;
    margin-right: auto;
    /*    top: 50px;*/
    /*    margin:40%;*/
    /*        vertical-align: auto;
            margin-left: auto;
            margin-right: auto;*/
}

#loadingText {
    font-size: 140%;
    position: fixed;
    z-index: 100000;
    display: block;
    float:left;
    background-color: #ecebeb;
    opacity: 1.0;
    /*    top: 50px;*/
    top: 45%;
    left: 45%;
    margin-left: auto;
    margin-right: auto;
    /*    vertical-align: auto;*/
    /*    margin-left: auto;
        margin-right: auto;*/
}

.suchLoading {
    color: #E0B929;
    font-size: 100%;
    font-weight: bolder;
    line-height: 10px;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}

/* Blocksatz Quelle: https://www.mediaevent.de/html-blocksatz/ */
/*.justmenu { text-align: justify }
.justmenu ul { padding-left: 0; margin-left: 0 }
.justmenu * { display: inline }
.justmenu li { display: inline-block }
.justmenu span {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0;
}*/

.listeBild {
    border: 1px solid #BBB;
    padding: 2px;
}

.logoImage {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 0 3px;
    background-color: white;
}

.logoImageKlein {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 0 3px;
    background-color: white;
    margin-top: -16px;
    margin-left: -25px;
}

.seitenImage {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
    /*    position: relative;*/
    /*    cursor: pointer;*/
    /*    overflow: hidden;*/
}

.seitenImageAnker {
    border-width: 0px;
}

.seitenImageCaption,
.seitenImageCaptionMobile
.seitenImageCaption404,
.seitenImageCaption404Hoch {
    position: absolute;
    /*    top: 25%;*/
    left: 0;
    /*    width: 100%;*/
    margin: 0 auto 0 auto;
    color: white;
}

.seitenImageCaption {
    top: 25%;
}

.seitenImageCaptionMobile {
    top: 25px;
}

.seitenImageCaption404 {
    top: 15%;
}

.seitenImageCaption404Hoch {
    top: 10%;
}


.anfrageBox {
    position: absolute;
    right: 30px;
    width: 200px;
    height: auto;
    top: 0px;
    padding: 0px 15px 15px 15px;
    border-style: solid;
    border-color: #005576;
    border-width: 0 1px 1px 1px;
    background-color: white;
    z-index: 50;
}


/*.buttonTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-color: grey;
    color: #8C0E26;
    vertical-align: central;
    align-content: center;
}*/

#anfrageBoxHeader {
    color: black;
}

#anfrageSendOK {
    height: auto;
    width: auto;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto;
    /*    border: 3px solid #73AD21;*/
    background-color: white;
    padding: 20px;
}

.seitenFrei {
    padding: 40px 15px;
}

.buttonTop {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 60px;
    right: 10px;
    width: 45px;
    height: 45px;
    z-index: 100000;
    display: none;
    text-decoration: none;
    color: #8C0E26;
    /*background-color: #8C0E26;*/
}

.buttonTop i {
    font-size: 45px;
}


.seitenBox {
    border-color: #005576;
    border-width: 1px;
    border-style: none;
    margin: 1px;
    height: 100%;
}

.seitenBox:hover {
    border-color: #ecebeb;
    border-width: 1px;
    border-style: solid;
    margin: 0px;
    /*    margin-bottom: 5px;*/
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.seitenBoxDestinationBild,
.seitenBoxThemaBild,
.seitenBoxGruppenBild,
.seitenBoxThemaBild,
.seitenBoxBild {
    border-style: none;
    margin-bottom: 5px;
    padding: 20px 0 0 0;
}

.seitenBoxDestinationText,
.seitenBoxThemaText,
.seitenBoxGruppenText,
.seitenBoxThemaText {
    border-style: none;
    margin-bottom: 5px;
    padding: 0 3% 0 3%;
    /*    -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;*/
}

.seitenBoxFreiText {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
    padding: 0 15px 0 15px;
    /*padding: 0 3% 0 3%;*/
}

.seitenBoxText {
    color: #595959;
    padding: 0 3% 0 3%;
    /*    -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;*/
}

.seitenBoxDestinationKarte {
    float:left; 
    margin-left:30px; 
    margin-right: 20px; 
    margin-bottom: 20px;
}

.seitenBoxAlleReisen {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ecebeb;
}

.seitenStandardText {
    color: #595959;
}

.seitenTitel {
    color: #FFFFFF;
    font-size: 400%;
    margin-left: 80px;
    text-shadow: 0 0 5px black;
}

.seitentextIntro,
.seitentextIntroKapiteltext {
    width: 100%;
    padding-left: 10px;
    padding-right: 20px;
}

.seitentextIntro {
    font-size: 90%;
    line-height: 140%;
    font-weight: normal;
    color: #595959;
}

.seitentextIntroKapiteltext {
    font-size: 120%;
    line-height: 130%;
    color: #595959;
    text-shadow: 4px 4px 4px #aaa;
    font-style: italic;
}

.seitentextPresseCaption {
    color: #8C0E26;
    font-weight: bold;
}

.seitentextPresse {}

.seitenBildPresse {
    margin-top: 20px;
    max-width: 200px;
    height: auto
}

.navigationTextCaptionThema,
.navigationTextCaptionDestination {
    line-height: 80%;
    font-weight: normal;
    color: #595959;
    padding: 0 0 10px 5px;
    vertical-align: central;
}

.navigationTextCaptionThema {
    font-size: 100%;
}

.navigationTextCaptionDestination {
    font-size: 65%;
}


/*Yamm Menü mit Mouse-over statt mit Klick öffnen
Quelle: https://stackoverflow.com/questions/22458901/make-bootstraps-yamm-open-on-hover*/
@media (min-width: 768px) {
    /* disable dropping down on mouse click */
    ul.nav li.open > ul.dropdown-menu {
        display: none;    
    }
    /* enable dropping down on mouse hover */
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;    
    }
}

.navMerkzettel {
  position: absolute;
  top: 46%;
  left: 52%;
  transform: translate(-46%, -52%);
  color: #8C0E26;
  font-weight: 500;
  font-size: 0.6em;
}

.footerHrLinie {
    width: 95%; 
    height: 3px; 
    margin: 0 auto;
    color: blue;
    background: #E0B929;
}

.footerNewsletter {
    border-top-style: solid;
    border-top-color: #E0B929;
    border-top-width: 3px;
    width: 95%; 
    /*    margin-top: 5px; 
        margin-bottom: 20px;*/
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    /*    margin: 0 auto;*/
    /*    background-color: rgba(224,185,41, 0.1);*/
    background-color: rgba(236,235,235, 0.3);
    margin-bottom: 20px;
}

.footerButtonLeiste {
    margin: 10px, auto;
    padding-top: 10px;
}

.footerButton {
    font-size: 14px;
    float: left;
    padding: auto;
}

.footerButton a {
    color: #8C0E26;
}

.footerButton a:hover {
    text-decoration: none;
}

.footerButton a:visited {
    text-decoration: none;
    color: #8C0E26;
}


/* Copyright etc. Fußzeile */

.footer {
    margin-top: 25px;
    font-size: 10px;
}

/* Wortwolke */


#tagcloud {
    width: 100%;
    background: #ECEBEB;
    color: #005576;
    padding: 10px;
    border: 1px solid #005576;
    text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
    color:#595959 ;
}

#tagcloud a:hover {
    text-decoration: underline;
}

#tagcloud span {
    padding: 4px;
}

#tagcloud .smallest {
    font-size:  6pt;
}

#tagcloud .small {
    font-size:  8pt;
}

#tagcloud .medium {
    font-size: 10pt;
}

#tagcloud .large {
    font-size: 12pt;
}

#tagcloud .largest {
    font-size: 14pt;
}

/* Anpassung bootstrap */

.thumbnail {
    padding: 2px !important;
    margin: 0px 0px 5px 0px !important;
}

.copyright {
    padding: 30px;
}


/* Anpassung yamm */

.yamm .yamm-content {
    padding: 10px !important;
    padding-bottom: 12px !important;
}


/* Abfrage Javascript */

.noscript {
    position: static;
    border: 3px solid red;
    text-align: center;
    background-color: white;
    margin: 50px 30% 0 30%;
    z-index: 1000;
}


.item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.zentriert {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);

}



/* Spezielle Buttons */

/*Top of the page button
Steuerung in kt_lib.js*/

#topButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #8C0E26; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px 15px 10px 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 26px; /* Increase font size */
}

#topButton:hover {
    background-color: #595959; /* Add a dark-grey background on hover */
}


/*Wunschbutton Theme umbenennen zu .btn-kn*/

/* Quelle: https://www.bestcssbuttongenerator.com/*/
.btn-kn {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.btn-kn:hover {
    background-color:#0061a7;
}
.btn-kn:active {
    position:relative;
    top:1px;
}

/*.btn-kn {
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn-kn:hover {
	background-color:#f6f6f6;
}
.btn-kn:active {
	position:relative;
	top:1px;
}*/


/* Quelle: https://charliepark.org/bootstrap_buttons/ */

.btn-custom { 
    background-color: hsl(195, 60%, 47%) !important; 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f9bbf", endColorstr="#2f9bbf"); 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#2f9bbf), to(#2f9bbf)); 
    background-image: -moz-linear-gradient(top, #2f9bbf, #2f9bbf); 
    background-image: -ms-linear-gradient(top, #2f9bbf, #2f9bbf); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f9bbf), color-stop(100%, #2f9bbf)); 
    background-image: -webkit-linear-gradient(top, #2f9bbf, #2f9bbf); 
    background-image: -o-linear-gradient(top, #2f9bbf, #2f9bbf); 
    background-image: linear-gradient(#2f9bbf, #2f9bbf); 
    border-color: #2f9bbf #2f9bbf hsl(195, 60%, 47%); 
    color: #fff !important; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00); 
    -webkit-font-smoothing: antialiased; 
}

/*bt-white abgeändert*/
/*.btn-kn { 
    background-color: hsl(0, 0%, 100%) !important; 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); 
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -o-linear-gradient(top, #ffffff, #ffffff); 
    background-image: linear-gradient(#ffffff, #ffffff); 
    border-color: #ffffff #ffffff hsl(0, 0%, 100%); 
    color: #333 !important; 
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00); 
    -webkit-font-smoothing: antialiased; 
    border-width: 10px !important;
}
.btn-kn:hover {
	background-color:#f6f6f6 !important;
}*/


.btn-hellblau { 
    background-color: hsl(212, 47%, 47%) !important; 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8c2df", endColorstr="#3f74b0"); 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#a8c2df), to(#3f74b0)); 
    background-image: -moz-linear-gradient(top, #a8c2df, #3f74b0); 
    background-image: -ms-linear-gradient(top, #a8c2df, #3f74b0); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8c2df), color-stop(100%, #3f74b0)); 
    background-image: -webkit-linear-gradient(top, #a8c2df, #3f74b0); 
    background-image: -o-linear-gradient(top, #a8c2df, #3f74b0); 
    background-image: linear-gradient(#a8c2df, #3f74b0); 
    border-color: #3f74b0 #3f74b0 hsl(212, 47%, 39.5%); 
    color: #333 !important; 
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49); 
    -webkit-font-smoothing: antialiased; } 


.btn-gold { 
    background-color: hsl(39, 51%, 8%) !important; 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c89f55", endColorstr="#1e1709"); 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#c89f55), to(#1e1709)); 
    background-image: -moz-linear-gradient(top, #c89f55, #1e1709); 
    background-image: -ms-linear-gradient(top, #c89f55, #1e1709); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c89f55), color-stop(100%, #1e1709)); 
    background-image: -webkit-linear-gradient(top, #c89f55, #1e1709);
    background-image: -o-linear-gradient(top, #c89f55, #1e1709); 
    background-image: linear-gradient(#c89f55, #1e1709); 
    border-color: #1e1709 #1e1709 hsl(39, 51%, -4%); 
    color: #fff !important; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.79); 
    -webkit-font-smoothing: antialiased; }

.btn-white { 
    background-color: hsl(0, 0%, 100%) !important; 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); 
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); 
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); 
    background-image: -o-linear-gradient(top, #ffffff, #ffffff); 
    background-image: linear-gradient(#ffffff, #ffffff); 
    border-color: #ffffff #ffffff hsl(0, 0%, 100%); 
    color: #333 !important; 
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00); 
    -webkit-font-smoothing: antialiased; }

.btn-social { 
    color: #8C0E26; 
    background-color: #FFFFFF; 
    border-color: #FFFFFF; 
} 

.btn-social:hover, 
.btn-social:focus, 
.btn-social:active, 
.btn-social.active, 
.open .dropdown-toggle.btn-social { 
    color: #8C0E26; 
    background-color: #ECEBEB; 
    border-color: #FFFFFF; 
} 

.btn-social:active, 
.btn-social.active, 
.open .dropdown-toggle.btn-social { 
    background-image: none; 
} 

.btn-social.disabled, 
.btn-social[disabled], 
fieldset[disabled] .btn-social, 
.btn-social.disabled:hover, 
.btn-social[disabled]:hover, 
fieldset[disabled] .btn-social:hover, 
.btn-social.disabled:focus, 
.btn-social[disabled]:focus, 
fieldset[disabled] .btn-social:focus, 
.btn-social.disabled:active, 
.btn-social[disabled]:active, 
fieldset[disabled] .btn-social:active, 
.btn-social.disabled.active, 
.btn-social[disabled].active, 
fieldset[disabled] .btn-social.active { 
    background-color: #FFFFFF; 
    border-color: #FFFFFF; 
} 

.btn-social .badge { 
    color: #FFFFFF; 
    background-color: #8C0E26; 
}

/* Spezielle Buttons Ende */



/*Suchfeld Position*/
.suchfeldIndex {
    position: absolute;
/*    top: 30%;*/
    left: 10%;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
/*    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);*/
z-index: 2;
}

.suchfeldIndexMittel {
    position: absolute;
/*    top: 25%;*/
    left: 10%;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    z-index: 2;
}

.suchfeldIndexMobile {
    position: absolute;
    /*top: 120px;  alt 0 */
    left: 20%;
    margin-bottom: 25px; /*alt 30 */
    width: 200px;
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
    z-index: 2;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 30px;
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
}

/*#indexSuchForm {
    position: absolute;
    top: 20%;*/
/*}*/

/*
 * Row with equal height columns
 * --------------------------------------------------
Quelle: https://getbootstrap.com.vn/examples/equal-height-columns/
css Quelle: https://getbootstrap.com.vn/examples/equal-height-columns/equal-height-columns.css
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.row-eq-height  > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

/*@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}*/

/*.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}*/

@media screen and (min-width: 993px) {
    #indexCarousel .input-group {
        width: 600px;
        text-height: 32px;
    }
    #indexCarousel #suchText {
        text-height: 32px;
    }
}

@media screen and (max-width: 992px) {
    #indexCarousel .input-group {
        width: 450px;
        text-height: 32px;
    }
    #indexCarousel #suchText {
        text-height: 32px;
    }
}

@media  screen and (max-width: 600px) {
    #indexCarousel .input-group {
        width: 250px;
        text-height: 32px;
    }
    #indexCarousel #suchText {
        text-height: 20px;
    }
    #indexCarousel.carousel .item {
        /*height: 230px;
min-height: 230px;
line-height: 190px;*/
    }
    .carousel-caption-header {
        font-size: 1.7em;
    }
    .carousel-caption h1 {
        /*font-size: 1.0em;*/
    }
    .carousel-caption p {
        /*font-size: 1.0em;*/
    }
}

carousel-caption-header-small {
    font-size: 10px !important;
}
carousel-caption-header {
    font-size: 10px !important;
}

#indexCarousel .carousel-caption {
    color: black;
    /*    background-color: #ECEBEB;*/
    /*    right: 58%;*/
    /*    text-align: center;*/
    width: 80%;
    left: 10%;
    /*top: auto;*/
    /*position: relative;*/
    top: 75%;
    transform: translateY(-50%);
    bottom: initial;
    /*    opacity: 0.5;*/
    background-color: rgba(255, 255, 255, 0.4);
}

#indexCarousel .carousel-caption-text {
    padding-left: 20px;
    text-align: left;
    color: black;
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    font-size: 140%;
}

#indexCarousel .carousel-caption-button {
    padding-right: 20px;
    padding-top: 20px;
    text-align: right;
    float: right;
}

/*Fading Effekt für carousel
Quelle: http://www.1squarepear.com/adding-a-responsive-bootstrap-image-carousel-that-fades-instead-of-slides/ 
class="carousel fade" statt class="carousel" einfügen*/

/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition: opacity ease-out 0.7s;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}