html{
overflow:auto;
}


body{
-webkit-text-size-adjust: none; /*	i phone  */
-webkit-overflow-scrolling: touch;  /*	i phone  */
/*
width:100%;
*/
background-color:#ffffff;
}


*
{
margin:0;
padding:0;
}


img {   border:none; max-width: 100%; }


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








.container{  max-width:900px;   text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
h1{ font-size:2.5em;}


/*max-width:890px;*/

#mynav{  display:none; }

/* ------------------ Slider Logobilder austauschen ------------------------- */
/* -------------------------------------------------------------------------- */

#myslider {  z-index:10;  }

.slider {   z-index:11;    }

.flexslider {   z-index:12;  }

.fadout {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.fadin {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}


/* ------------------ Slider Logobilder austauschen Ende -------------------- */
/* -------------------------------------------------------------------------- */



/* menu ----------------------------------------------------  */


#menu, #menu2 {
/*font-family: 'Oswald', sans-serif; */
/*font-family: 'Poiret One', cursive;  */
/*font-family: 'Lora', serif;  */
font-family: 'Ubuntu', sans-serif;
/*color:#000000;*/      color:#302E71;
/*font-size:22pt; */
/*font-size:1.9em; */        font-size:1.5em;
list-style: none;
z-index:10;
margin-top: 10px;   margin-bottom: 10px;
}

#menu a, #menu2 a {
/*color:#000000; */        color:#5C5C5C; 
text-decoration:none;
margin: 15px 25px 0px 25px; padding: 0px;
}

#menu a:hover, #menu2 a:hover {
color:#ABA492; 
}

#menu li, #menu2 li {
border: #EAEAEA 0px none; 
}

#nav_button, button, navbar-toggle, collapsed, .icon-bar {
border:0px solid #FFFFFF; color:#000000;
}

span .icon-bar {color:#000000; }


#nav_button:hover { background-color:#FFFFFF; color:#C0C0C0; }

#nav_button:focus {background-color:#FFFFFF; color:#C0C0C0; }

ul li .active {/* color:#9A26D2;*/  color:#ABA492;}
 /* aktiver menuepunkt pink  */

/*
#active_link { color:#9D225C;  }
*/


/* u_menu ----------------------------------------------------  */
/* ---- untermenu Abstände --------- */
.navbar-nav > li > a, .nav > li > a {
margin: 0px 10px 0px 0px; padding: 0px;
}
/* --------------------------------- */


/* ----------------------- BurgerMenu Farbe --------------------------------- */
/* -------------------------------------------------------------------------- */

.navbar-default .navbar-toggle .icon-bar {
    background-color: #C0C0C0;
}
/* ----------------------- BurgerMenu Farbe Ende --------------------------------- */
/* -------------------------------------------------------------------------- */

#menu2 li a{ margin-top: -1px;   padding-top: 13px; } /*  --------------- unteres menu -------- */


#u_menu{
font-family: 'Open Sans', sans-serif; 
color:#ffffff; 
/*font-size:11pt;*/        
font-size:0.95em;
list-style: none;
font-weight:bold;
z-index:100;

	
   /*text-align:center;	font-size:0.95em;*/
	
	
	/*	position:absolute;
	left:10px;
	top:880px;*/
  /*	height:40px;
	width:870px;*/
}

#u_menu a{
list-style: none;
color:#000000;
/*font-size:11pt;*/    
}

#u_menu a:hover{
color:#ABA492;
list-style: none;
}



/*--------------------------------------------------------------------------------------  */

/* aktiver menuepunkt */

.active, #active_link{ /*color:#9A26D2;*/  color:#ABA492;  }
#adresse_mail { color:#9A26D2; text-decoration:none; }
/* email adresse und links  */
/*

#adresse_mail:hover { color:#6F1C97; text-decoration:none; }
*/


/* ---------------------- unteres Menu --------------------------- */
.navbar-text { font-family: 'Ubuntu', sans-serif; font-size:1.5em; padding-top:2px; margin-left:-0px; }

.navbar-klein { font-family: 'Ubuntu', sans-serif; font-size:1.0em; padding-top:0px; margin-left:-0px; }

/* ------------------------------------------------- */


.headline {
font-family: 'Roboto', sans-serif;
color:#000000;
/*font-size:26pt;  */     
font-size:2.2em;
font-weight:100;
}


/* ------------------------------------------------- */

.text {
color:#000000;
/*font-size:12pt;*/     
font-size:1em;
font-family: 'Open Sans', sans-serif;
font-weight:100; 
/* padding-left:30px; */ /* wenn randlos */
text-align:left;
}

.text a{
color:#000000;
}

.text a:hover{
color:#ABA492;
text-decoration:none;

}

/* ------------------------------------------------- */


.strong {
color:#000000;
/*font-size:13pt;*/         font-size:1.05em;
font-family: 'Open Sans', cursive;
font-weight:bold;
}


/* ------------------------------------------------- */


.galerie {
margin: 0px;
padding: 0px;
}

.wenig_rand {
margin: 5px;
padding: 0px;
}
/* ------------------------------------------------- */

.footer_head {
/*color:#9A26D2; font-family: 'Yanone Kaffeesatz', cursive; */
/*font-size:22pt;*/    font-size:1.8em;
/*text-align:left; */
/*color:#9A26D2; */
}

.myfooter {white-space: nowrap;  }

/*  ----------------------------------------------------   */

.abstand_links{
  padding-left:10px;
}

/*  ----------------------------------------------------   */

 #kopf_text {
   font-size:8em;
 }
 .txt_normal{
/*font-family: 'Lora', serif; */  font-family:verdana;
 font-size:0.6em;
 }
#face {
  max-height:10%;
}

#footerlist li{
  display:inline-block; font-size:1.6em;
  padding: 0 20px;
   /* max-width:200px;*/
}
#footerlist li a{
  text-decoration:none;
}
.abstand10{  padding-top:10px; }
.abstand20{  padding-top:20px; }
.abstand30{  padding-top:30px; }
.abstand40{  padding-top:40px; }

.row a { text-decoration:none;  }  

/*  ----------------------------------------------------   */

#extra 
{
position:absolute;
width:100px;
}

/* ------------------------------------------------- */

.foto_extra 
{
z-index:10;
padding-top:40px; 
padding-bottom:40px;
}

.foto  { z-index:10; }

/* ------------------------------------------------- */

.linie {
/*margin:20px 0px 20px 0px;*/
margin:40px 0px 20px 0px;
border-top:4px solid lightgrey;
}
.linie2 {
/*margin:20px 0px 20px 0px;*/
margin:-10px 0px 20px 0px;
border-top:4px solid lightgrey;
}
.linie3 {
margin:10px 0px 20px 0px;
border-top:4px solid lightgrey;
}
/* ------------------------------------------------- */

table 
{
border:0px;
color:#ffffff; !important;
/*padding-left: 5%;  */
}


table a 
{
text-decoration:none; 
color:#3D2218;  /* link, email */
}


table a:hover 
{ 
color:#BBB1A4;  /* beige  */
}


/*  ----------------------------------------------------  */

td {
/*padding:0px 12px 10px 0px;*/    /* rand: oben rechts unten links */
vertical-align: top;      /* oben: vertical-align: top; */
color:#000000; 
font-family: 'Open Sans', sans-serif;
font-size:11pt;
/* line-height:1.4; */
}

/* ------------------------------------------------- */

.abstand_kleine_zeile { height:6px;  width:300px; }
.abstand_eine_zeile { height:12px;width:300px;  }
.abstand_zwei_zeilen  {  height:24px;  width:300px;  }
 .abstand_drei_zeilen  {   height:64px;  width:300px;  }
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
img { max-width: 100%; 	height: auto; }

/* centered columns styles */
.row-centered {  text-align:center; }
.col-centered {
    display:inline-block;   float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.borderless tr td { border: none !important;  /*   padding: 0px !important;    */ }


/*.navbar{   background: #FFFFFF; border:none; padding:0px; margin:0px; } */
.navbar{   background: #FFFFFF; border:none; }


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ABA492;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #ffffff
}

.navbar-default {
background-color: #ffffff;
/*font-family: 'Oswald', sans-serif; text-align:center;   */
font-family: 'Yanone+Kaffeesatz', sans-serif; text-align:center;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #000000;
text-decoration: none;
background-color: #ffffff;  /*change color of links in drop down here*/
}

.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ABA492;
}

.navbar-default .navbar-nav > li > a {
color: #000000;
}

.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top; text-align: center;
}

.navbar .navbar-collapse {
text-align: center;
}




#txt-ueber{margin-top: -20px;}

.menu3{

    font-family: 'Ubuntu', sans-serif;
    color: #302E71;
	}

/*  #rowunten{width: 80%;}  */

#rowunten a:hover{color: #ABA492;} 


/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#menumaus, #menuname{display:none;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#menumaus, #menuname{display:none;}

}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/*#menu a, #menu2 a {  margin: 0px 30px 0px 30px; padding: 0px;  }  */

.navbar-nav > li > a, .nav > li > a {margin: 0px 10px 0px 10px; padding: 0px;}
#menu a, #menu2 a {   margin: 0px 10px 0px 10px; padding: 0px;  }

#txt-ueber{margin-top: 2px;}

}





/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#menu a, #menu2 a {   margin: 0px 10px 0px 10px; padding: 0px;  }
   #menu li a, #menu2 li a { font-size: 0.8125em;  }

}

/* ---------  950px letzer Breakpoint vor der kleinsten Einstellung ----------------- */
@media only screen and (max-width:59.375em ) {

.navbar-nav > li > a, .nav > li > a {margin: 0px 10px 0px 10px; padding: 0px;}

#menu a, #menu2 a {   margin-top: 15px; margin-bottom:20px; margin-left:20px; margin-right:20px; }

.navbar-nav > li, .nav > li { border-bottom:0px hidden grey; border-style: hidden; }

#menu li, #menu2 li {border: #EAEAEA 0px none; }

 p .navbar-text { font-size:0.8125em; padding-top:0px;}
}



 /* --- 767px ab hier eingeklapptes Menu ---*/
@media only screen and (max-width: 47.938em) {
#menu, #menu2 { /* width: 105%;*/   width: 100%;  }
#menu li {border-bottom: #EAEAEA 1px solid; font-size:1.5em; }
#menu2 li {border-bottom: #EAEAEA 1px solid; font-size:1.1em; }
#u_menu_alles { display:none; }
p .navbar-text { font-size:0.8125em; padding-top:-50px; }
#menumaus, #menuname{display:none;}
}

 /* --- zwischen 48em und 64em landscape retina ---*/
@media only screen and (min-device-width : 768px) and (max-device-width
: 1024px) and   (orientation : landscape) and ( -webkit-min-device-
pixel-ratio: 2){

}
  /* --- zwischen 48em und 64em landscape ---*/
@media only screen and (min-device-width : 768px) and (max-device-width
: 1024px) and   (orientation : landscape) {
}


@media (max-width: @screen-xs-max) {
 }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { 
 }

@media (min-width: @screen-lg-min) {
 }


/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: @screen-sm-min) {  

}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: @screen-md-min) {
/*.navbar-default {
 font-size:22pt; font-family: 'Oswald', sans-serif; text-align:center;*/
}


/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: @screen-lg-min) {
/* .row .keinrand2 { margin: 0px; padding: 0px; }
[class*="col-"] {   padding: 0px;  padding: 0px; }*/
 }


/* ---------  588px minikreise ----------------- */
@media only screen and (max-width:36.750em ) {
 /*   #minislider{ display:none;   }    */

 }

/* ---------  991px menu ----------------- */
               /*  61.875em   */
@media only screen and (max-width:61.9375em ) {
 /*   #minislider{ display:none;   }    */
    #menu li a { font-size: 0.8125em;  }

 }

 /* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 990px)  {
#menu a {  margin: 0px 10px 0px 10px; padding: 0px;  }
   #menu li a { font-size: 0.8125em;  }
}



/* ---------  950px - 59.375em   ----------------- */
@media only screen and (max-width:1080px) and (min-width:770px) {
#menu2 li { font-size:0.8125em; }

}

/*------- smartphone  portrait / landscape 05.12.2021  ------------------------------------------ */
@media (max-width:420px) and (orientation: portrait){	

#txt-ueber{margin-top: 20px;}
#menumaus, #menuname{display:none;}
}

/*  Handy  landscape  ----------------------------------------------------- */
@media (max-width:893px) and (orientation: landscape){	
  #txt-ueber{margin-top: 20px;}   
#menumaus{display:none;}
}

/* ipad landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#rowunten{margin-left: -2%!important;}  
	#menumaus{display:block;}  
  }	  



/* ipad Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {     
#rowunten{margin-left: -6%!important;}  

}

@media (min-width:1024px) {	
/*  #txt-ueber{margin-top: 2px;}   */
#menumaus{display:block;}
}