/* Stylesheet für die ganze Applikation */



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



S T A R T  anpassen je nach Webseite



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



/* Gilt über die ganze Seite 

color: #333333; --> Schriftfarbe

background-color: --> Hintergrundfarbe der Seite

*/

body {

	margin-bottom:0px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    /*font-optical-sizing: auto;*/
    font-weight: 400;
    font-style: normal;

	}


/* Hintergrundfarbe des Top Navigationsbalken */

.top-navi-td {

padding-left:5px; 

background-color:#CCCCCC;

background-color: #e4e4e4;

}



/* Hintergrundfarbe des Sub Navigationsbalken */

.sub-navi-td {

padding-left:5px; 

background-color:#E4E4E4;

}



/* Alle Sub Titel wie z.b. Model-Updates

color:#333333; --> Schrift

background-color:#E6E6E6; --> Hintergrundfarbe */

/*

.header {

border-color:#6699ff; border-width:0px; border-style:solid;

padding-left:5px;

background-color:#E6E6E6;

background-color: #d9edf7;



border-top:0px solid #E6E6E6 ;

color:#286090;

color:#333;

font-weight:normal;

font-size:40px;

text-transform: none;

margin-bottom:25px;

}

*/



h1, .header {

	font-size: 24px;
    line-height: 32px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top:15px;
    margin-bottom:25px;

}

.header-small {

    font-size: 18px;
    line-height: 22px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top:15px;
    margin-bottom:15px;

}


.borderRadiusTop {


    border-top-left-radius: 15px;
    border-top-right-radius: 15px;


}


.fa-fw {
    margin-right: 5px;
}


.noeyes {
    display: none;
}


.mb-5 {
    margin-bottom: 5px;

}

.mb-10 {
     margin-bottom: 10px;
    
}

.mb-15 {
     margin-bottom: 10px;
    
}


.mt-5 {
    margin-top: 5px;

}

.mt-10 {
     margin-top: 10px;
    
}

.mt-15 {
     margin-top: 10px;
    
}



/* Navigationsbalken Model, wenn eingeloggt 

background-color:#cccccc; --> Hintergrundfarbe

color:#333333; --> Schriftfarbe

*/

.navi-model {

border-color:#6699ff; border-width:0px; border-style:solid;

padding:5px; 

background-color:#cccccc;

color:#333333;

font-weight:100;

font-size:11px;

}



/* Box VIP Programm */

.rahmen4 {

border-color: #FF0000; border-width:2px; border-style:solid;

padding:5px; 

background-color:#e4e4e4;

}



/* Hintergrund Farbe 1 der Boxen wenn Modell eingeloggt ist */

.getboxcolor1 {

background : #E6E6E6;

}



/* Hintergrund Farbe 2 der Boxen wenn Modell eingeloggt ist */

.getboxcolor2 {

background : #FFFFFF;

}

/* Admin Model Uebersicht Zebra Streifen 1 */

.zebra1 {

background : #E6E6E6;

}



/* Admin Model Uebersicht Zebra Streifen 2 */

.zebra2 {

background : #ffffff;

}



/* farbe link */

a:link, a:visited, .pseudoLink { 
    color:#0A84D5; 
    text-decoration:none
}

.orange { 
    display:none; 
   
}





/*

a:active, a:hover { color:#006FB9; text-decoration:none}

*/



/* farbe link */



.pseudoLink {

    cursor: pointer;

}




/* farbe link der invisible links (z.b. stappel upload) */

a.invisible:link { color:#ffffff; text-decoration:none; }

a.invisible:visited { color:#ffffff; text-decoration:none; }

a.invisible:active { color:#ffffff; text-decoration:none; }

a.invisible:hover {color: #ffffff; text-decoration:none;}





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



E N D E  anpassen je nach Webseite



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



.tableindex

{

border:#CCCCCC;

border-style:solid;

border-width:1px;

}


.layerCbxTags .widgetTitle {
    margin-bottom:10px;
    background-color:#666666;
    color:#ffffff;
}

.bg-light {
    background-color:#eeeeee; 
    padding:5px;
    color:#333333;
}

.layerServiceAngebot {
     width: 750px !important;

}

.layerRegion {
     width: 180px !important;

}


.flex-caption {
    background-color: #000000;
    color: #ffffff;
    z-index:9999 !important;
    padding: 15px;
    _opacity: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
   


}


.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}



h2, h3 {

	font-size: 18px;

    line-height: 24px;

    color: #333333;

    text-transform: uppercase;

    letter-spacing: 1px;

    /*margin-top:15px;*/

    margin-bottom:20px;

}

	

	

	



select

{

/*font-family: Verdana;*/

font-size: 12px;

font-weight: ;

background: #ffffff;

color: #333333;

}



.rahmen {

border-color:#CCCCCC; border-width:1px; border-style:solid;

padding:5px; 

/*background-color:#e4e4e4;*/

}

.rahmen2 {

border-color: #FF0000; border-width:2px; border-style:solid;

padding:5px; 

/*background-color:#e4e4e4;*/

}

.rahmen3 {

border-color: #CCCCCC; border-width:2px; border-style:solid;

padding:5px; 

/*background-color:#e4e4e4;*/

}

.rahmen5 {

border-color: #FF0000; border-width:0px; border-style:solid;

padding:5px; 

background-color: #FFFFCC;

}





.line {

border-bottom-color:#CCCCCC; border-bottom-width:1px; border-bottom-style:solid;

padding:0px; 

/*background-color:#e4e4e4;*/

}









.tdclass1 {

border-color:#CCCCCC; border-width:1px; border-style:solid;

padding:0px; 

background-color:#E6E6E6;

color:#333333;

font-weight:600;

font-size:11px;

}

.tdclass2 {

border-color:#CCCCCC; border-width:1px; border-style:solid;

padding:0px; 



}







.contentstartseite{

	overflow: auto;

	padding: 11px;

	

	

}


/*
.widgetTitle {
  display: block;
}
*/

.widgetTitle:contains('Werbung') {
  display: none;
}














.sweiss {

font-weight:600;

color:#6699ff;

}

.sblau {

font-weight:600;

color:#6699ff;

}

.sred {

font-weight:normal;

color: #FF0000;

}

.sredf {

font-weight:bold;

color: #FF0000;

font-size:14px;



}

.sok {

font-weight:600;

color: #009933;

}

.sblau18 {

font-weight:800;

color:#6699ff;

font-size:28px;

}



.sblau182 {

font-weight:800;

color:#6699ff;

font-size:18px;

}





.anzeigeTitel {

	font-size: 18px;

    line-height: 24px;

    color: #333333;

    text-transform: uppercase;

    letter-spacing: 1px;

    /*margin-top:15px;*/

    

}



.anzeigeTitel2 {

	font-size: 16px;

    line-height: 18px;

    font-weight: normal;

    color:#333333;

    text-transform: uppercase;

    letter-spacing: 1px;

    /*margin-top:15px;*/

    

}



.anzeigeAboveTitel {

	font-size: 13px;

    line-height: 15px;

    color: #666666;

    text-transform: uppercase;

    /*letter-spacing: 1px;*/

    /*margin-top:15px;*/

    

}









.buttontest

{

	background : #ffffff;

	height : 20px;

	font-size:11px;

	font-family: verdana;

	font-weight:bold;

	color:#6699ff;

	border : 1px solid #6699ff;

}

.button

{

	background : #B5BBB6;

	height : 20px;

	font-size:11px;

	font-family: verdana;

	color: #000000;

	border : 1px solid #989898;

}



.inputbox

{

	border : 1px solid #cccccc;

	font-family: verdana;

	font-size: 11px;

}



/* set millions of background images */

.rbroundbox {background: url(../pic/nt.gif) repeat;}

.rbroundbox2 { background: url(../pic/nt.gif) repeat; }

.rbtop div { background: url(../pic/tl.gif) no-repeat top left; }

.rbtop { background: url(../pic/tr.gif) no-repeat top right; }

.rbbot div { background: url(../pic/bl.gif) no-repeat bottom left; }

.rbbot { background: url(../pic/br.gif) no-repeat bottom right; }



/* height and width stuff, width not really nessisary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {

width: 100%;

height: 7px;

font-size: 1px;

}



/* margin: 0 7px*/

.rbcontent {margin:0px;background-color:#e4e4e4 }

/*.rbcontent {margin:0px;background-color:#C8DFE2 }*/

.rbcontent2 {margin:0px;background-color:#ffffff }

.rbroundbox { width: 100%; margin: 1em auto; }

.rbroundbox2 { width: 100%px; margin: 1em auto; }







.profilbox {
    float: left;
    background: #f5f5f5;
    width: 180px;
    margin: 0 16px 16px 0;
    padding: 10px;
    /*box-shadow: 2px 9px 13px 0px rgba(97, 97, 97, 0.82);*/
    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);
    /*min-height:210px;*/
}


.profilbox-land {
    float: left;
    background: #f5f5f5;
    margin: 0 16px 16px 0;
    padding: 10px;
    /*box-shadow: 2px 9px 13px 0px rgba(97, 97, 97, 0.82);*/
    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);
    /*min-height:210px;*/
    width:260px;
    /* height:520px; */
    /*height:380px;*/
    height:350px;
    overflow:hidden;
    cursor:pointer;
}


.profilbox-land-ehemalige {
    float: left;
    background: #f5f5f5;
    margin: 0 16px 16px 0;
    padding: 10px;
    /*box-shadow: 2px 9px 13px 0px rgba(97, 97, 97, 0.82);*/
    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);
    /*min-height:210px;*/
    width:140px;
    /* height:520px; */
    /*height:380px;*/
    height:180px;
    overflow:hidden;
    cursor:pointer;
}





.profilbox-land img {

    /*
    min-height:200px;
    max-height:200px;
    */
    /*
    height: 235px;
    width: 235px;
    */


}


.image-container {
  width: 235px;
  height: 235px;
  overflow: hidden;
  position: relative;
}

.image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}





.profilboxImage {

	height:160px;

	overflow: hidden;

}



.profilboxDescr {



	border-bottom:1px solid #cccccc;

	padding:2px;

    color:#333333;



}



.profilboxPreview {

	background: #faebcc;



}



.profilboxStartseite {

    background: #B3E9F3;



}


.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    border:1px solid red;
    /* margin-left: auto; margin-right: auto; */
}



/*
.image-list {
  list-style: none;       
  padding: 0;
  margin: 0;
  display: flex;         
  _overflow-x: auto;
  flex-wrap: wrap;
  gap: 3px;               
}

.image-list li img {
  border: 0px solid #ccc; 
  display: block
  width: auto;
  height: 150px;
   max-width: 100%; 
}
*/




.image-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
}

.image-list li {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 140px;
}

.image-list img {
  _width: 100%;
   max-width: 100%; 
  height: 120px;
  object-fit: cover;
  display: block;
}








.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   font-size: 13px;
}

.land-datum {
    font-size: 18px;
    color:#555555;
}

.land-titel {
    font-weight: 700;
    font-size:18px;
    text-transform: uppercase;
    color:#901E75;
}

.land-titel-ehemalige {
    font-weight: 700;
    font-size:12px;
    text-transform: uppercase;
    color:#901E75;
    text-align: center;
}

.land-kat {
    font-weight: 700;
    font-size:16px;
    border-top:1px solid #cccccc;
    color:#555;
}

.noBorder {
    padding-top:5px;
    border:none;

}


.padd15 {
    padding:8px;
}






.newProfil {

    position: relative;
    height:30px;
    width: 160px;
    background-image: url(../pic/newProfil.jpg);
    background-repeat: none;
    z-index: 99;
    opacity: 0.7;
   

}


.new-batch {
    padding-top: 100px;
}



.newFoto, .newVideo, .newAudio, .newShop {
    position: relative;
    height:30px;
    width: 160px;
    background-repeat: none;
    z-index: 99;
    opacity: 0.6;

}


.newFoto {
      background-image: url(../pic/newFoto.jpg);
}

.newVideo {
      background-image: url(../pic/newVideo.jpg);
}  

.newAudio {
  
    background-image: url(../pic/newAudio.jpg);
}
  
.newShop {
    background-image: url(../pic/newShop.jpg);
}


.badge-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 10;
}

.badge-abgesagt {
    background-color: rgba(200, 0, 0, 0.9);
}

.badge-verschoben {
    background-color: rgba(255, 165, 0, 0.9); /* Orange */
}





.credits {
    position: relative;
    padding:5px 5px 5px 5px;
    width: 160px;
    background-color: #E12032;
    color: #ffffff;
    z-index: 99;
}

.creditsGratis {
    position: relative;
    padding:5px 5px 5px 5px;
    width: 160px;
    background-color: green;
    color: #ffffff;
    z-index: 99;
}







.inseratenbox {

    float: left;

    background: #f5f5f5;

    width: 200px;

    margin: 0 16px 16px 0;

    padding: 10px;

    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);

    height:200px;

  

}



.inseratenboxInner {

	width: 180px;

	height:180px;

	overflow: hidden;



}





.inseratenListBild {

    float: left;

    background: #f5f5f5;

    width: 120px;

    margin: 0 16px 16px 0;

    padding: 10px;

    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);

    height:120px;

  

}



.inseratenListBildInner {

	width: 100px;

	height:100px;

	overflow: hidden;



}





.bgGray {

	background-color: #E4E4E4;

	padding:10px;

}







.videobox {

    float: left;

    background: #f5f5f5;

    width: 170px;

    margin: 0 16px 16px 0;

    padding: 10px;

    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);

    min-height:235px;

    overflow: hidden;

}





.form-wrapper {

    border:0px solid #ccc;

    border-radius:5px;

    padding:20px;

    background-color: #eeeeee;

}







.topBar {

	background-color: #333;

	padding-top:8px;

	padding-right:15px;

	color: #ffffff;

	border-bottom: 0px solid #fff;

}



.topBar a {

	color:#fff;

	

}



.topBar a:hover {

	color:#ffffff;

	text-decoration: underline;

}





.paymentAmount {

	font-weight: bold;

}



/*

.widget {

	margin-bottom:15px;

	background-color: #f4f4f4;

	padding:5px;

}

*/





/* Widget */

.widgetTitle {

	background-color: #e4e4e4;

	text-align: center;

	font-weight:bold;

	padding:5px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #444444;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    





}





.widgetTitleLeft {

    background-color: #e4e4e4;

    text-align: left;

    font-weight:bold;

    padding:5px;

    padding-left:10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #444444;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    





}







.widget {

    text-shadow: 0 1px 0 #fff;

    margin-bottom: 15px;

    }

   

.widget .body {

    padding: 10px 10px 10px;

    border-top: 0px solid #cdcdcd;

    border-right: 1px solid #e4e4e4;

    border-bottom: 1px solid #e4e4e4;

    border-left: 1px solid #e4e4e4;

    background-color: #fff;

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);

    background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);

    background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);

    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);

    background-image: linear-gradient(top, #ffffff, #f1f1f1);

    -webkit-border-radius: 0 0 4px 4px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 0 0 4px 4px;

    -moz-background-clip: padding;

    border-radius: 0 0 4px 4px;

    background-clip: padding-box;

    }

.widget h2 {

    margin-top: 0;

    }







/* row Header */

.rowHeader {

	background-color: #e4e4e4;

	text-align: left;

	font-weight:bold;

	padding:10px 5px 10px 5px;

	

	margin-bottom:15px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #333333;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

  



}







.rowAnzeigen {



    border:0px solid #ccc;

    margin-bottom: 15px;

    margin-left:0px;

    margin-right:0px;

    border-radius:5px;

    padding:10px 10px 10px 0;

    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);

    /*box-shadow: 0px 5px 5px 0px rgba(97, 97, 97, 0.82);*/

    color:#333;

    background-color: #ffffff;



}



/* row Header */

.rowRow {

	background-color: #e4e4e4;

	/*text-align: left;*/

	/*font-weight:bold;*/

	padding:10px 5px 10px 5px;

	

	margin-bottom:5px;



	/*

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #333333;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    */

  



}



 







/* iconbox start */



.iconbox, .iconbox2 {

	background: #f4f4f4;

	text-align: center;

	padding: 40px 20px;

	margin: 0 0 20px;

	border-radius:15px;

	border:3px solid #E0E0E0 ;

	cursor: pointer;

	

}



.iconbox-icon {

	margin: 0 0 15px;

	font-size: 32px;

	color: #222;

}



.iconbox-title {

	margin: 0 0 15px;

	padding: 0;

	

}



.iconbox-desc {

	

	color:#31708f;

	/*color:#333;*/

	

}





h3.iconbox-title {

	

	color:#286090;

}







.img-verpixeln {

    

    /*

    filter: url(blur.svg#blur);

    -webkit-filter: blur(5px);

    filter: grayscale(100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    */

   

    /*

    -webkit-filter: blur(5px);

    -moz-filter: blur(5px);

    -o-filter: blur(5px);

    -ms-filter: blur(5px);

    filter: blur(5px);

    */

    

    

    opacity: 0.05; 

   



    /*

    filter: blur(7px);

	-webkit-filter: blur(7px);

    */



    

}







}



.img-verpixeln2 {

    /*filter: url(blur.svg#blur);*/

  

    /*

    -webkit-filter: blur(2px);

    filter: blur(2px);

    */

  



    opacity: 0.05;





  





}





.imgBorder {

    background: #f5f5f5;

   /* width: 180px;*/

    margin: 0 0 5px 0;

    padding: 10px;

    /*box-shadow: 2px 9px 13px 0px rgba(97, 97, 97, 0.82);*/

    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);

}







.medienRow {

	margin-bottom:10px;

}



#preview{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:1px;

	display:none;

	color:#fff;

	}







.fontBig {

	font-size: 18px;

}



.fontBiggest {

	font-size: 36px;

}



.anzeige {

	

    margin-top:5px;

    border:3px solid #ccc;

	border-radius: 5px;

    padding:10px;

   

    

	/*

    padding:5px;

    background-color: #eeeeee;

    */

}



.top15 {

    margin-top:15px;

}



.top30 {

    margin-top:15px;

}



/* upload status balken */



.progress 

{

  display:none; 
  position:relative; 
  width:100%; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 

}

.bar 

{ 

  background-color: #B4F5B4; 
  width:0%; 
  height:30px; 
  border-radius: 3px; 

}

.percent 

{ 

  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 

}


.progressStatus {

    color:#00A884;
    font-weight: 700;
    font-size: 16px;
    float:left;
}









/* Pagination */

.pagination:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

    }

.pagination a {

    color: #444;

    }

.pagination ul > .disabled > span,

.pagination ul > .disabled > a,

.pagination ul > .disabled > a:hover,

.pagination ul > .disabled > a:focus {

    background-color: #fff;

    }

.pagination ul > li > a:hover,

.pagination ul > li > a:focus,

.pagination ul > .active > a,

.pagination ul > .active > span {

    background-color: #a40046;

    color: #fff;

    border-color: #d7005c;

    }

.pagination ul > .disabled > a:hover,

.pagination ul > .disabled > a:focus {

    border-color: #ddd;

    }

.pagination .page-count span {

    position: relative;

    top: 5px;

    }







/* 

*****************************************************************

media styles 

*****************************************************************

*/



/* mars */

@media(min-width:768px) {



    .iconbox {

        min-height:400px;

    }



    /*



    .iconbox-desc {

    	 min-height:140px;

    }

    */



    .dashboardBoxes .iconbox {

        min-height:380px;

    }





}



/* dashboard specific */



.dashboardBoxes a {

	color:#286090;

}



.dashboardBoxes .iconbox {

	background: #d9edf7;

	background: #eeeeee;

	background: #F4F4F4;

	text-align: center;

	padding: 10px 10px;

	margin: 0 0 20px;

	border-radius:15px;

	border:3px solid #E0E0E0 ;

	

}







/* iconbox ende */


.navModelType {
    text-transform: uppercase;
    font-weight: 700;
    /* color:blue !important; */

}



.homepageBox {

	font-size: 18px;

}



.homepageBoxRow {

	margin-bottom:5px;

}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}





.vorliebenSearch, .regionSearch {



	background-color: #eeeeee;

	padding:5px;

	/*border:2px solid #cccccc;*/



}



.roundTop{

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}



.imageThumb {

    height: 160px;

    width: 160px;

    background-position: center;

    background-size: cover;

}



.imageThumb2 {

    height: 158px;

    width: 158px;

    background-position: center;

    background-size: cover;

}



.videoThumb {

    height: 100px;

    width: 150px;

    background-position: center;

    background-size: cover;

}



/*

.adInfo {

    position: absolute;

    bottom:0;

    right:15px;

    width:180px;

    padding: 5px 0 5px 0;  

    background-color:#DFDFDF;

    background-color:#cccccc;

    border:0px solid red;

    color:#555555;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: 0.8;



}

*/



.adInfo {

    position: absolute;

    top:0;

    right:15px;

    width:20px;

    height: 195px;

    padding: 5px 0 5px 0; 

    background: url(../pic/werbung.png) no-repeat;

    background-color:#DFDFDF;

    background-color:#cccccc;

    border:0px solid red;

    color:#555555;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: 0.8;



}



.buttonFontSmall {

    font-size: 12px;

}





.navZimmer {

    text-transform: uppercase;

    font-weight: bold;

}







/* Modal Window in der Bildschirmmittel platzieren */





.modal {

  text-align: center;


}

.modal-content {
    background-color: #f8f8f8;
    border:5px solid red;

}

.modal-header {
    text-align: center;
    background-color:#f8f8f8 !important;
    border:0;

}

.modal-header img {
    display: inline-block;
}

.modal-body {
    background-color:#f8f8f8;
    
}

.modal-footer {
      background-color:#f8f8f8;
      border-top:none;
    
}



@media screen and (min-width: 768px) { 

  .modal:before {

    display: inline-block;

    vertical-align: middle;

    content: " ";

    height: 100%;

  }

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}









/* boostrap override */ 

.form-horizontal .control-label{

/* text-align:right; */

text-align:left;

}



mark {

    background-color: #F6EDA2;

}





.dropdown-menu {

	padding:10px;

}



/* button danger */



.btn-danger {

  color: #ffffff;
  background-color: #666666;
  border:none;
  border-radius:0;
  font-weight: 300;

}




/*
.btn-danger.focus {

  color: #ffffff;
  background-color: #D1CFCF;
  border:none;
  border-radius:0;

}



.btn-danger:hover {

  color: #ffffff;
  background-color: #333;
  border:none;
  border-radius:0;

}



.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  color: #333;
  background-color: #D1CFCF;
  border:none;
  border-radius:0;

}
*/



.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #333;
  background-color: #D1CFCF;
  border:none;
  border-radius:0;

}



/* ende button danger */





@media (max-width: @screen-xs-min) {

  .modal-xs { width: @modal-sm; }
  

}


@media (max-width: 990px) {

  .layerServiceAngebot {
     width: 300px !important;

    }

    .layerRegion {
     width: 170px !important;

    }

}

/* Ende boostrap override */ 

/* Mobile styling */

@media (max-width: 500px) {

    .profilbox {

    width: 150px;
    height: 240px;
    margin: 0 5px 5px 0;

    }

    .profilbox-weitere {
        width: 143px;
    }


    .profilboxImage {

    height:140px;

    overflow: hidden;

    }


    .profilbox-land {
    width:100%;
    /*height:520px;*/
    overflow:hidden;
    cursor:pointer;
     display: block;
  margin-left: auto;
  margin-right: auto;
    }

 .new-batch {
    padding-top: 80px;
}


}