:root {

/* Colors: */
--text-color: #2B2B2B;
--grundfarbe-mittel: #8D8D8D;
--grundfarbe-halbhell: #ADADAD;
--grundfarbe-hell-schatten: #E5E5E5;
--grundfarbe-hell: #F3F3F3;
--primary-color: #8EC9CF;
/*
--secundary-color: #5B8284;
--ss-primary-color: #5B8284;
*/
--secundary-color: #E5539C;
--ss-primary-color: #E5539C;


/* Font/text values */
--primary-font-family: Haettenschweiler;
--secondary-font-family: dejavu_sansbook;
--secondary-font-bold: dejavu_sansbold;
}

@font-face {
    font-family: 'Haettenschweiler';
    src: url('../fonts/haettenschweiler/hatten.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansbook';
    src: url('../fonts/dejavusans/DejaVuSans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_sansbold';
    src: url('../fonts/dejavusans/DejaVuSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Character Styles *//*
.h3-hervorgehoben {
font-family: var(--unnamed-font-family-dejavu-sans);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-6);
color: var(--unnamed-color-368fde);
}
.h2-artikeltitel {
font-family: var(--unnamed-font-family-haettenschweiler);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-30);
line-height: var(--unnamed-line-spacing-33);
letter-spacing: var(--unnamed-character-spacing-0-9);
color: var(--grundfarbe-hell-f3f3f3);
}
.h4-fließtext {
font-family: var(--unnamed-font-family-dejavu-sans);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0-6);
color: var(--unnamed-color-2b2b2b);
}
.h1-überschriften {
font-family: var(--unnamed-font-family-haettenschweiler);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-60);
line-height: var(--unnamed-line-spacing-64);
letter-spacing: var(--unnamed-character-spacing-1-8);
color: var(--unnamed-color-2b2b2b);
}
*/



html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 98px; /* Margin bottom by footer height */
}

h1 {
	font-family: var(--primary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 3rem;
	line-height: 64px;
	letter-spacing: 1.8px;
	color: var(--text-color);
}

h2 {
	font-family: var(--primary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 33px;
	letter-spacing: 0.9px;
	color: var(--text-color);
}


h3 {
	font-family: var(--primary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 27px;
	letter-spacing: 0.9px;
	color: var(--text-color);
}

.text-klein{
	font-size: 12px;
}

.h4-fliesstext {
font-family: var(--secondary-font-family);
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.6px;
color: var(--text-color);
}

.text-titel {
	font-family: var(--secondary-font-bold);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.6px;
	color: var(--secundary-color);
}

.block-titel {
	font-family: var(--secondary-font-bold);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.6px;
	color: var(--secundary-color);
	border-bottom: solid;
	border-color: var(--secundary-color);
	margin-bottom: 5px;
}

.secondary {
	color:  var(--secundary-color);
}

@media (min-width: 600px) {
    .div_mobile {
        display: none;
    }
}

@media (max-width: 600px) {
    .div_desktop {
        display: none;
    }
}

@media all and (min-width: 0px) {
h1 {
	font-size: 1.5rem;
	line-height: 24px;
}
.before-footer {
	width: 100%;
	height: 150px;
}

    @media all and (max-width: 576px) {
		.table_img{
			display:none;
		}
	}

    @media all and (min-width: 576px) {
        .modal-dialog {
			font-size: 1rem;
            max-width: 550px;
        }

        .modal-dialog-medium {
			margin-top: 3em;
            max-width: 475px;
        }

        .modal-dialog-small {
            max-width: 400px;
        }
 
		h1 {
			font-size: 60px;
			line-height: 64px;
		}
 		.before-footer {
			width: 100%;
			height: 120px;
		}
	}
    @media all and (min-width: 768px) {
        .modal-dialog {
            max-width: 700px;
        }

        .modal-dialog-medium {
            max-width: 550px;
        }

        .modal-dialog-small {
            max-width: 400px;
        }
		.before-footer {
			width: 100%;
			height: 100px;
		}
    }
    @media all and (min-width: 992px) {
        .modal-dialog {
            max-width: 850px;
        }

        .modal-dialog-medium {
            max-width: 625px;
        }

        .modal-dialog-small {
            max-width: 400px;
        }
    }
    @media all and (min-width: 1200px) {
        .modal-dialog {
            max-width: 1100px;
        }

        .modal-dialog-medium {
            max-width: 750px;
        }

        .modal-dialog-small {
            max-width: 400px;
        }
    }

    body {
        font-family: var(--secondary-font-family);
        color: var(--text-color);
        font-size: 18px;
		letter-spacing: 0.54px;
        text-decoration: none;
		background: var(--grundfarbe-hell) 0% 0% no-repeat padding-box;
    }

	.modal-content {
		background-color: var(--grundfarbe-hell);
    }
	
	.modal-content_layer2 {
		background-color: var(--grundfarbe-halbhell);
		border-bottom: solid;
		border-color: var(--secundary-color);
    }

    #overlay {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #fefefe;
        opacity: 0.7;
        z-index: 100000000;
        background: rgba(255, 255, 255, 0.8) url(../img/ajax-loader.gif) 50% 50% no-repeat;
    }

    #overlay_message {
        font-weight: bold;
        text-align: center;
        position: absolute;
        top: 40%;
        width: 100%;
    }

    .mycontainer {
        width: 80%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (max-width: 1280px) {
        .mycontainer {
            width: 90%;
        }
    }
    @media (max-width: 960px) {
        .mycontainer {
            width: 100%;
        }
    }


	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		background: var(--grundfarbe-mittel);
	}

	.footer a{
		color: var(--text-color);
		text-decoration-line: none
	}
	
	.full_img{
		width: 100%;
	}

	.video-container {
		height: 300px;
		width: 100%;
		position: relative;
	}

	.video-container video {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  object-fit: cover;
	  z-index: 0;
	  object-position: 70% 70%;
	  opacity: 0.55;
	}

	/* Just styling the content of the div, the *magic* in the previous rules */
	.video-container .caption {
	  z-index: 1;
	  position: relative;
	  text-align: center;
	  padding: 10px;
	}

	.video-container-text {
		height: 300px;
		 line-height: 300px;
	}

	.video-container-text h1{
		display: inline-block;
		vertical-align: middle;
		word-wrap: break-word;
	}
	
	.video-container-text img {
		vertical-align: middle;
	}

	.title-container {
		height: 164px;
		width: 100%;
		position: relative;
		margin-bottom: 20px;
	}

	.title-container img {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  object-fit: cover;
	  z-index: 0;
	  object-position: 70% 70%;
	  opacity: 0.36;
	}

	/* Just styling the content of the div, the *magic* in the previous rules */
	.title-container .caption {
	  z-index: 1;
	  position: relative;
	  text-align: center;
	  padding: 10px;
	}

	.title-container-text {
		height: 164px;
		 line-height: 164px;
	}

	.title-container-text h1{
		display: inline-block;
		vertical-align: middle;
	}
	
	.title-container-event {
		margin-bottom: 0px;
	}

    .full_container {
        width: 100%;
        padding-right: 2%;
        padding-left: 2%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .navi-tab {
        padding-left: 25px;
        padding-right: 25px;
    }

    .tablink {
        text-decoration: none;
    }

    .tablink:hover,
    .tablink:focus {
        text-decoration: none;
    }

    .tablink div {
        min-height: 130px;
    }

    .tablink-icon {
        width: 100%;
    }


    .div_hidden {
        display: none;
    }

	.red {
		color: #FF0000;
	}
	.green {
		color: #229954;
	}
    .error_msg {
        color: #FF0000;
    }
	.table_icon, .table_button {
		width: 2em;
		height: 2em; 
	}
	
	.table_img {
		width: 1.4em;
	}
	
	.table_button {
		cursor: pointer;
	}

	.country_button{
		height: 2em;
		margin-right: 5px;
		margin-top: 2px;
		box-shadow: 10px 10px 30px grey;
		max-width: 100%;
		min-width: 3em;
	}

	.present_image{
		height: 1.4em;
		margin-right: 5px;
	}

	.title_icon {
		height: 4em; 
	}
	
	.socialbtn {
	  float: left;
	  margin-top: 2px;
	  margin-left: 6px;
	  margin-bottom: 2px;
	  width: 100%;
	  width: 36px;
	  height: 36px;
	  background: url("../img/social/facebook.png") no-repeat; 
	  background-size: cover;
	  background-repeat: no-repeat;
	  }
   @media all and (min-width: 576px) {
		.socialbtn {
		  width: 48px;
		  height: 48px;
		  }
   }
 	  
	 .full_image{
		 width : 100%;
		 border-radius: 18px;
	 }
	 
	 .social_frame {
	  width: 100%;
	  height: 48px;
	 }
	 
	 
	 #article_table tbody td{
		 cursor: pointer;
	 }

	 #contact_table tbody td{
		 cursor: pointer;
	 }
	 
	 #drop_zone {
	  border: 2px dashed #bbb;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  padding: 20px;
	  text-align: center;
	  color: #bbb; }
	  
	  .image_list_item {
		  padding: 20px;
	  }
	  
	.article-head {
		width: 100%;
		min-height: 150px;
	}
	.article-head-image {
		width: 100%;
		position: relative;
		background-size: cover;
		background-position-y: center;
		background-position-x: center;
	}
	.article-head-image:before{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: rgba(0,0,0,0.1);
	}
	.article-head-text {
		min-height: 150px;
		 line-height: 150px;
	}

	.article-head-text h1{
		display: inline-block;
		vertical-align: middle;
	}
	
	.article-tile {
		height: 520px;
		border: 3px solid var(--text-color);
		border-radius: 17px;
		opacity: 1;
		margin: 2px;
		margin-top: 20px;
		overflow : hidden;
	}
	
	.article-tile:hover {
		border: 3px solid var(--secundary-color);
	}
	
	
	.article-tile:hover .article-tile-button-container{
		background-color: var(--secundary-color);
	}

	
	.article-tile a {
        color: var(--text-color);
        text-decoration: none;
	}
	
	.article-tile-image {
		height: 290px;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
	}
	
	.article-tile-img-container {
		height: 290px;
		width: 100%;
		position: relative;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
		background: transparent linear-gradient(180deg, #00000000 0%, #4B4B4B 100%) 0% 0% no-repeat padding-box;
		opacity: 1;
	}

	.article-tile-img-container img {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  object-fit: cover;
	  z-index: -1;
	  object-position: 70% 70%;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
	}

	/* Just styling the content of the div, the *magic* in the previous rules */
	.article-tile-img-container .caption {
	  z-index: 1;
	  position: relative;
	  text-align: center;
	  padding: 10px;
	}

	.article-tile-img-container-text {
		height: 220px;
		 line-height: 220px;
	}

	.article-tile-img-container-text h2{
		display: inline-block;
		vertical-align: bottom;
		color: white;
	}

	/* Just styling the content of the div, the *magic* in the previous rules */
	.article-tile-img-container .time {
	  z-index: 1;
	  position: relative;
	  text-align: start;
	  padding: 2px;
	}

	.article-tile-img-container-time-text {
		height: 50px;
		 line-height: 50px;
		 font-size: 14px;
	}

	.article-tile-img-container-time-text p{
		display: inline-block;
		vertical-align: top;
		color: white;
		margin-bottom: 0px;
		margin-left: 3px;
		padding: 2px;
	}
	.article-tile-text-container {
		height: 180px;
		width: 100%;
		position: relative;
		padding: 20px;
		background-color: var(--grundfarbe-hell);
	}	
	.article-tile-button-container {
		height: 50px;
		width: 100%;
		position: relative;
		padding: 10px;
		color: white;
		background-color: var(--grundfarbe-mittel);
	}
	
	.appointment-title {
		font-family: var(--secondary-font-bold);
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.6px;
		border-bottom: solid;
		border-color: var(--text-color);
		margin-bottom: 5px;
	}
	
	.appointment-inner{
		border: 1px solid var(--text-color);
		border-radius: 8px;
		padding: 5px;
		min-height: 80px;
	}
	.appointment-inner:hover {
		border: 3px solid var(--secundary-color);
	}
	.appointment a{
		font-size: 12px;
		line-height: 14px;	
		cursor: pointer;
		color: var(--text-color);
		text-decoration-line: none;	
	}
	.appointment .headline{
		font-size: 16px;
		line-height: 18px;	
		color:  var(--secundary-color);
	}
	.event{
		padding-left: 25px;
        padding-right: 25px;
	}

	.event-inner{
		border: 1px solid var(--text-color);
		border-radius: 8px;
		padding: 10px;
		min-height: 80px;
	}
	.event-inner:hover {
		border: 3px solid var(--secundary-color);
	}

	.event a{
/*
		font-size: 12px;
		line-height: 14px;	
*/
		cursor: pointer;
		color: var(--text-color);
		text-decoration-line: none;	
	}
	.event .headline{
		font-size: 16px;
		line-height: 18px;	
		color:  var(--secundary-color);
	}

	.press_link-title {
		font-family: var(--secondary-font-bold);
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 0.6px;
		border-bottom: solid;
		border-color: var(--text-color);
		margin-bottom: 5px;
	}
	
	.press_link-inner{
		border: 1px solid var(--text-color);
		border-radius: 8px;
		padding: 20px;
		min-height: 64px;
	}
	.press_link-inner:hover {
		border: 3px solid var(--secundary-color);
	}
	.press_link a{
		font-size: 12px;
		line-height: 14px;	
		cursor: pointer;
		color: var(--text-color);
		text-decoration-line: none;	
	}
	.press_link .headline{
		font-size: 16px;
		line-height: 18px;	
		color:  var(--secundary-color);
	}
	
	.press_link-image{
		width: 100%;
		border-radius: 8px;
	}
	
	
	.ss-content .ss-list .ss-option {
    color:var(--secundary-color);
	}
	
	.puzzle-details-titel {
		font-family: var(--secondary-font-bold);
		color:  var(--secundary-color);
		font-style: normal;
		font-weight: bold;
		font-size: 36px;
		line-height: 40px;
		letter-spacing: 0.6px;
		margin-top: 10px;	
		margin-bottom: 30px;	
	}
	
	.manufacturer_button {
		height: 2em; 
	}
	
	.manufacturer_button_large {
		margin: 3px;
		height: 3em; 
	}

	.sponsor_button_large {
		margin: 1px;
		max-height: 6em;
		max-width:100%;
	}

	#mapdiv {
		overflow : hidden;
		height:700px;
		width:100%;
	}
	
	#mapdivsmall {
		overflow : hidden;
		height:300px;
		width:100%;
	}
	
	.div_member_statistic {
	}

	.member_statistic_table {
		width :100%;
	}
	.largercheckbox input[type="radio"], .largercheckbox input[type=checkbox] {
	  width: 20px;
	  height: 20px; 
	  accent-color: var(--secundary-color);
	  }
	  .largercheckbox input[type="radio"] :checked, .largercheckbox input[type=checkbox] :checked {
		margin-left: 25px;
		border: 1px solid blue; }
	.largercheckbox input[type=checkbox]:checked + label {
	  font-weight: bold; }
	.largercheckbox label {
	  margin-left: 5px;
	  margin-top: -10px; }
	
	#editTranslationModal {
/*		background: var(--grundfarbe-hell) 0% 0% no-repeat padding-box;*/
		background: rgba(255, 255, 255, 0.8) 50% 50% no-repeat;
	}

	#editTranslationModal .modal-content {
		background: var(--grundfarbe-hell) 0% 0% no-repeat padding-box;
		border: 4px solid var(--text-color);
	}
	#editTranslationModal .btn-dark {
		background-color: var(--secundary-color);
		border-color: var(--secundary-color);
	}
	#editTranslationModal .btn-dark:hover{
		color: var(--secundary-color);
		background-color: var(--grundfarbe-hell);
		border-color: var(--secundary-color);
	}
	#editTranslationModal .btn-light {
		color: var(--secundary-color);
		background-color: var(--grundfarbe-hell);
		border-color: var(--secundary-color);
	}
	#editTranslationModal .btn-light:hover{
		color: var(--grundfarbe-hell);
		background-color: var(--grundfarbe-mittel);
	}

	.icon_link{
		font-size: 8px;
	}
	
	.page_title h2 {
		display: inline-block;
	}


	#agb_link {
		cursor : pointer;
	}
	
	#registerSingleModal {
	}
	
	
	.logo_img {
		width: 3em;
		height: 3em;
	}
	
	.normal_price{
		font-style: normal;
		font-weight: bold;
		font-size: 2rem;
		line-height: 48px;
		text-decoration: line-through solid var(--secundary-color);
		margin-right: 0.5em;
	}

	.paid_price{
		font-style: normal;
		font-weight: bold;
		font-size: 2rem;
		line-height: 48px;
		margin-right: 0.5em;
	}

	.final_price{
		font-style: normal;
		font-weight: bold;
		font-size: 2rem;
		line-height: 48px;
		color: var(--secundary-color);
	}
	
	.nav-pills .nav-link.active {
		color: var(--text-color);
		background-color: var(--primary-color);
	}
	
	.sponsor-tile a {
        color: var(--text-color);
        text-decoration: none;
	}
	
	.fee_small{
	font-size: 10px;
	font-weight: normal;
}

	.edit_image_list_item {
		  border: 2px solid #bbb;
		  -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;
		  border-radius: 5px;
		  padding: 5px;
		  cursor : pointer;
	}

	.image_line_container{
		overflow-y: hidden;
		overflow-x: scroll;
		width: 100%;
		display : grid;
		gap: 2px;
		padding: 20px;
	}

	.image_line_container_item {
		width: 8em;
		border: 2px solid #bbb;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;
		cursor : pointer;
		grid-row: 1;
	}
	
	.image_image_frame {
		height: 8em;
		display:flex;
		justify-content: center;
		align-items: center;

	}
	
	.edit_image_image_frame {
		  height: 7em;
	}
	
	.edit_image_preview_frame {
		  height: 30em;
	}

	.edit_image_img {
		max-width: 100%;
		max-height: 100%;
	}
	.event_gallery-tile {
		height: 440px;
		border: 3px solid var(--text-color);
		border-radius: 17px;
		opacity: 1;
		margin: 2px;
		margin-top: 20px;
		overflow : hidden;
		cursor: pointer;
	}
	
	.event_gallery-tile:hover {
		border: 3px solid var(--secundary-color);
	}
	
	
	.event_gallery-tile:hover .event_gallery-tile-button-container{
		background-color: var(--secundary-color);
	}

	
	.event_gallery-tile a {
        color: var(--text-color);
        text-decoration: none;
	}
	
	.event_gallery-tile-img-container {
		height: 290px;
		width: 100%;
		position: relative;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
		opacity: 1;
	}

	.event_gallery-tile-img-container img {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  object-fit: cover;
	  z-index: -1;
	  object-position: 70% 70%;
		border-top-right-radius: 14px;
		border-top-left-radius: 14px;
	}

	.event_gallery-tile-text-container {
		height: 100px;
		width: 100%;
		position: relative;
		padding: 20px;
		background-color: var(--grundfarbe-hell);
	}	
	.event_gallery-tile-button-container {
		height: 50px;
		width: 100%;
		position: relative;
		padding: 10px;
		color: white;
		background-color: var(--grundfarbe-mittel);
	}

	.image_view_frame {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: var(--grundfarbe-mittel);
//        opacity: 0.7;
        z-index: 10000000;
	}
	
	.image_view_frame .modal-header{
		height: 5vh;
		min-height: 50px;
	}
	
	.image_view_frame .modal-title{
		font-size: 8px;
	}
	
	.image_view_frame .modal-body{
		padding: 0;
	}
	.image_view_frame .modal-body .fullcontainer{
		height: 88vh;
		justify-content: center;
		text: center;
	}
	.image_view_frame .modal-body .fullcontainer #image_preview {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		cursor: pointer
	}

	.image_view_frame .modal-footer{
		justify-content: center;
		height: 7vh;
		min-height: 50px;
	}
	
	.image_view_frame .modal-footer > * {
		margin: 0;
	}



	.video_frame{
		width : 100%;
	}
	
	.board_table{
		font-size: 16px;
	}

	.meeting_filter_accordion{
		margin-bottom: 20px;
	}

	.meeting_filter_accordion_inner{
		padding: 10px;
	}

	@media all and (max-width: 1100px) {
		.imprint{
			display:inline-block;
			font-size: 12px;
		}
	}


	.mail_count{
		background-color: #00b755;
		color: white;
		border-radius: 50%;
		margin-top: -5px;
		margin-left: -5px;
		padding: 2px;
		width:20px;
		height:20px;
		font-size: 10px;
		text-align: center;
	}

	#chatDialog .modal-dialog {
		height: 100%;
	}

	#chatDialog .modal-dialog .modal-body{
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%;
		background: var(--grundfarbe-halbhell);
	}

	#chatDialog .modal-dialog .modal-content{
		height: 90%;
	}


	#chatDialog .modal-dialog .modal-footer{
		display: block;
		background: var(--grundfarbe-halbhell);
	}
	.chat_frame
	{
		display:block;
		border-radius: 20px;
		padding: 10px;
		margin: 5px;
		width:auto;
		max-width: 80%;
	}

	.chat_request
	{
		background-color: #6edff6;
	}
	.chat_response
	{
		background-color: #ccffcc;
	}

	.chat_title{
		font-size: 10px;
	}

	#writeChatMessage{

	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	}

	#writeChatMessage img{
		height : 23px;
	}

	.chat_list_chat_frame{
		border: 2px solid var(--secundary-color);
		border-radius: 8px;
		padding: 10px;
		position:relative;
		cursor:pointer;
		margin-left: 0.5em;
		margin-right: 0.5em;
	}

	.chat_list_chat_frame hr{
		margin: 0;
	}

	.chat_new_count {
		background-color: #00b755;
		color: white;
		border-radius: 50%;
		padding: 2px;
		width: 20px;
		height: 20px;
		font-size: 10px;
		text-align: center;
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.meeting_appointment_registration_list_frame{
		border: 2px solid var(--grundfarbe-mittel);
		border-radius: 8px;
		padding: 1em;
		margin-left: 0.5em;
		margin-right: 0.5em;
	}

	.meeting_appointment_registration_registration_frame{
		border: 2px solid var(--secundary-color);
		border-radius: 8px;
		padding: 10px;
		margin: 10px;
	}

	.meeting_link_list_frame{

	}

	.meeting_link_frame{
		border: 2px solid var(--secundary-color);
		border-radius: 8px;
		padding: 10px;
		margin: 10px;
		background-color: var(--grundfarbe-hell);
	}

	.link_type_icon_frame {
		float: left;
		padding: 4px;
		width: 36px;
		height: 36px;
		margin: 2px;
//		border: 2px solid var(--secundary-color);
		border-radius: 8px;
		background-color: var(--primary-color);
		cursor:pointer;
	}
	.link_type_icon{
		width: 100%;
	}
	@media all and (min-width: 576px) {
		.link_type_icon_frame {
			width: 48px;
			height: 48px;
		}
	}

	.link_type_link_frame{
		overflow: hidden;
		word-wrap: break-word;
		font-size: 12px;
	}

	.load-more-button{
		display: block;
		width: 60px;
		height: 60px;
		font-size: 24px;
		margin: 50px auto;
		border: thin solid #e4e4e4;
		border-radius: 50%;
		line-height: 60px;
		cursor: pointer;
		transition: box-shadow .2s;
		background-color: var(--secundary-color);
	}
	.load-more-button span{
		display: block;
		transform: rotate(90deg);
		font-size: 22px;
		color: #FFF;
	}
	.load-more-button:hover{
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	}
	.load-more-button:active{
		background-color: #555;
		box-shadow: none;
	}
}