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

body {
	font-family: -apple-system, BlinkMacSystemFont, Montserrat, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  	background-color: #f2f2f2;
  	
}

a {
	color:#005caa
	}
a:hover, a:active  {
	color:#781516
}

.bg-warning {
    background-color: #d4dade !important;
}

/*Fusszeile */
.bg-footervobs {
	border-top: 5px solid #3498DB;
}
.text-footer {
  color:#222;
}
.text-footer a {
  color:#222;
}
.text-footer a:hover, a:active {
  color:#3498DB;
  text-decoration:none;
}
#page-footer {
  background-color:#fff;
}
.header-9879.h-5 {
    padding:0;
}

/*container-breiten*/
@media (max-width: 450px) {
    .nav-meta {
		height: 5.6rem !important;
		} 
   }

@media (max-width: 576px) {
    .container {
		max-width: 540px; 
		} 
    .nav-meta a {
		padding: 0.25rem 0 !important;
		}
	 .nav-meta {
		height: 5.6rem !important;
		} 	 		
   }
   
@media (max-width: 680px) {
    .container {
      max-width: 675px; }
     /* .nav-link{
    	font-size:0.8rem;} */
    .nav-meta {
		height: 5.6rem !important;
		} 
    .nav-meta a {
    	border: 0px solid #005caa;
    	}
    .nav-oben {
    	margin-top: -1.5rem;
    	float:left;
    	}
    .nav-meta a {
		padding: 0.25rem 0.25rem !important;
		} 		
	.btn.btn-outline-secondary {
    	font-size: 0.8rem !important;
		}
    }   
   
@media (max-width: 720px) {
    .container {
      max-width: 710px; }
     /* .nav-link{
    	font-size:0.8rem;} */
    .nav-meta a {
    	border: 0px solid #005caa;
    	}
    .nav-oben {
    	margin-top: -1.5rem;
    	float:left;
    	}
	.btn.btn-outline-secondary {
    	font-size: 0.8rem !important;
		}
    }
    
  @media (max-width: 825px) {
    .container {
      	max-width: 825px;
      	}
    /*.nav-link{
    		font-size:smaller;
    		}*/
    	#idlogo img {
      	width:150px;
      	height:auto;
      	}	
    	.nav-meta a {
    		border: 0px solid #005caa;
    		}
    	.nav-oben {
    		margin-top: -1.5rem;
    		float:right;
    		}
	.btn.btn-outline-secondary {
    		font-size: 0.8rem !important;
		}
    	}
  @media (max-width: 992px) {
    .container {
     	max-width: 960px;
     	}
    #idlogo {
     	margin-top:-1rem;
      	}
	.nav-link {
    	font-size:smaller;
    	}
    .nav-meta a {
    	border: 0px solid #005caa;
    	}
    .nav-oben {
    	margin-top: -1.5rem;
      	float:left !important;
      	display: contents;
    	}
	.btn.btn-outline-secondary {
    	font-size: 1rem;
		}
    }
  
  @media (max-width: 1024px) {
    .container {
      	max-width: 1020px;
      	}
    #idlogo img {
      	width:180px !important;
      	height:auto;
      	}
 	.nav-oben {
    		float:right;
    		margin-top: -1.3rem !important;
    	}
	.btn.btn-outline-secondary {
    		font-size: 1rem;
		}
    }    
    
  @media (max-width: 1040px) {
    .container {
      	max-width: 1030px;
      	}
    #idlogo img {
      	width:180px !important;
      	height:auto;
      	}
 	.nav-oben {
    		float:right;
    		margin-top: -1.3rem !important;
    	}
	.btn.btn-outline-secondary {
    		font-size: 1rem;
		}
	.nav-meta a {
	    border: 0px solid #005caa;
	  }	
    }    
   
  @media (max-width: 1080px) {
    .container {
      	max-width: 1080px;
      	}
      #idlogo img {
      	width:180px;
      	height:auto;
      	}
	.btn.btn-outline-secondary {
    		font-size: 1rem;
		}

    	}      

  @media (max-width: 1200px) {
    .container {
      	max-width: 1140px; 
      	}
   	#idlogo img {
     	width:180px;
      	height:auto;
     	}
    	.nav-oben {
    		float:right;
    		margin-top: -1.65rem;	
    	}
/*
	.nav-meta a {
	    border: 0px solid #005caa;
	  }*/
}

  @media (min-width: 1201px) {
    .container {
      	max-width: 1140px; 
      	}
      #idlogo img {
      	width:250px;
      	height:auto;
      }
      .nav-link {
    		font-size:1.2rem;
    	}
    	.nav-oben {
    		float:right;
    		margin-top: -1.8rem;	
    	}
}



/*Navigation*/

ul.navbar-nav  {
	font-size:1.1rem;
}

/*
@media (min-width: 576px){
.navbar-expand-sm .navbar-collapse {
	margin-left:-0.6rem;
}
}*/
.navbar-light .navbar-nav .nav-link {
    color: #005caa;
    font-weight:400;
}

	
/*breadcrumb*/
.breadcrumb {
    margin-left: 1.8rem;
}	
	
/*Logo*/
#main-navbar .navbar-brand {
    max-width: unset;
    margin-top: -11rem;
}

#idlogo a{
	border:0px solid; transparent;
}
#idlogo {
	margin-right:5rem;
}

/*Buttons TOP*/
.nav-meta, .nav-scroller {
    height: 4.6rem;
    padding-top: 1.2em;
}

.nav-meta a {
    color: #6c757d;
    border-color: #d4dade;
    }
.navbar-light .navbar-nav .nav-link {
    white-space: nowrap;
}


.nav-meta a {
    margin-left: 0.5rem;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    /* border: 1px solid #005caa; */
    padding: 0.15rem 0.3rem;
    font-size: 0.95rem;
    line-height: 1.3;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
  /*
  @media (min-width: 992px) {
	.nav-meta a {
          border: 1px solid #005caa; }
     .nav-oben {
    		margin-top: -2.3rem;
    		float:right;
    		font-size:smaller;
	}
	.btn.btn-outline-secondary {
    		font-size: 1rem;
		}
 }      

  @media (min-width: 1200px) {
	.nav-meta a {
          border: 1px solid #005caa; } 
    .nav-oben {
    margin-top: -2.3rem;
    float:right;
		}     
     }

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #d4dade;
    border-color: #d4dade;
}

Buttons TOP END

@media (max-width: 992px) {
	.nav-meta a{
	    border: 0px solid #005caa;
	    padding:0.25rem 0.1rem;	
	}
	}
	*/

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 0rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 0rem;
}

.nav-left{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.pt-5, .py-5 {
    padding-top: 0 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #781516;
    background-color: transparent;
}

#nav-left-item a {
	font-size:1rem;
		padding: 0.2rem 0.4rem 0.2rem 0.4rem;
}

/*Schulen und Institutionen*/
#accordion-266 .card {
  background-color:#f2f2f2;
}
#accordion-387 .card {
  background-color:#f2f2f2;
}

.jumbotron {
  margin:0 !important;
  padding:0 !important;  
}

@media (max-width: 767px) {
  #c298 {
    margin-top:1.3rem;
  }
}

/*tabs begin*/
#c387 .nav-link {
	padding:0.2rem 1rem;
	}
	
#c266 .nav-link {
	padding:0.2rem 1rem;
	}
/*tabs end*/

/*ronny Bild abstand oben*/
#c578 {
    padding-top: 3.15rem;
}
#c566 {
  margin-top:-0.2rem;
}

.list-group-item, .card {
    background-color: #f2f2f2;
}

/*button sokrates Forum*/
#c581 .btn {
	/*width:16rem;*/
	margin-top:0.3rem;
}

/*login Formular IT-Support*/
.tx-felogin-pi1 label {
	width: 8rem;
}
.tx-felogin-pi1 h3 {
	font-size:1.3rem;;
}
#c585 .btn-info {
	display:block;
	width:100%
}
#c587 .btn-info {
	display:block;
	width:100%
}

/*Formular Schulschriften*/
#c1635 .form-control {
	width:50%
}
/* end*/

/*Zweite Menübene links*/
.pl-2 a, .px-2 a{
	font-size:0.85rem !important;
}

/*Card Softwarelisten*/
#c1665 .card-body {
  padding: 1rem 1rem 0 1rem;
}
#c1661 .card-body {
  padding: 1rem 1rem 0 1rem;
}

h3.subheader.text-secondary {
  font-size:1.5rem;
  padding-bottom: 1rem;
}

div#c2374 h5 {
  margin-bottom: 0 !important;
}

/*+++++++++++++++++++++++ Änderungen Werner++++++++++++++++++++++++++++++++++++++++ */

/*  Inhaltselement - Linie danach   */
.frame-ruler-after::after {
    margin-top: 1em;
    margin-bottom: 1em;
}

/*  Inhaltselement - bootstrapcard    */
.card {
   background-color: #f7f7f7; 
}
.card-header h3 {
  margin-bottom: 0;
}
.card-text p {
  margin-bottom: 0;
}

/*Aktuell Seite*/

/*Aktuell Liste*/
#news-container-3470 h3{
    font-size: 1.4em;
}
/*Archiv Liste*/
#news-container-3712 h3{
    font-size: 1.4em;
}
/*Projekte Wettbewerbe*/
#news-container-9877 h3.card-title.mt-0.mb-1 {
    font-size: 1.4rem;
}

.news-related {
    padding: 0;
    border: 0px solid #eee; 
    }

#c4338 {
  margin-top:-0.3rem !important;
}

#c9836 {
  margin-top:-0.3rem !important;
}
#news-container-4338 .card-title.mt-0.mb-1 {
	font-size:1.6rem;
  	padding-top: 1.2rem;
}

.header-9879 h-5 {
  padding:15px 0 5px 15px
}

#news-container-9836 span[itemprop="headline"] {font-size:1.7rem;}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: #fff;
    background-color: #2384c6;
    border: 0 solid transparent;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #005caa;
    border-color: transparent;
}

.page-link:hover {
    background-color: #005caa;
}

.page-item.disabled .page-link {
    color: #005caa;
    pointer-events: none;
    cursor: auto;
    background-color: #d4dade;
    border-color: #005caa;
}

li.disabled.page-item {
    background-color: #d4dade;
}

/*Suchfeld auf jeder Seite begin*/
#ke_search_searchfield_submit {
	padding-left:0.3rem;
}
form#form_kesearch_searchfield {
    float: right;
    margin-top: -3.3rem;
}
/*Suchfeld auf jeder Seite end*/
/*Button EIngabe loeschen*/
a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
    padding: 4px 7px !important;
}

.breadcrumb-nav {
    margin-left: -48px;
    margin-top: 3px;
}

 
/*Schatten meta-nav*/
.shadow_metanav:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.25),0 2px 2px rgba(0,0,0,0.22);
}

#c9912.ce-link-content, #c9913.ce-link-content {
    padding: 0;
}

/*css hover Logos Fusszeile*/
figure.snip0015 {
   color: #fff;
   position: relative;
   float: left;
   overflow: hidden;
   background: #000;
   text-align: center;
}
figure.snip0015 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
figure.snip0015 img {
   opacity: 1;
   width: 100%;
   -webkit-transition: opacity 0.35s;
   transition: opacity 0.35s;
}
figure.snip0015 figcaption {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 0.2em;
   width: 100%;
   height: 100%;
}
figure.snip0015 figcaption::before {
   position: absolute;
   top: 1%;
   right: 5px;
   bottom: 1%;
   left:5px;
   border-top: 0px solid rgba(255, 255, 255, 0.8);
   border-bottom: 0px solid rgba(255, 255, 255, 0.8);
   content: "";
   opacity: 0;
   background-color: #fff;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
figure.snip0015 h2,
figure.snip0015 h2, figure.snip0015 p {
    margin: 5px 0 2px;
    opacity: 0;
    font-size: 0.65rem;
    color: #fff;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
}
figure.snip0015 h2 {
   font-weight: 300;
   text-transform: uppercase;
   -webkit-transform: translate3d(0%, 50%, 0);
   transform: translate3d(0%, 50%, 0);
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
figure.snip0015 h2 span {
   font-weight: 800;
}
figure.snip0015 p {
   font-weight: 200;
   -webkit-transition-delay: 0;
   transition-delay: 0;
   font-size: 0.7rem;
}
figure.snip0015 a {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   position: absolute;
   color: #fff;
}
figure.snip0015:hover img {
   opacity: 0.35;
}
figure.snip0015:hover figcaption h2 {
   opacity: 1;
   -webkit-transform: translate3d(0%, 0%, 0);
   transform: translate3d(0%, 0%, 0);
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
figure.snip0015:hover figcaption p {
   opacity: 0.9;
   -webkit-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
figure.snip0015:hover figcaption::before {
   background: rgba(255, 255, 255, 0);
   top: 2px;
   bottom: 2px;
   opacity: 1;
   -webkit-transition-delay: 0;
   transition-delay: 0;
}

.hyphenate {
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

div#news-container-9836 {
    display: inline-flex;
}