/*

ET-Chat Copyright by SEDesign | ET-Chat v3.x.x Lizenz: CCPL | Autor: Evgeni Tcherkasski (info@s-e-d.de)

ET-Chat_T-FISH-MOD Weiterentwicklung des ET-Chats durch Tommy (Thomas Kuhn) und Harlekin (Bernd Witte)

Die Weiterentwicklungen, Optimierungen und Ergänzungen am Code sind das geistige Eigentum von Tommy (Thomas Kuhn) und Harlekin (Bernd Witte).

*/

/* Chat */
/*Kleiner als 270px auflösung */
@media screen and ( max-width: 270px ) { #form { display: none; } }

/*Kleiner als 295px auflösung */
@media screen and ( max-width: 295px ) {
#form_right { padding-left: 0px; }
#form { padding-left: 0px; padding-right: 0px; }
#message { padding-left: 5px; padding-right: 0px; }
 }

/*Kleiner als 320px auflösung */
@media screen and ( max-width: 320px ) { .img_wunschbox { display: none; } .picture_smiley { display: none; } #link_filesend { display: none; } #link_filesend2 { display: none; } #wuerfel {display: none;} }

/*Kleiner als 425px auflösung */
@media screen and ( max-width: 425px ) { 
#link_admin { display: none; } 
#dj_box { display: none; } 
#Sendeplanan { display: none; } 
#link_gallery { display: none; } 
#scroll_toggle_btn { display: none;} 
#avatar_up {display: none;}
/*#befehle {display: none;}*/
}

/*Kleiner als 700px auflösung */
@media screen and ( max-width: 700px ) {

#body {
	margin: -3px auto;
}

footer {font-size: 6px; }

.img_banner { display: none; }
#form_right { padding-top: 5px; padding-right: 0px; width: 100%; max-width: 345px;}

.img_button {
width: 28px;
height: 28px;
}
table {
  font-size: 9px;
}
#chatinhalt {
font-size: 12px;
}

#form {
height: 85px;
}
.profile-container-gal {
	display :none;
}
}

@media screen  and (min-width: 701px)  and (max-width: 1024px){

.img_button {
width: 34px;
height: 34px;
}
#form_right {
padding-top: 1px;
width: 500px;
}
#form {
height: 85px;
}
}

/*Kleiner als 1024px auflösung */
@media only screen and ( max-width: 1024px ) {
#chatinhalt, #splitpane { height: 350px; }
#onlinelist { background-color: #000000; box-shadow: 0px 0px 0px #7A0000; height: 70vh!important; width: 100%; width: -moz-available; }
#message { width: 235px; }
#splitpane { width: 0px; margin: 0px; }
#onlineuser { display: none; }

.avatar_w {
	border: 2px solid #12e5fb;
	box-shadow: 0px 0px 10px #6b70c2;
	height: 30px;
	width: 30px;
	border-radius: 50px;
}

.avatar {
	max-width: 35px;
	height: 35px;
}

.img_chat {
	max-width: 225px;
	max-height: 45px;
}

.mySlides {
height: 4vh;
}
.img_home {
display: none;
}
.img_smiley {
max-width: 15vh;
height: auto;
}
.img_fullscreen {
display: none;
}
#img_fullscreen2 {
display: none;
}

#link_picture, #link_picture2 {
display: none;
}

#link_video, #link_video2 {
display: none;
}

.triger-modal {
background-color: transparent;
border: none;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
}
.modal-wrap {
height: 100vh;
left: 0;
opacity: 0;
overflow: auto;
position: fixed;
top: -1px;
visibility: hidden;
width: 95%;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.modal-wrap.visible {
opacity: 1;
visibility: visible;
}
.modal-wrap .modal-container {
background: #000000;
margin-left: 8px;
margin-right: 10px;
max-width: 100%;
width: 600px;
z-index: 100;
}
.modal-wrap .modal-container .modal-header, .modal-wrap .modal-container .modal-footer {
background: #333333;
border: 1px solid #333333;
float: left;
width: 100%;
}
.modal-wrap .modal-header .modal-title {
color: #ffffff;
float: left;
font-size: 14px;
font-family: verdana, sans-serif;
margin: 0;
padding: 17px 20px;
}
.modal-wrap .modal-header .close-modal {
background: transparent;
border: 0;
color: #ffffff;
cursor: pointer;
float: right;
padding: 2px 10px;
font-size: 40px;
font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modal-wrap .modal-header .close-modal:hover {
opacity: 1;
}
.modal-wrap .modal-content {
border: 1px solid #333333;
float: left;
margin: 0;
padding: 3% 3%;
width: 94%;
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), var(--color-backround) var(--img, none) no-repeat center center fixed;
  background-size: cover;
}
.modal-wrap .modal-content p:last-child {
margin-bottom: 0;
}
footer {font-size: 10px;}
}

/*größer als 1025px auflösung */
@media only screen and ( min-width: 1025px ) {

 #open-modal {
    display: none;
  }

#mobile { display: none; }
.button_userliste { display: none; }
#splitpane, #onlinelist { float: right; }
#chatinhalt, #splitpane { height: 450px; }
#onlinelist { width: 290px; height: 450px; }
#chatinhalt { margin-left: 0px; }
#message { width: 250px; }
.img_smiley {
	max-width: 50vh;
	height: auto;
    max-height: 100px;
    width: auto;
    display: inline-block;   /* verhindert kurz Untereinander */
    min-height: 32px;        /* reserviert Mindesthöhe, verhindert Springen */
    min-width: 32px;         /* optional, verhindert extreme Breite bei sehr kleinen Bildern */
}
.avatar {
	width: 45px;
	height: 45px;
}
.img_chat {
	max-width: 350px;
	max-height: 55px;
}
.img_banner {
display: -webkit-inline-box;
height: 80px;
max-width: 100%;
}
footer {font-size: 12px;}
}

/*größer als 1500px auflösung */
@media screen and ( min-width: 1500px ) {
#message { width: 400px; }
.img_smiley {
    max-width: 75vh;       /* bleibt flexibel */
    max-height: 120px;      /* wie bisher */
    width: auto;             /* bleibt flexibel */
    height: auto;            /* bleibt flexibel */
    display: inline-block;   /* verhindert kurz Untereinander */
    min-height: 32px;        /* reserviert Mindesthöhe, verhindert Springen */
    min-width: 32px;         /* optional, verhindert extreme Breite bei sehr kleinen Bildern */
}

.avatar {
	width: 55px;
	height: 55px;
}
.img_chat {
	max-width: 500px;
	max-height: 100px;
}
}
