@font-face {
  font-family: GTAmerica-Medium;
  src: url(assets/fonts/GT-America-Standard-Medium.woff);
}

@font-face {
  font-family: GTAmerica-Bold-Italic;
  src: url(assets/fonts/GT-America-Standard-Bold-Italic.woff);
}

@font-face {
  font-family: BundesSans-Regular;
  src: url(assets/fonts/BundesSans-Web-Regular.woff);
}

@font-face {
  font-family: BundesSans-Medium;
  src: url(assets/fonts/BundesSans-Web-Medium.woff);
}

@font-face {
  font-family: 'Material Icons Rounded';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/MaterialIconsRound-Regular.otf); /* For IE6-8 */
}

.material-icons {
  font-family: 'Material Icons Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  margin-left: -2px;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

body .container-fluid, p {
font-family: BundesSans-Regular;
/*font-size: 1.1rem;*/
}

.h-90 {
	height: 90%!important;
}

iframe{
    overflow:hidden;
}

button:focus {
	border:none !important;
	outline:none !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

.container-fluid {
	padding-left: 40px !important;

}

cg-wrapper {
	width: 100%;
}

.cg-wrapper form input {
	width: 100% !important;
	letter-spacing: .5px;
	color: #22211d;
	background-color: #fff !important;
	height: auto !important;
	padding: 12px 16px !important;
	margin: 4px 0 2px;
	box-sizing: border-box;
	border: 1px solid #b9b7ac !important;
	border-radius: 2px;
	transition: border-color 0.2s ease-in-out !important;
}

.row.chathead {
    margin-right: 0px;
    margin-left: 0px;
    position: absolute;
	top: 0;
	width: 100%;
}

.chatwrapper {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}

#chat-frame {
top:54px !important;
}

.chatwrapper, .streamwrapper {
   /* border: 5px solid black; */
}

.black {
	background-color: black !important;
	border-color: black !important;
}

.btn.black {
    font-family: GTAmerica-Bold-Italic;
    font-size: 1.2em;
	border: 0 solid transparent;
    border-bottom: 5px solid black !important;
    border-radius: 0;
    padding-left: 0;
	padding-right: 0;
	margin-left: 12px;
	margin-right: 12px;
}

.btn.black.active {
    border-bottom: 5px solid white !important;
}

.btn.submenue-1 {
	font-family: GTAmerica-Bold-Italic;
    font-size: 1.3em;
    border: 0 solid transparent;
    border-bottom: 5px solid black !important;
    padding:0;
    margin-right: 15px;
    border-radius: 0;
}

.btn.submenue-2 {
font-family: BundesSans-Regular;
font-size: 1.3em;
    border: 0 solid transparent;
    border-bottom: 5px solid black !important;
    padding:0;
    margin-right: 15px;
    border-radius: 0;
}

.btn.submenue-2.active {
    border-bottom: 5px solid #c90304 !important;
    color: #c90304;
}

.btn.submenue-2:hover {
	background: none;
} 

@media (max-width: 991.98px) {

.container-fluid {
	padding-left: 15px !important;
}

.headrow {
/*margin-bottom: 0px;*/
}

.chatcontainer {
min-height: 500px;
}

.varipad {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.logoleft {
left: -35px;
}
}

@media (min-width: 992px) { 

.container-fluid {
	padding-left: 40px !important;
}

.headrow {
/*margin-bottom: -37px;*/
}

.varipad {
	padding-left: 3rem!important;
	padding-right: 3rem!important;

}

.logoleft {
left: -51px;
}
}


/* Chat */


p {
text-align: left;
font-size: 1.3rem;
}

.red {

color: #c00000;
}

p a {
color: #c00000;
}

.smaller {
font-size: 1.0rem;
}




        #messages {

            /*height: 630px;*/
            overflow-x: hidden;
            padding: 10px;
            /*height: calc(100% - 66px);*/
            overflow-y: scroll;
    		 flex-grow: 4;
        }
        
        
        

        form {
            display: flex;
            bottom: 0px;
			/*position: absolute;*/
			width: 100%;

        }
        
        #vote label.custom-control-label {
        	font-size: 1.8em;
        }

	   input[type=checkbox] {
			/*transform:scale(2, 2);*/
	   }

        input[type=submit] {
            font-size: 0.9rem;
            padding: 10px;
            margin: 10px 5px;
            appearance: none;
            -webkit-appearance: none;
            border: 1px solid;
            border-radius: 5px;
            letter-spacing: -1px;
        }
        
        #form_v  input[type=submit] {
        	margin: 20px 0px 10px 0px;
        }
        
        
        .checkbox-lg .custom-control-label::before, 
		 .checkbox-lg .custom-control-label::after {
		   top: .8rem;
		   width: 1.55rem;
		   height: 1.55rem;
		 }

		 .checkbox-lg .custom-control-label {
		   padding-top: 2px;
		   padding-left: 12px;
		 }


		 .checkbox-xl .custom-control-label::before, 
		 .checkbox-xl .custom-control-label::after {
		   top: 1.2rem;
		   width: 1.85rem;
		   height: 1.85rem;
		 }

		 .checkbox-xl .custom-control-label {
		   padding-top: 23px;
		   padding-left: 10px;
		 }

        #message {
            flex: 2;

        }

        .msg {
            background-color: #c6ddf8;
            padding: 5px 10px;
            padding-bottom: 12px;
            border-radius: 5px;
            margin-bottom: 8px;
			overflow-wrap: break-word;
        }

        .msg p {
            margin: 0;
            font-weight: bold;
        }

        .msg span {
            font-size: 0.7rem;
            margin-left: 15px;

        }
        
        #vote_wrapper{
			/*height: 154px;*/
			display: block;
			margin-bottom: 20px;
			padding: 10px;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: #ffffff;
			z-index: 10;
		}

        #pin_wrapper{
			/*height: 154px;*/
			display: block;
			margin-bottom: 20px;
			padding: 10px;
			/*position: absolute;*/
			width: 100%;
			/*height: 100%;*/
			top: 0;
			left: 0;
			background-color: #ffffff;
			z-index: 9;
			border-radius: 5px;
			padding-bottom: 0px;
			padding-top: 20px;
		}


		.votebtn {
			width: 50%;
		margin: auto;
		display: block;
		width: 50%;
		margin: auto;
		display: block;
		margin-bottom: 20px;
		height: 31px;
		border-radius: 5px;
		font-size: 20px;
		}

		.highlight {
		background-color: green;
		color: black;
		}

		.hide, #vote_wrapper.hide {
		display:none;
		}

		.embed-responsive-16by9::before {
		padding-top: 0px;
		}

		@media (max-width: 1440px){
		#chatcontainer1 {
		height: 700px;
		}
		}

/* Player */

  
      #player-wrapper {
      /*width: 50%;*/
      margin: 0 auto;
    }
    
    span.blue {
    	color: #00205b;
    }
    
    #textbox-wrap {
  		background-color: #00205b; 
  		margin-left: -63px;
  		margin-right: -63px;  
    }
    #whitebox-wrap {
    	background-color: #ffffff; 
    	margin: 80px 80px 80px 80px;
    	width: 100%;
    }
	p.textfeld {
			padding: 4em 0px 4em 0px;
			font-size: 2.0em;
			font-family: BundesSans-Medium;
	}
	
	@media (max-width: 1618px) {
		p.textfeld {
			font-size: 1.8em;
			font-family: BundesSans-Medium;
		}
	}
	
	@media (max-width: 1400px) {
		p.textfeld {
			font-size: 1.4em;
			font-family: BundesSans-Medium;
		}
	}
	
	@media (max-width: 768px) {
		p.textfeld {
			font-size: 1.0em;
			font-family: BundesSans-Medium;
		}
		#textbox-wrap {
			margin-left: 0px;
			margin-right: 0px;  
		}
		.brnodisplay {
  		  display: none;
		}
		#whitebox-wrap {
			 background-color: #ffffff; 
			 margin: 60px 0px 60px 0px;
			 width: 100%;
			 padding-left: 4em;
			 padding-right: 4em;
		 }

	}